:root{--night:#08120F;--deep:#0E2621;--mint:#6FF2C0;--mint-ink:#04140E;--ghost:#EAF4F0;--muted:#A3BBB3;--line:rgba(111,242,192,.28)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--night);-webkit-text-size-adjust:100%}body{font-family:"Manrope",system-ui,sans-serif;font-weight:400;color:var(--ghost);background:var(--night);overflow-x:hidden}.runway{position:relative;height:calc(100vh+55vh);height:calc(100svh+55svh)}.stage{position:sticky;top:0;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:clamp(14px,2.4vw,28px) clamp(16px,4vw,56px) clamp(18px,3vw,36px);isolation:isolate}.mesh{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 45% at 78% 72%,rgba(111,242,192,.22),transparent 70%),radial-gradient(45% 40% at 12% 8%,#16433A,transparent 72%),radial-gradient(35% 35% at 55% 40%,rgba(64,120,140,.18),transparent 70%),linear-gradient(170deg,#0B1B17 0,#08120F 60%,#060E0C 100%);will-change:transform}.top{display:flex;align-items:center;gap:10px}.top img{width:clamp(34px,4vw,42px);height:clamp(34px,4vw,42px);border-radius:11px;object-fit:cover;box-shadow:0 0 0 1px var(--line),0 6px 18px rgba(111,242,192,.16)}.word{font-weight:700;font-size:clamp(1rem,1.4vw,1.15rem);letter-spacing:-.01em}h1{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(3.1rem,min(12.6vw,21svh),10rem);line-height:.86;letter-spacing:-.005em;margin:clamp(20px,5svh,56px) 0 clamp(16px,3.5svh,40px)}h1 span{display:block;will-change:transform}h1 em{font-style:normal;color:var(--mint);text-shadow:0 0 38px rgba(111,242,192,.35)}.act{margin-top:auto;display:grid;grid-template-columns:1fr auto;grid-template-areas:"say scene" "cta cta" "note note";column-gap:14px;align-items:center}.say{grid-area:say;font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.5;color:var(--muted);max-width:34em}.say b{color:var(--ghost);font-weight:700}.scene{grid-area:scene;width:clamp(118px,34vw,150px);height:auto;overflow:visible}.cta{grid-area:cta;justify-self:start;margin-top:18px;display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;background:var(--mint);color:var(--mint-ink);font-weight:700;font-size:clamp(1rem,1.3vw,1.1rem);text-decoration:none;box-shadow:0 10px 30px -8px rgba(111,242,192,.55);transition:transform .2s ease}.cta svg{width:18px;height:18px;transition:transform .2s ease}.cta:hover{transform:translateY(-2px)}.cta:hover svg{transform:translateX(3px)}.cta:focus-visible{outline:3px solid var(--ghost);outline-offset:4px}.note{grid-area:note;margin-top:12px;font-size:clamp(.82rem,1vw,.9rem);color:var(--muted)}.hint{position:absolute;left:50%;bottom:10px;width:2px;height:28px;margin-left:-1px;border-radius:2px;background:linear-gradient(var(--mint),transparent);opacity:.55;transition:opacity .3s}.pt{fill:#123630}.pl{fill:#0A221D}.pr{fill:#0D2B25}.bt{fill:#1D4A42}.bl{fill:#11302A}.br{fill:#163C35}.pt,.bt{stroke:rgba(111,242,192,.35);stroke-width:.5}.w{fill:var(--mint);opacity:.13;transition:opacity .35s ease}.w.on{opacity:1}.dot{fill:#0E2621}.bob{animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-3px)}}.shadow{fill:#02100C;opacity:.55}footer{padding:22px clamp(16px,4vw,56px) 26px;border-top:1px solid rgba(111,242,192,.12);font-size:clamp(.8rem,1vw,.88rem);color:var(--muted);background:var(--night)}@media(min-width:860px){.act{grid-template-columns:minmax(0,34em) 1fr;grid-template-areas:"say scene" "cta scene" "note scene";column-gap:clamp(24px,4vw,64px)}.scene{justify-self:end;width:clamp(200px,min(28vw,36svh),330px)}}@media(prefers-reduced-motion:reduce){.bob{animation:none}.w,.cta,.cta svg,.hint{transition:none}.runway{height:auto}.stage{position:relative}.hint{display:none}}html,body{max-width:100%;overflow-x:clip}