/* The original split hero uses home.css. The cube is an independent section below. */
.page-home .cube-capabilities{padding-block:18px 72px;background:#0b0c0e}
.page-home .cube-capabilities>.wrap{min-width:0}
.page-home .dc-section{min-width:0;scroll-margin-top:30px}
.dc-section .dc-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:10px 22px;border-bottom:1px solid var(--dc-line,#30343a)}
.dc-section .dc-section-toolbar>div{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--dc-text,#f3f4f5)}
.dc-section .dc-pause{margin:0;min-height:44px}
.dc-section:has([data-mode="branch"]) .dc-toolbar-index{display:none}
.dc-section .dc-toolbar-index{font-size:10px;letter-spacing:.06em;color:var(--dc-muted,#aab1b9);font-variant-numeric:tabular-nums}
.dc-section .dc-section-foot{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--dc-line,#30343a)}
.dc-section .dc-section-foot p{margin:0;font-size:11px;line-height:1.6;color:var(--dc-muted,#aab1b9)}
@media(max-width:759px){
 .page-home .cube-capabilities{padding-block:12px 48px}
 .dc-section .dc-section-toolbar{padding-inline:14px;min-height:58px}
 .dc-section .dc-section-toolbar>div{gap:9px;font-size:11px}
 .dc-section .dc-section-foot{padding:12px 14px;display:block}
 .dc-section .dc-section-foot p+p{margin-top:4px}
}
@media(max-width:359px){.dc-section .dc-toolbar-index{display:none}}
/* The original lower hero cards need a width cap on the narrowest phones. */
@media(max-width:359px){.page-home .hero-network .network-card{max-width:calc(50% - 10px)}}
