/* Processor opening / design review 38. All movement is scroll-driven or one-shot. */
.site-header{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;background:linear-gradient(110deg,#52447838,#7f77dd38 52%,#aa83a32b);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);border-bottom:1px solid #dfd3f652;box-shadow:inset 0 1px #ffffff40,0 6px 26px #160c2914;color:var(--text)}
.site-header>.brand{grid-column:2;grid-row:1;justify-self:center}.header-links{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:24px}.site-header nav{margin:0;gap:20px;white-space:nowrap}.site-header .signin{white-space:nowrap;border-color:#a797ce70}.site-header .brand>span{color:var(--text)}.site-header .header-storm{position:absolute;inset:0;z-index:-1}.site-header:after{opacity:.65}
.hero .actions>.button{background:linear-gradient(155deg,#a18bd5,#7861b5 60%,#65509d);color:#fff;border:1px solid #d6c3fa85;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 0 #463268,0 5px 0 #4e3a79,0 10px 22px #21103735;text-shadow:0 1px 1px #38204a50;transform:translateY(-3px)}.hero .actions>.button:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 #ffffff90,0 7px 0 #4e3a79,0 14px 25px #21103740}.hero .actions>.button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #30204350,0 1px 0 #4e3a79}
.audience-band{font-size:clamp(12px,1.2vw,17px);font-weight:450;letter-spacing:.055em;padding-block:26px;gap:clamp(25px,5vw,85px)}.audience-band span{white-space:nowrap}.audience-band span+span:before{content:'';display:inline-block;width:3px;height:3px;background:#9b83bc;margin-right:clamp(20px,3vw,48px);vertical-align:middle;border-radius:50%}
.glass-ledger,[data-theme=dark] .glass-ledger{background:linear-gradient(125deg,#ffffff18,#b7a0da09 60%,#ffffff16);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid #cdb9e75c;box-shadow:inset 0 1px 0 #ffffff65,inset 0 -1px 0 #ffffff16,0 18px 45px #1d123018}
.signature-art{background:linear-gradient(135deg,#ffffff1a,#9c83bf12);border-color:#a890c64d;box-shadow:inset 0 1px 0 #ffffff40}.signature-art svg{stroke:#9c7fc4;stroke-width:2.1}.js .signature-art path{stroke-dasharray:1;stroke-dashoffset:1}.js .signature-art.is-signed path{stroke-dashoffset:0;transition:stroke-dashoffset 1.65s cubic-bezier(.3,.1,.4,1)}
.chevron-wave{height:220svh}.people-columns{width:clamp(95px,15vw,225px)}.people-section{padding-left:clamp(105px,16vw,245px)}
.hero-scroll{height:230svh;min-height:1100px}.hero-scroll .hero{overflow:visible}.processor-stage{position:relative;z-index:1;min-width:0;align-self:center;perspective:1200px}.processor{width:110%;max-width:none;margin-left:-5%;overflow:visible;transform:rotateX(12deg) rotateZ(-5deg);filter:drop-shadow(0 20px 22px #170d2626)}.processor-board{opacity:.3}.processor text{font-family:inherit;fill:var(--text)}.cpu-node text{font-size:20px;font-weight:550;letter-spacing:-.02em}.cpu-side{fill:#54446f;stroke:#b4a1d5;stroke-opacity:.4}.cpu-face{fill:var(--solid);fill-opacity:.9;stroke:#baa7dc;stroke-opacity:.65}.cpu-core{fill:var(--solid);stroke:#c1afdf;stroke-width:1.5}.cpu-wordmark{font-size:29px;letter-spacing:5px;font-weight:650}.cpu-caption{font-size:9px;letter-spacing:2.5px;fill:var(--muted)!important}.chip-pin{stroke:#9a85b9;stroke-width:5}.cpu-trace{fill:none;stroke:#9b88b4;stroke-width:1.5;opacity:.3}.cpu-current{fill:none;stroke:url(#cpu-purple);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.cpu-node{transform-box:fill-box;transform-origin:center;transition:transform .35s}.cpu-module.is-lit .cpu-face{fill:url(#cpu-purple);fill-opacity:.88;stroke:#dfcafa}.cpu-module.is-lit text{fill:#fff}.cpu-module.is-lit .cpu-node{transform:translateY(-5px)}.cpu-module.is-lit .cpu-current{stroke-dashoffset:0;opacity:.9;transition:stroke-dashoffset .45s,opacity .3s}.cpu-dot{fill:url(#cpu-purple);opacity:var(--cpu-dot-opacity,.18)}.processor-caption{display:flex;justify-content:center;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-top:14px}.processor-status{width:5px;height:5px;background:#9d80cc;border-radius:50%}.connected-city{position:absolute;inset:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);pointer-events:none;z-index:0;opacity:var(--city-opacity,0);mask-image:linear-gradient(90deg,transparent 20%,#000 53%,#000 95%)}.city-volume{fill:#9581c30c}.city-building{transform:translateY(calc((1 - var(--city-progress,0))*30px));opacity:var(--city-progress,0)}.city-link{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--city-progress,0))}.city-building.is-powered .city-volume{stroke-width:1.8;fill:#ad8dd526}.hero-copy{z-index:2}
.tower-scroll{height:190svh;min-height:1100px}.tower-scene{position:sticky;top:85px;height:calc(100svh - 85px);max-height:900px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px}.tower-copy h2{font-size:clamp(38px,4.8vw,68px)}.tower-copy p{max-width:32ch;color:var(--muted);margin-top:26px;font-size:17px;line-height:1.7}.tower-scene .hero-stage{width:100%;margin:0}.tower-scene .architecture{max-height:78svh}.tower-scene .foundation-blueprint{display:none}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto;gap:14px}.site-header>.brand{grid-column:1;justify-self:start}.header-links{grid-column:2;gap:16px}.site-header nav{gap:16px}}
@media(max-width:760px){.site-header{grid-template-columns:1fr;padding:12px 20px;gap:12px}.site-header>.brand{grid-column:1;grid-row:1;justify-self:center}.header-links{grid-column:1;grid-row:2;justify-content:center;gap:20px}.site-header nav{font-size:11px;gap:16px}.site-header .signin{font-size:11px;padding:5px 12px}.hero-scroll{height:auto;min-height:0}.hero-scroll .hero{position:relative;height:auto;max-height:none;top:0}.processor{width:100%;margin:0;transform:none}.processor-stage{padding-block:20px}.cpu-node text{font-size:23px}.connected-city{mask-image:linear-gradient(transparent 40%,#000 70%)}.tower-scroll{height:auto;min-height:0}.tower-scene{position:relative;height:auto;max-height:none;top:0;grid-template-columns:1fr;gap:10px;padding-block:70px}.tower-scene .hero-stage{max-width:550px;margin:auto}.tower-copy p{font-size:16px}.people-columns{width:78px}.people-section{padding-left:80px}.audience-band{font-size:12px}.audience-band span+span:before{margin-right:20px}}
.paused .hero-scroll,.paused .tower-scroll{height:auto;min-height:0}.paused .hero-scroll .hero,.paused .tower-scene{position:relative;height:auto;min-height:650px;top:0}.paused .cpu-node,.paused .city-building{transform:none}.paused .cpu-current{transition:none}.paused .signature-art path{stroke-dashoffset:0;transition:none}
@media(prefers-reduced-motion:reduce){.hero-scroll,.tower-scroll{height:auto;min-height:0}.hero-scroll .hero,.tower-scene{position:relative;height:auto;min-height:0;top:0;padding-block:60px}.cpu-node,.city-building{transform:none!important}.cpu-current{transition:none!important}.js .signature-art path{stroke-dashoffset:0;transition:none}.chevron-wave{height:75svh}.hero .actions>.button,.hero .actions>.button:hover{transform:none;transition:none}}