.network-page-hero{padding:52px 0 64px;overflow:hidden}
.network-page-hero.with-side>.wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}
.network-page-hero.with-side h1{font-size:clamp(54px,5.4vw,80px);line-height:1.04}
.network-page-hero .network-hero-copy{padding-bottom:44px;min-width:0}
.network-hero-copy>p{max-width:460px}
.network-infrastructure{min-width:0;width:100%;max-width:720px;margin:0;justify-self:end}
.infrastructure-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;font:11px var(--mono);letter-spacing:.06em;color:#766c83}
.infrastructure-heading>span:first-child{color:#662190}
.infrastructure-heading i{display:inline-block;width:6px;height:6px;background:#ff6c00;border-radius:50%;margin-right:8px;vertical-align:middle}
.infrastructure-art{position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.infrastructure-art canvas,.infrastructure-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.infrastructure-art canvas{opacity:0}
.infrastructure-art:is([data-scene-state="animated"],[data-scene-state="paused"]) canvas{opacity:1}
.infrastructure-art:is([data-scene-state="animated"],[data-scene-state="paused"]) .infrastructure-poster{opacity:0}
.infrastructure-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:0 4px}
.infrastructure-controls button{border:1px solid transparent;border-radius:100px;padding:9px 13px;font-family:inherit;font-size:12px;line-height:1.25;background:transparent;color:#74677e;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.infrastructure-controls button[aria-pressed="true"]{background:#f3edf9;border-color:#ddcdec;color:#662190}
.infrastructure-controls button:hover{background:#fbf6ff;border-color:#ddcdec}
.infrastructure-controls button:focus-visible{outline:2px solid #ff6c00;outline-offset:3px}
.infrastructure-controls button:disabled{cursor:default}
.network-infrastructure .infrastructure-caption{min-height:57px;max-width:520px;margin:16px auto 0;padding:0 16px;text-align:center;font-size:12px;line-height:1.7;color:#786d82}
@media(min-width:1500px){.network-page-hero.with-side>.wrap{grid-template-columns:1fr 1.15fr;gap:65px}}
@media(max-width:1000px) and (min-width:801px){.network-page-hero.with-side>.wrap{gap:16px;grid-template-columns:.83fr 1.17fr}.network-page-hero.with-side h1{font-size:55px}.network-page-hero .actions{gap:10px}.network-page-hero .button{padding:13px 19px}.infrastructure-controls button{padding:8px 9px;font-size:11px}.infrastructure-heading{font-size:9px;padding:0 8px}}
@media(max-width:800px){.network-page-hero{padding:56px 0 44px}.network-page-hero.with-side>.wrap{grid-template-columns:1fr;gap:48px}.network-page-hero .network-hero-copy{padding:0}.network-page-hero.with-side h1{font-size:clamp(48px,9vw,65px)}.network-infrastructure{max-width:560px;justify-self:center}.infrastructure-heading{padding:0 8px}.network-infrastructure .infrastructure-caption{min-height:0}}
@media(max-width:400px){.infrastructure-heading{font-size:9px;padding:0;letter-spacing:0}.infrastructure-controls{gap:3px;padding:0}.infrastructure-controls button{padding:8px 6px;font-size:10px}.network-infrastructure .infrastructure-caption{padding:0 5px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.infrastructure-controls button{transition:none}}