/* The network is a diagram made from the existing official logos. */
.hero-inner{max-width:1280px}
.hero-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:28px;padding:22px 0 28px}
.hero h1{font-size:clamp(68px,7vw,100px)}
.hero-description{font-size:21px;max-width:30ch}
.network{min-width:0;--energy:.35}
.network-stage{position:relative;height:520px;isolation:isolate}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.network-link{fill:none;stroke:var(--gold);stroke-width:1.4;vector-effect:non-scaling-stroke;opacity:.46;transition:opacity .2s,stroke-width .2s}
.network-link.is-active{opacity:1;stroke-width:3}
.network-core{position:absolute;left:50%;top:50%;width:250px;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
.network-core::before{content:'';position:absolute;inset:-28% -42%;background:radial-gradient(ellipse,#d1ac5955 0%,#d1ac5912 43%,transparent 68%);opacity:var(--energy);z-index:-1;transition:opacity .3s}
.network-core{aspect-ratio:900/1330}
.network-core img{width:100%;height:100%;object-fit:fill}
.network-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:116px;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;text-decoration:none;color:var(--paper);font-size:14px;line-height:1.15;z-index:2}
.network-node img{width:66px;height:66px;object-fit:contain;border-radius:50%;outline:1px solid #f2ede135;outline-offset:5px;transition:outline-color .2s,transform .2s}
.network-node:hover img,.network-node:focus-visible img{outline-color:var(--gold);transform:scale(1.09)}
.network-node:hover,.network-node:focus-visible{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.network-node:focus-visible{outline:2px solid var(--gold);outline-offset:8px;border-radius:4px}
.network-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:14px;border-top:1px solid #f2ede130;padding-top:8px}
.network-footer p{max-width:35ch}
.network-footer{margin-top:30px;padding-top:16px}
.network-footer button{background:transparent;color:var(--paper);border:1px solid #f2ede180;border-radius:24px;padding:9px 13px;font-size:14px;min-height:44px;white-space:nowrap}
.network.is-active{--energy:1}
@media(min-width:801px) and (max-width:1100px){.hero-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:15px}.hero h1{font-size:7.1vw}.hero-description{font-size:19px}.hero-actions{gap:16px}.network-core{width:185px}.network-node{width:90px;font-size:14px}.network-node img{width:56px;height:56px}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr;gap:12px;padding-top:28px}.hero-copy{display:block}.hero h1{font-size:clamp(58px,10vw,80px)}.hero-description{max-width:42ch;margin-top:18px}.hero-actions{margin-top:18px}.network-stage{height:480px}.network{max-width:680px;width:100%;margin:auto}.network-core{width:230px}}
@media(max-width:540px){.hero-inner{width:calc(100% - 40px)}.hero h1{font-size:15vw;white-space:normal}.hero-description{font-size:18px}.hero-actions{gap:16px}.network-stage{height:470px}.network-core{width:140px}.network-node{width:90px;font-size:14px;gap:7px}.network-node img{width:48px;height:48px}.network-footer{align-items:center;font-size:14px}.network-footer p{max-width:20ch}.network-footer button{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.network-link,.network-node img,.network-core::before{transition:none}.network{--energy:.65}.network-footer button{display:none}}