/* The hero is drawn as one connected, animated network. */
.hero-network{background:#070621;isolation:isolate}
.hero-network .hero-inner{min-height:590px;padding-block:83px 103px}
.hero-network .hero-copy{width:min(720px,64%);z-index:2}
.hero-network h1{font-size:clamp(3.75rem,5.9vw,5.5rem);letter-spacing:-.035em;line-height:1.08}
.hero-network h1>.hero-title-line{display:block;overflow:hidden;color:#f7f5fc;padding-bottom:.075em;margin-bottom:-.075em}
.hero-network h1>.hero-title-accent{color:#63def2}
.hero-title-line>span{display:inline-block}
.hero-network.intro-running .hero-title-line>span{will-change:transform,opacity}
.hero-network .hero-actions .button{position:relative;overflow:hidden}
.hero-network .hero-actions .button::after{content:"";position:absolute;inset:-60% -90%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.15) 50%,transparent 57%);transform:translateX(-65%);transition:transform .7s ease}
.hero-network .hero-actions .button:hover::after{transform:translateX(65%)}
.hero-network .hero-description{max-width:455px;font-size:1.125rem;line-height:1.7;color:#c5dcf2}
.hero-network .eyebrow{color:#98cfe9}
.hero-network .hero-location{color:#b1c3da}
.hero-network .hero-bottom{border-top-color:rgba(72,159,225,.2)}
.hero-network .hero-fact>.icon{color:#69daf3}
.hero-network .down-arrow{color:#69daf3}
.network-stage{position:absolute;z-index:0;left:calc((100vw - 100%)/-2);top:0;width:100vw;height:100%;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 70% 69%,rgba(58,12,163,.26),transparent 54%),radial-gradient(ellipse at 79% 38%,rgba(10,50,100,.16),transparent 42%),#070621}
.network-art,.network-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.network-art{object-fit:cover;object-position:50% 50%}
.network-stage canvas{pointer-events:none}
.motion-toggle{position:absolute;right:0;bottom:19px;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid rgba(118,176,225,.26);border-radius:7px;background:rgba(2,7,32,.8);color:#c1d8ee;font-family:var(--body);font-size:.8125rem;line-height:1.4;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{background:#12213e;border-color:#4cc9f0}
.motion-toggle .icon{width:17px;height:17px;stroke-width:2}
.motion-toggle .motion-play{display:none}
.motion-toggle[data-paused="true"] .motion-play{display:block}
.motion-toggle[data-paused="true"] .motion-pause{display:none}
button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.header-inner{gap:25px}
.desktop-nav{gap:26px;margin-left:auto;margin-right:15px}
.header-auth{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.auth-status{font-size:.75rem;line-height:1.3;color:#b1a6c6}
.auth-actions{display:flex;align-items:center;gap:10px}
.auth-actions a,.mobile-auth a{font-family:var(--body);font-size:.875rem;font-weight:500;line-height:1.4;padding:11px 15px;border-radius:6px;cursor:pointer;white-space:nowrap}
.auth-login{background:transparent;border:1px solid #655875;color:#f7f5fc}
.auth-login:hover{background:#241735;border-color:#b7a9d0}
.auth-register{background:#6834dd;border:1px solid #6834dd;color:#fff}
.auth-register:hover{background:#7844ec}
.mobile-auth{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding:17px 10px 7px;margin-top:6px}
.mobile-auth>span{font-size:.75rem;color:#b1a6c6;line-height:1.5}
.mobile-auth a{background:#25143e;border:1px solid #634287;text-align:left;color:#fff}
.mobile-auth a:last-child{background:#6834dd;border-color:#6834dd}
@media(min-width:1600px){.hero-network .hero-inner{min-height:640px}.hero-network h1{font-size:5.65rem}}
@media(max-width:1100px){.header-inner{gap:23px}.desktop-nav{gap:20px;margin-right:0}.desktop-nav a{font-size:.875rem}.auth-actions a{padding-inline:12px}.hero-network .hero-copy{width:66%}.hero-network .hero-inner{min-height:565px}}
@media(max-width:960px){.desktop-nav{display:none}.header-auth{margin-left:auto}.mobile-menu{display:block;position:relative}.mobile-menu>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:34px;height:44px}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:58px;display:grid;gap:2px;width:270px;padding:12px;background:#170e30;border:1px solid #493468;border-radius:12px;box-shadow:0 20px 50px #0008}.mobile-menu nav>a{padding:14px 15px;font-size:1rem;border-radius:5px}.mobile-menu nav>a:hover{background:#291646}}
@media(max-width:820px){.hero-network .hero-inner{min-height:550px;padding-block:75px 95px}.hero-network h1{font-size:3.8rem}.hero-network .hero-description{max-width:360px;font-size:1.0625rem}.hero-network .hero-copy{width:71%}}
@media(max-width:640px){.header-inner{height:78px;gap:12px}.header-auth{gap:4px}.header-auth .auth-register{display:none}.auth-status{font-size:.75rem;max-width:125px;text-align:right}.auth-actions a{padding:9px 12px;font-size:.875rem}.brand-image{width:130px}.hero-network .hero-inner{min-height:0;padding:45px 0 0;display:block}.hero-network .hero-copy{width:100%}.hero-network h1{font-size:clamp(2.7rem,10.25vw,4.15rem);line-height:1.09;letter-spacing:-.035em}.hero-network .hero-description{max-width:400px;font-size:1rem}.hero-network .hero .eyebrow{font-size:.75rem}.network-stage{position:relative;inset:auto;width:100vw;height:clamp(235px,66vw,320px);margin:12px -20px 0}.network-art{object-position:88% 50%}.motion-toggle{bottom:13px;right:0;font-size:.75rem;min-height:40px;padding:8px 10px}.hero-network .hero-bottom{margin-top:0}}
@media(max-width:370px){.header-inner{gap:10px}.brand-image{width:107px}.auth-status{max-width:110px;font-size:.75rem}.auth-actions a{padding-inline:11px}.mobile-menu>summary{width:30px}.network-stage{margin-inline:-16px}.hero-network h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.network-stage,.network-art{animation:none!important}}