:root{--bg-deep:oklch(13% .008 60);--bg-warm:oklch(18% .012 60);--section-y-scrolly:100px}.s-hero{background:var(--bg-deep);isolation:isolate;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.s-hero__bg{z-index:-2;filter:brightness(.55)saturate(1.05);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.s-hero__bg:after{content:"";background:linear-gradient(#0d0a0680 0%,#0d0a0633 30%,#0d0a0699 75%,#0d0a06f2 100%);position:absolute;inset:0}.s-hero__inner{z-index:1;width:100%;padding:100px 0 140px;position:relative}.s-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:64px;display:grid}.s-hero h1{font-family:var(--font-sans);letter-spacing:-.03em;text-wrap:balance;color:var(--ink);margin:24px 0 0;font-size:clamp(48px,6.2vw,88px);font-weight:500;line-height:1}.s-hero .eyebrow{color:var(--ink-2)}.s-hero__sub{color:var(--ink);text-wrap:pretty;max-width:460px;margin:0;font-size:19px;line-height:1.55}.s-hero__cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.s-hero__indicator{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;font-size:10.5px;animation:2.4s ease-in-out infinite hover;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}@keyframes hover{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.s-hero__indicator svg{opacity:.6}.scrolly{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);display:grid;position:relative}.scrolly__sticky{align-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.scrolly__steps{pointer-events:none;position:relative}.scrolly__step{min-height:100vh;padding:0 var(--pad-x);align-items:center;display:flex}.scrolly__step__card{pointer-events:auto;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);border:1px solid #0000;border-left:2px solid var(--rule);opacity:.25;background:oklch(18% .012 60/.6);max-width:460px;padding:24px 28px;transition:opacity .5s,transform .5s,border-left-color .5s;transform:translateY(20px)}.scrolly__step.is-active .scrolly__step__card{opacity:1;border-left-color:var(--accent);transform:translateY(0)}.scrolly__step__num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin:0 0 12px;font-size:10.5px}.scrolly__step__title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0 0 12px;font-size:30px;font-weight:500;line-height:1.1}.scrolly__step__body{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.scrolly__step--right,.scrolly__step--left{justify-content:flex-start}.scene-intro{padding:140px 0 0}.scene-intro__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:64px;display:grid}.scene-intro__lede{color:var(--ink-2);text-wrap:pretty;max-width:560px;margin:0;font-size:19px;line-height:1.55}.scrolly__rail{top:50%;left:var(--pad-x);z-index:5;flex-direction:column;gap:12px;display:flex;position:absolute;transform:translateY(-50%)}.scrolly__rail.scrolly__rail--right{left:auto;right:var(--pad-x)}.scrolly__rail__pip{background:var(--rule);width:18px;height:2px;transition:background .3s,width .3s}.scrolly__rail__pip.is-active{background:var(--accent);width:28px}.scene-arch__viz{background:radial-gradient(ellipse at center, oklch(22% .014 60) 0%, var(--bg-deep) 70%);place-items:center;width:100%;height:100%;display:grid}.scene-arch__svg{width:95%;max-width:1100px;height:auto;max-height:88vh}.scene-traffic__viz{background:radial-gradient(ellipse 80% 60% at 50% 50%, oklch(20% .014 60) 0%, var(--bg-deep) 70%);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.scene-traffic__svg{width:95%;max-width:1100px;height:auto;max-height:88vh}.scene-ports__viz{background:radial-gradient(ellipse at 50% 40%, oklch(22% .014 60) 0%, var(--bg-deep) 80%);place-items:center;width:100%;height:100%;display:grid;position:relative}.scene-ports__img-wrap{aspect-ratio:4/3;width:85%;max-width:720px;position:relative}.scene-ports__img{object-fit:contain;filter:drop-shadow(0 30px 60px #0000008c);width:100%;height:100%}.scene-ports__callout{pointer-events:none;opacity:0;align-items:center;gap:0;transition:opacity .5s;display:flex;position:absolute}.scene-ports__callout.is-active{opacity:1}.scene-ports__dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px #e97d2c2e, 0 0 24px var(--accent);border-radius:50%;flex-shrink:0}.scene-ports__line{background:linear-gradient(90deg, var(--accent), transparent);flex-shrink:0;height:1px}.scene-ports__label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink);text-transform:uppercase;background:var(--bg-flat);border:1px solid var(--rule);white-space:nowrap;border-radius:3px;padding:6px 10px;font-size:11px}.s-rest{background:var(--bg);position:relative}@media (width<=760px){.s-hero__grid{grid-template-columns:1fr;gap:32px}.scene-intro__grid{grid-template-columns:1fr;gap:24px}.scrolly{grid-template-columns:1fr}.scrolly__vizcol{z-index:0;order:-1;height:44vh;position:sticky;top:0}.scrolly__vizcol .scrolly__sticky{height:44vh}.scrolly__step{min-height:70vh;padding:32px var(--pad-x) 32px;align-items:flex-start;padding-top:36px}.scrolly__step__card{width:100%;max-width:none}.scrolly__rail{display:none}.scene-ports__img-wrap{width:90vw}}