@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&family=Space+Mono:wght@400;700&display=swap');:root{--bg:#07101f;--panel:#0b1729;--ink:#f4f7fb;--muted:#92a4bc;--cyan:#18dae8;--coral:#f23b58;--yellow:#f4c430;--line:#24334a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif}.progress{position:fixed;top:0;height:3px;background:var(--cyan);z-index:100}header{position:fixed;z-index:50;top:0;width:100%;height:70px;display:flex;align-items:center;padding:0 4vw;background:#050b15e8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff15}.brand{font-weight:900;color:white;text-decoration:none}.brand small{font:9px Space Mono;color:var(--muted);margin-left:12px}nav{margin-left:auto;display:flex;gap:24px}nav a{font:10px Space Mono;color:#bdc9d8;text-decoration:none}.menu{display:none;margin-left:auto;background:none;color:white;border:1px solid var(--line);padding:8px}.hero{height:100vh;min-height:700px;position:relative}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#030817f5,transparent 70%),linear-gradient(0deg,var(--bg),transparent 40%)}.hero-copy{position:absolute;left:7vw;top:19%;max-width:620px}.eyebrow,.section-head span{font:11px Space Mono;color:var(--cyan);letter-spacing:.15em}.hero h1{font-size:clamp(58px,7vw,110px);line-height:.84;letter-spacing:-.07em;margin:25px 0}.hero h1 em,.final em{font-style:normal;color:var(--coral)}.lead{font-size:17px;line-height:1.65;color:#b6c4d7}.primary{display:inline-block;margin-top:24px;padding:16px 22px;background:var(--cyan);color:#04101b;font:700 11px Space Mono;text-decoration:none}.hero-stats{position:absolute;bottom:35px;right:6vw;display:flex;background:#06101dd9;border:1px solid #ffffff25}.hero-stats div{padding:17px 25px;border-left:1px solid #ffffff25}.hero-stats b,.hero-stats span{display:block}.hero-stats b{font-size:26px}.hero-stats span{font:9px Space Mono;color:var(--muted)}.section{padding:115px 7vw;max-width:1600px;margin:auto}.dark{max-width:none;background:#040a14}.section-head{display:grid;grid-template-columns:210px 1fr;gap:30px;margin-bottom:65px}.section-head h2{font-size:clamp(40px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:0}.grid{display:grid;gap:15px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}article{border:1px solid var(--line);background:var(--panel);padding:27px}article small,article>b{font:10px Space Mono;color:var(--cyan)}article h3{font-size:23px;margin:48px 0 10px}article p{color:var(--muted);line-height:1.55}.statement{margin:75px 0;padding:45px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:210px 1fr}.statement p{font:10px Space Mono;color:var(--coral)}blockquote{font-size:clamp(24px,3vw,42px);line-height:1.25;margin:0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:60px}.facts dt{float:left;clear:left;width:125px;font:10px Space Mono;color:var(--muted);padding:14px 0}.facts dd{margin-left:130px;padding:12px;border-bottom:1px solid var(--line)}.loop{display:flex;align-items:center;justify-content:space-between;margin-bottom:65px}.loop div{flex:1}.loop b,.loop strong,.loop span{display:block}.loop b{font:11px Space Mono;color:var(--coral)}.loop strong{margin:12px 0}.loop span{font-size:12px;color:var(--muted)}.loop i{color:var(--cyan)}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.controls>div{padding:28px;border:1px solid var(--line);background:var(--panel)}kbd{font:700 11px Space Mono;border:1px solid #60728a;padding:10px;display:inline-block}.controls p,.difficulty p,.difficulty li{color:var(--muted);line-height:1.6}.obstacles{display:grid;gap:12px;margin-top:60px}.obstacles article{display:grid;grid-template-columns:160px 1fr;align-items:center}.obstacles h3{margin:8px 0}.shape{display:block;margin:auto;background:var(--yellow)}.low{width:85px;height:42px}.tall{width:60px;height:110px;background:var(--coral)}.gap{width:120px;height:55px;background:#01050d;border:2px solid var(--cyan);transform:skew(-10deg)}.difficulty{display:grid;grid-template-columns:1.3fr .7fr;gap:55px}.chart{height:330px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:linear-gradient(#ffffff08 1px,transparent 1px);background-size:100% 25%}.curve{position:absolute;bottom:0;width:100%;height:78%;border-top:4px solid var(--cyan);border-radius:100% 30% 0 0;transform:skewY(-7deg);background:linear-gradient(#18dae82b,transparent)}.cap{position:absolute;right:5%;top:13%;font:10px Space Mono;color:var(--coral)}.ticks{position:absolute;bottom:-28px;width:100%;display:flex;justify-content:space-between;font:9px Space Mono;color:var(--muted)}.table{margin:90px 0 35px;border:1px solid var(--line)}.tr{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.5fr;border-top:1px solid var(--line)}.tr>*{padding:17px}.tr.head{font:10px Space Mono;color:var(--cyan)}.compact h3{margin:0 0 10px}figure{margin:0;border:1px solid var(--line);background:var(--panel)}figure img{display:block;width:100%}figcaption{padding:17px;display:flex;justify-content:space-between;font:10px Space Mono;color:var(--muted)}figcaption b{color:var(--cyan)}.access{margin-top:55px;padding:36px;border:1px solid var(--cyan);display:grid;grid-template-columns:.7fr 1.3fr}.access span{font:10px Space Mono;color:var(--cyan)}.access h3{font-size:34px}.access li{margin:10px;color:#c5d0df}.palette{display:grid;grid-template-columns:repeat(5,1fr);margin:65px 0}.palette div{border-top:70px solid var(--c);padding:14px;border-left:1px solid var(--line)}.palette b,.palette span{display:block;font:9px Space Mono}.palette span{color:var(--muted)}.roadmap{display:grid;grid-template-columns:repeat(5,1fr)}.roadmap h3{font-size:16px}.tech{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin-top:60px}.tech>div{padding:28px;border:1px solid var(--line);background:var(--panel)}.tech p,.tech li{font:11px/1.7 Space Mono;color:#aabbd0}.ship{margin-top:55px;border-top:1px solid var(--line);padding-top:40px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checklist label{border:1px solid var(--line);padding:16px;font-size:13px;color:#c4d0de}.checklist input{accent-color:var(--cyan)}.final{padding:140px 7vw;text-align:center;background:var(--cyan);color:#03101a}.final h2{font-size:clamp(43px,6vw,88px);line-height:.96;letter-spacing:-.06em}.final a{color:#03101a;font:700 11px Space Mono}footer{display:flex;justify-content:space-between;padding:27px 5vw;background:#02060c;color:#72849b;font:9px Space Mono}footer b{color:white}@media(max-width:800px){nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:20px;background:#050b15;flex-direction:column}nav.open{display:flex}.menu{display:block}.brand small{display:none}.hero-copy{width:88vw}.hero h1{font-size:52px}.hero-stats{left:4vw;right:4vw}.hero-stats div{padding:11px}.section{padding:75px 5vw}.section-head,.statement,.facts,.difficulty,.access,.tech{grid-template-columns:1fr}.three,.four,.controls,.roadmap{grid-template-columns:1fr}.loop{display:grid;grid-template-columns:1fr 20px 1fr;gap:18px}.obstacles article{grid-template-columns:95px 1fr}.tr{grid-template-columns:1fr 1fr}.tr>*:nth-child(4){display:none}.palette{grid-template-columns:1fr}.palette div{border-top-width:32px}.checklist{grid-template-columns:1fr}figure{margin-inline:-5vw}figcaption span{display:none}footer{flex-direction:column;gap:12px}}
