@font-face{font-family:Geist;src:url('assets/fonts/Geist-Variable.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
@font-face{font-family:GeistMono;src:url('assets/fonts/GeistMono-Variable.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
@font-face{font-family:SourceHan;src:url('assets/fonts/SourceHanSansCN-Website.woff2') format('woff2-variations');font-weight:250 900;font-display:swap}
:root{--bg:#090a09;--panel:#111310;--panel-2:#171916;--line:#292d27;--muted:#8d9389;--text:#f2f4ef;--accent:#a7f432;--accent-rgb:167,244,50;--max:1280px;--sans:Geist,SourceHan,system-ui,sans-serif;--mono:GeistMono,SourceHan,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);letter-spacing:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font:680 10px var(--mono);letter-spacing:.12em}.eyebrow::before{content:"";width:24px;height:1px;background:currentColor}.hero{position:relative;display:grid;align-items:end;min-height:780px;padding:130px 0 72px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);align-items:end;gap:clamp(48px,8vw,120px)}.hero h1{max-width:850px;margin:24px 0 26px;font-size:clamp(48px,4.2vw,64px);font-weight:650;line-height:1.1;letter-spacing:0}.hero h1 em{display:block;color:var(--accent);font-style:normal}.hero-lead{max-width:660px;margin:0;color:#a6aca2;font-size:17px;line-height:1.85}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;background:var(--line)}.hero-meta div{min-height:82px;padding:17px;background:var(--bg)}.hero-meta small,.metric small{display:block;color:#747a70;font:650 8px var(--mono);letter-spacing:.12em}.hero-meta strong{display:block;margin-top:10px;font-size:13px;font-weight:590}.hero-visual{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--line);background:#10120f}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);opacity:.72}.hero-visual::after{content:"";position:absolute;inset:0;border:1px solid rgba(var(--accent-rgb),.18);background:linear-gradient(180deg,transparent 58%,rgba(5,6,5,.88)),linear-gradient(90deg,rgba(var(--accent-rgb),.08),transparent 40%)}.visual-label{position:absolute;z-index:2;right:18px;bottom:18px;left:18px;display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);color:#c8cdc4;font:650 8px var(--mono);letter-spacing:.11em}
.section{padding:110px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.52fr 1.48fr;gap:48px;margin-bottom:58px}.section-kicker{color:var(--accent);font:680 10px var(--mono);letter-spacing:.12em}.section h2{max-width:880px;margin:0;font-size:clamp(34px,3.7vw,52px);font-weight:570;line-height:1.14}.section-intro{max-width:720px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.85}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.flat{padding:34px;background:var(--panel)}.flat-number{color:var(--accent);font:680 10px var(--mono)}.flat h3{margin:45px 0 14px;font-size:24px;font-weight:590}.flat p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.flat ul{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}.flat li{display:flex;gap:10px;color:#b7bdb2;font-size:13px;line-height:1.6}.flat li::before{content:"+";color:var(--accent);font-family:var(--mono)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.metric{min-height:180px;padding:28px;background:#0d0f0c}.metric strong{display:block;margin:28px 0 9px;color:var(--accent);font:590 clamp(38px,4vw,64px)/1 var(--mono)}.metric span{color:var(--muted);font-size:12px}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process article{position:relative;padding:28px 26px 30px;border-right:1px solid var(--line)}.process article:last-child{border-right:0}.process b{color:var(--accent);font:680 10px var(--mono)}.process h3{margin:40px 0 12px;font-size:18px}.process p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.quote{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;padding:64px;border:1px solid var(--line);background:var(--panel)}.quote-mark{color:var(--accent);font:400 92px/1 Georgia,serif}.quote blockquote{margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:480;line-height:1.28}.quote cite{display:block;margin-top:28px;color:var(--muted);font:650 10px var(--mono);font-style:normal;letter-spacing:.1em}
.next{padding:82px 0 100px}.next-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-link small{display:block;color:var(--accent);font:680 9px var(--mono);letter-spacing:.1em}.next-link strong{display:block;margin-top:8px;font-size:clamp(28px,4vw,54px);font-weight:560}.next-arrow{font:300 52px/1 var(--sans);transition:transform .2s}.next-link:hover .next-arrow{transform:translateX(8px)}
.studio-board{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;height:100%;padding:50px 20px 20px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px}.studio-board article{align-self:end;min-height:132px;padding:18px;background:rgba(7,8,7,.88);border-top:2px solid var(--accent)}.studio-board b{display:block;color:var(--accent);font:650 9px var(--mono)}.studio-board strong{display:block;margin-top:30px;font-size:15px}.studio-board span{display:block;margin-top:6px;color:#777d73;font-size:10px}
.timing-board{position:relative;z-index:2;padding:40px 24px;height:100%;background:#050605}.timing-head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #333;color:var(--accent);font:680 10px var(--mono)}.timing-row{display:grid;grid-template-columns:42px 1fr 72px 20px;gap:10px;padding:17px 4px;border-bottom:1px solid #20231f;align-items:center;font:620 11px var(--mono)}.timing-row b{font-size:18px}.timing-row i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.8)}.timing-note{position:absolute;right:24px;bottom:22px;left:24px;padding-top:76px;border-top:1px solid #20231f;color:#686e65;font:620 8px var(--mono);letter-spacing:.08em}.timing-note::before{content:"97.8";position:absolute;top:16px;left:0;color:var(--accent);font:560 46px/1 var(--mono);letter-spacing:0}.timing-note::after{content:"SIGNAL / LIVE FEED";position:absolute;top:34px;right:0;color:#555b52;font:650 8px var(--mono)}
.phone-stage{position:relative;z-index:2;display:grid;place-items:center;height:100%;background:radial-gradient(circle at 50% 48%,rgba(var(--accent-rgb),.2),transparent 34%)}.phone{width:276px;padding:9px;border:1px solid #42473f;border-radius:28px;background:#080908;box-shadow:28px 36px 80px rgba(0,0,0,.55);transform:rotate(3deg)}.phone-screen{min-height:500px;padding:17px 14px 14px;border-radius:20px;background:#121411}.phone-top{display:flex;justify-content:space-between;color:#777d73;font:650 8px var(--mono)}.phone h3{margin:32px 0 7px;font-size:22px}.phone p{margin:0;color:#858b81;font-size:10px;line-height:1.5}.route{position:relative;height:190px;margin-top:20px;border:1px solid #292d27;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px}.route::before{content:"";position:absolute;inset:34px 26px;border:3px solid var(--accent);border-left-color:transparent;border-radius:52% 30% 58% 24%;transform:rotate(-12deg);filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.5))}.phone-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.phone-stats div{padding:11px 7px;background:#1a1d18}.phone-stats small{display:block;color:#70766c;font-size:7px}.phone-stats strong{display:block;margin-top:6px;color:var(--accent);font:680 14px var(--mono)}.phone-nav{display:flex;justify-content:space-around;margin-top:16px;padding-top:13px;border-top:1px solid #292d27;color:#666c63;font-size:8px}.phone-nav b{color:var(--accent)}
.brand-page{--accent:#a7f432;--accent-rgb:167,244,50}.creator-page{--accent:#f2e95c;--accent-rgb:242,233,92}.race-page{--accent:#ff6947;--accent-rgb:255,105,71}.product-page{--accent:#65d8ff;--accent-rgb:101,216,255}
.creator-page .hero-visual img{object-position:52% 47%;filter:grayscale(1) invert(1) brightness(.55) contrast(.8);opacity:.6}.race-page .hero-visual,.product-page .hero-visual{min-height:540px}.race-page .timing-board{position:absolute;inset:0}.race-page .hero-grid,.product-page .hero-grid{align-items:center}.creator-page .flat:nth-child(2),.race-page .flat:nth-child(3),.product-page .flat:nth-child(4){background:var(--panel-2)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:520px}.section-head{grid-template-columns:1fr;gap:16px}.metrics,.process{grid-template-columns:repeat(2,1fr)}.process article:nth-child(2){border-right:0}.process article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.hero{padding:132px 0 40px}.hero h1{margin:20px 0 22px;font-size:34px;line-height:1.06}.hero-lead{font-size:14px}.hero-meta{grid-template-columns:1fr}.hero-meta div{min-height:64px}.hero-visual,.race-page .hero-visual,.product-page .hero-visual{min-height:460px}.section{padding:72px 0}.section-head{margin-bottom:34px}.section h2{font-size:38px}.split,.metrics,.process{grid-template-columns:1fr}.flat{padding:26px}.flat h3{margin-top:32px}.metric{min-height:145px}.process article{border-right:0;border-bottom:1px solid var(--line)}.process article:last-child{border-bottom:0}.quote{grid-template-columns:1fr;gap:0;padding:30px}.quote-mark{font-size:62px}.quote blockquote{font-size:27px}.studio-board{grid-template-columns:1fr;padding-top:24px}.timing-row{grid-template-columns:34px 1fr 60px 12px;padding:12px 4px}.phone{width:260px;transform:none}.next{padding:58px 0 72px}.next-link strong{font-size:28px}}
@media(max-width:360px){.hero h1{font-size:31px}}
@media(min-width:901px) and (max-width:1440px){.shell{width:min(1120px,calc(100% - 96px))}.hero{min-height:700px;padding:116px 0 58px}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:52px}.hero h1{font-size:52px}.hero-lead{font-size:16px}.hero-meta{margin-top:40px}.hero-visual,.race-page .hero-visual,.product-page .hero-visual{min-height:440px}.section{padding:88px 0}.section-head{margin-bottom:46px}.section h2{font-size:44px}.quote{padding:50px}.quote blockquote{font-size:38px}.next{padding:68px 0 82px}.next-link strong{font-size:44px}}