:root { --acid:#efff47; --ink:#121212; --paper:#f3efe8; --orange:#ff5c35; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope, sans-serif; overflow-x:hidden; }
a { color:inherit; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.08; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); }
.nav { height:94px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; border-bottom:1px solid var(--ink); }
.logo { font-weight:800; font-size:30px; text-decoration:none; letter-spacing:-2px; }.logo span{font:10px DM Mono; vertical-align:top; margin-left:3px}.nav-note{font:10px/1.35 DM Mono;text-align:center;letter-spacing:.12em}.sound-toggle{font:500 11px DM Mono;background:none;border:0;border-bottom:1px solid;cursor:pointer;padding:7px 0}
.hero{min-height:calc(100vh - 94px);position:relative;padding:5vh 4vw 4vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.eyebrow,.section-label{font:500 11px DM Mono;letter-spacing:.16em}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--orange)}
h1{font-size:clamp(78px,14vw,210px);line-height:.72;letter-spacing:-.09em;margin:4vh 0 6vh;text-transform:uppercase;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.07em;color:var(--orange)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;width:65%}.hero-bottom p{font-size:clamp(14px,1.35vw,20px);line-height:1.5;margin:0}.round-link{width:70px;height:70px;border:1px solid;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:25px;transition:.25s}.round-link:hover{background:var(--ink);color:var(--acid);transform:rotate(-20deg)}
.orbit-badge{position:absolute;right:5vw;top:35%;width:170px;height:170px;background:var(--acid);border-radius:50%;display:grid;place-items:center;transform:rotate(10deg)}.orbit-badge svg{position:absolute;width:90%;height:90%;animation:spin 13s linear infinite}.orbit-badge text{font:500 10px DM Mono;letter-spacing:2px}.orbit-badge b{font-size:35px}@keyframes spin{to{transform:rotate(360deg)}}
.ticker{background:var(--ink);color:var(--acid);padding:18px 0;white-space:nowrap;overflow:hidden;transform:rotate(-1.5deg) scale(1.02)}.ticker-track{display:inline-flex;animation:ticker 18s linear infinite}.ticker span{font-weight:800;font-size:21px;letter-spacing:.04em;padding-right:15px}@keyframes ticker{to{transform:translateX(-50%)}}
.proof{padding:140px 4vw}.proof-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;margin-top:70px}.proof h2,.meter-copy h2{font-size:clamp(55px,8vw,125px);line-height:.85;letter-spacing:-.075em;margin:0}.proof-intro p{margin-top:40px;line-height:1.6}.stats{border-top:1px solid}.stats article{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid;padding:24px 0}.stats strong{font-size:clamp(65px,9vw,140px);letter-spacing:-.08em;line-height:1}.stats span{text-transform:uppercase;font:12px/1.45 DM Mono;letter-spacing:.1em}
.quote-section{background:var(--orange);padding:12vw 4vw;text-align:center}.quote-section blockquote{margin:0;font:400 clamp(38px,6vw,92px)/1.08 Georgia,serif;letter-spacing:-.045em}.quote-section p{font:10px DM Mono;letter-spacing:.16em;margin:42px 0 0}
.meter-section{padding:130px 4vw;background:var(--ink);color:var(--paper)}.meter-copy{display:flex;align-items:end;justify-content:space-between;margin:60px 0 80px}.meter-copy p{font:12px/1.6 DM Mono}.meter-wrap{position:relative}.meter-wrap input{width:100%;appearance:none;height:16px;background:linear-gradient(90deg,var(--acid) 50%,#444 50%);border-radius:20px;outline:0}.meter-wrap input::-webkit-slider-thumb{appearance:none;width:46px;height:46px;background:var(--acid);border:8px solid var(--ink);box-shadow:0 0 0 2px var(--acid);border-radius:50%;cursor:grab}.meter-reading{text-align:center;margin-top:50px;font-size:clamp(100px,19vw,280px);font-weight:800;line-height:.8;letter-spacing:-.1em;color:var(--acid)}.meter-reading small{font-size:.25em;letter-spacing:0}.meter-labels{display:flex;justify-content:space-between;margin-top:35px;font:10px DM Mono;letter-spacing:.12em}
.finale{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}.finale>p{font:11px DM Mono;letter-spacing:.2em}.finale h2{font:400 clamp(90px,17vw,250px)/.9 Georgia,serif;letter-spacing:-.08em;margin:15px 0 50px}.applause{background:var(--acid);border:1px solid;border-radius:100px;padding:22px 24px 22px 34px;font:600 12px DM Mono;letter-spacing:.1em;display:flex;gap:35px;align-items:center;cursor:pointer;transition:.2s}.applause:hover{transform:scale(1.06)}.applause b{background:var(--ink);color:white;border-radius:50%;min-width:28px;height:28px;display:grid;place-items:center}.clap{position:absolute;font-size:30px;animation:fly 1.2s ease-out forwards;pointer-events:none}@keyframes fly{to{transform:translate(var(--x),-220px) rotate(var(--r));opacity:0}}
footer{border-top:1px solid;padding:30px 4vw;display:flex;justify-content:space-between;font:10px DM Mono;letter-spacing:.12em}footer a{text-decoration:none}
@media(max-width:700px){.nav-note{display:none}.hero{min-height:760px;padding-top:45px}.hero-bottom{width:100%}.orbit-badge{width:112px;height:112px;right:3vw;top:48%}.proof{padding:90px 5vw}.proof-grid{grid-template-columns:1fr;gap:60px}.meter-section{padding:90px 5vw}.meter-copy{display:block}.meter-copy p{margin-top:30px}.finale{min-height:650px}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track,.orbit-badge svg{animation:none}}