:root{--bg:#05070c;--card:#0b111a;--line:#223145;--text:#f5f8fc;--muted:#8795a8;--cyan:#55e7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Manrope,sans-serif;background-image:linear-gradient(rgba(80,220,240,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(80,220,240,.025) 1px,transparent 1px);background-size:44px 44px}.top{height:78px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(5,7,12,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font:700 19px 'Space Grotesk'}.brand i{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-style:normal}.brand b{color:var(--cyan)}.top nav{display:flex;gap:22px}.top nav a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:700}.top nav a:hover,.top nav a.active{color:var(--cyan)}.cta{padding:10px 15px;background:var(--cyan);color:#051016;text-decoration:none;font-weight:800;font-size:12px}.page-hero{max-width:1180px;margin:auto;padding:100px 22px 70px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800}.page-hero h1{font:600 clamp(48px,7vw,84px)/1 'Space Grotesk';letter-spacing:-5px;max-width:920px;margin:18px 0}.page-hero p{max-width:700px;color:var(--muted);font-size:18px}.content{max-width:1180px;margin:auto;padding:20px 22px 110px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);padding:27px;min-height:210px}.card i{font-style:normal;color:var(--cyan);font-size:25px}.card h3{font:600 20px 'Space Grotesk';margin-top:25px}.card p,.card li{font-size:13px;color:var(--muted)}.card button,.tool button,form button{padding:11px 14px;background:#102a34;border:1px solid #2ca9ba;color:var(--cyan);font-weight:700}.section{padding:70px 0}.section h2{font:600 42px 'Space Grotesk';letter-spacing:-2px}.tool{background:#080d14;border:1px solid #2c4056;padding:30px}.tool h2{margin-top:0}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.controls label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.controls input,.controls select,form input,form textarea{padding:13px;background:#0d1520;border:1px solid var(--line);color:white}.result{margin-top:20px;padding:22px;background:#101b26;border-left:3px solid var(--cyan)}.result b{font:600 32px 'Space Grotesk';color:var(--cyan)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.steps article{padding:25px;background:var(--card)}.steps span{color:var(--cyan);font-size:11px}.compare{width:100%;border-collapse:collapse;background:var(--card)}.compare th,.compare td{padding:16px;border:1px solid var(--line);text-align:left}.compare th{color:var(--cyan)}.road{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.road>div{padding:24px;background:var(--card);border:1px solid var(--line)}.road article{padding:13px 0;border-bottom:1px solid var(--line)}.road button{float:right;background:none;border:0;color:var(--cyan)}.player{min-height:420px;background:radial-gradient(circle,#12303c,#080d14 65%);border:1px solid #2d4258;display:grid;place-items:center;text-align:center}.player button{width:80px;height:80px;border-radius:50%;background:var(--cyan);border:0;font-size:25px}.player.playing button{animation:pulse 1s infinite}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}form{padding:28px;background:var(--card);border:1px solid var(--line)}form label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:var(--muted);font-size:11px}form textarea{min-height:100px}.notice{padding:15px;border:1px solid #705b2e;background:#211c11;color:#e7c77e;font-size:12px}.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.legal-tabs button{padding:10px 13px;background:var(--card);border:1px solid var(--line);color:var(--muted)}.legal-tabs button.active{color:var(--cyan);border-color:var(--cyan)}.legal-copy{padding:30px;background:var(--card);border:1px solid var(--line)}.a11y{position:fixed;right:18px;bottom:18px;z-index:20}.a11y>button{width:46px;height:46px;border-radius:50%;background:var(--cyan);border:0;font-weight:800}.a11y-panel{display:none;position:absolute;right:0;bottom:55px;width:230px;background:#0b111a;border:1px solid #31465d;padding:15px}.a11y-panel.open{display:block}.a11y-panel button{width:100%;margin:4px 0;padding:9px;background:#111c28;border:1px solid var(--line);color:white}.high{--bg:#000;--card:#050505;--line:#fff;--text:#fff;--muted:#fff;--cyan:#00ffff}.large{font-size:20px}.reduce *{animation:none!important;transition:none!important}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,30px);opacity:0;padding:12px 18px;background:white;color:#071017;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{border-top:1px solid var(--line);padding:35px;text-align:center;color:var(--muted);font-size:12px}@keyframes pulse{50%{box-shadow:0 0 50px var(--cyan)}}@media(max-width:800px){.top nav{display:none}.page-hero{padding-top:65px}.page-hero h1{font-size:48px}.grid,.road,.steps{grid-template-columns:1fr}.controls,.form-grid{grid-template-columns:1fr}.top .cta{display:none}}