:root{--bg:#080b16;--panel:#111729;--ink:#eef2ff;--muted:#8c96b5;--lime:#c8ff45;--cyan:#66e7ff;--line:#29324c;font-family:Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--bg);background-size:70px 70px}a{color:inherit}body>header{min-height:70px;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:800 12px monospace;letter-spacing:.12em}.brand i{display:inline-block;width:11px;height:11px;margin-right:12px;background:var(--lime);box-shadow:0 0 18px var(--lime);transform:rotate(45deg)}nav{display:flex;gap:45px}nav a{text-decoration:none;color:var(--muted);font:700 10px monospace;text-transform:uppercase;letter-spacing:.08em}.live{justify-self:end;color:var(--muted);font:700 9px monospace;text-transform:uppercase;letter-spacing:.1em}.live b{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.hero{min-height:730px;padding:clamp(65px,8vw,125px) clamp(22px,5vw,80px);display:grid;grid-template-columns:1fr minmax(390px,.8fr);gap:clamp(60px,8vw,130px);align-items:center;border-bottom:1px solid var(--line)}.kicker{margin:0 0 25px;color:var(--lime);font:700 10px monospace;text-transform:uppercase;letter-spacing:.13em}.hero h1{max-width:900px;margin:0;font-size:clamp(62px,7vw,118px);line-height:.86;letter-spacing:-.065em}.lede{max-width:720px;margin:38px 0;color:var(--muted);font-size:20px;line-height:1.6}.button{display:inline-flex;gap:30px;padding:14px 18px;border:1px solid var(--lime);text-decoration:none;font-size:12px;font-weight:800}.button span{color:var(--lime)}.console{min-height:500px;padding:34px;background:linear-gradient(145deg,#151d32,#0b101e);border:1px solid #3e4a6c;box-shadow:18px 18px 0 rgba(200,255,69,.08)}.console-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--muted);font:700 9px monospace;text-transform:uppercase;letter-spacing:.09em}.score{margin:40px 0 25px;display:flex;align-items:end;gap:20px}.score strong{color:var(--lime);font:500 100px/.75 monospace;letter-spacing:-.1em}.score span{color:var(--muted);font:700 10px/1.5 monospace;text-transform:uppercase}.score b{color:var(--cyan)}.chart{height:120px;display:flex;align-items:end;gap:9px;border-bottom:1px solid var(--cyan)}.chart i{flex:1;background:linear-gradient(var(--cyan),var(--lime))}.chart i:nth-child(1){height:30%}.chart i:nth-child(2){height:52%}.chart i:nth-child(3){height:43%}.chart i:nth-child(4){height:67%}.chart i:nth-child(5){height:58%}.chart i:nth-child(6){height:85%}.chart i:nth-child(7){height:72%}.chart i:nth-child(8){height:96%}.console ul{margin:25px 0 0;padding:0;list-style:none}.console li{padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font:700 9px monospace;text-transform:uppercase}.console li b{color:var(--lime)}.flow{padding:clamp(95px,10vw,160px) clamp(22px,5vw,80px)}.flow>header{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin-bottom:70px}.flow h2{margin:0;font-size:clamp(46px,6vw,92px);letter-spacing:-.055em;line-height:.92}.flow>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.flow article{min-height:310px;padding:40px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.flow article b{color:var(--lime);font:700 10px monospace}.flow h3{margin:70px 0 20px;font-size:28px;letter-spacing:-.03em}.flow article p{color:var(--muted);line-height:1.6}.principles{padding:clamp(100px,12vw,190px) clamp(22px,13vw,200px);background:var(--lime);color:#0b1012}.principles p{max-width:1100px;margin:0;font-size:clamp(48px,7vw,105px);font-weight:800;line-height:.91;letter-spacing:-.06em}.principles span{display:block;margin-top:50px;font:800 10px monospace;text-transform:uppercase;letter-spacing:.12em}@media(max-width:850px){body>header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr}.flow>header,.flow>div{grid-template-columns:1fr}.console{min-height:450px}.flow article{min-height:250px}.flow h3{margin-top:45px}}@media(max-width:520px){.live{font-size:0}.live b{margin:0}.hero h1{font-size:clamp(54px,17vw,80px)}.console{padding:25px}.score strong{font-size:78px}}
.flow h3 a{text-decoration:none}.flow h3 a:hover{color:var(--lime)}.flow article small{display:block;margin-top:28px;color:var(--cyan);font:700 9px monospace;text-transform:uppercase;letter-spacing:.08em}
