:root{--bg:#050608;--panel:#0e1117;--line:#ffffff1a;--text:#f2f3f5;--dim:#f2f3f5ad;--accent:#e8202a;--glow:#e8202a8c;--head:"Barlow Condensed", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:max(20px, env(safe-area-inset-left))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}h1,h2,h3{font-family:var(--head);letter-spacing:.5px;margin:0;font-weight:800;line-height:1.05}h2{text-transform:uppercase;font-size:clamp(32px,5vw,48px)}h3{font-size:24px}section{padding:72px var(--gutter);max-width:1180px;margin:0 auto}kbd{text-align:center;min-width:26px;font:600 14px var(--body);border:1px solid var(--line);background:var(--panel);border-bottom-width:3px;border-radius:6px;padding:1px 6px;display:inline-block}.btn{font:800 20px var(--head);letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--accent);box-shadow:0 0 0 1px #ffffff1f inset, 0 8px 30px var(--glow);border-radius:999px;align-items:center;gap:10px;padding:14px 28px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:0 0 0 1px #fff3 inset, 0 12px 40px var(--glow);transform:translateY(-2px)}.btn.big{padding:16px 34px;font-size:24px}.btn.small{box-shadow:none;padding:7px 18px;font-size:16px}.top{z-index:10;padding:12px var(--gutter);background:linear-gradient(#050608d9,#05060800);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.logo{font:800 24px var(--head);letter-spacing:2px;text-decoration:none}.logo span,h1 span{color:var(--accent);text-shadow:0 0 18px var(--glow)}.top nav{font:600 18px var(--head);letter-spacing:.5px;align-items:center;gap:22px;display:flex}.top nav a:not(.btn){opacity:.8;text-decoration:none}.top nav a:not(.btn):hover{opacity:1}.hero{align-items:flex-end;max-width:none;min-height:min(100svh,900px);padding-top:120px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-media{z-index:-1;background:url(/img/hero.jpg) 70% 45%/cover no-repeat;position:absolute;inset:0}.hero-media:after{content:"";background:linear-gradient(90deg, #050608eb 0%, #0506088c 45%, #05060800 75%), linear-gradient(0deg, var(--bg) 0%, #05060800 35%);position:absolute;inset:0}.hero-text{max-width:640px;margin-left:max(0px,50vw - 590px)}h1{letter-spacing:3px;font-size:clamp(60px,11vw,120px)}h1 small{letter-spacing:1px;color:var(--text);margin-top:10px;font-size:clamp(22px,3.2vw,32px);font-weight:600;display:block}.lead{color:var(--dim);max-width:34em;margin:18px 0 28px;font-size:clamp(17px,2vw,20px)}.facts{color:var(--dim);flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.facts li:before{content:"✓ ";color:var(--accent);font-weight:700}.modes h2,.board h2,.controls h2,.faq h2{margin-bottom:28px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.card:hover{border-color:#e8202a99;transform:translateY(-4px)}.card img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;height:auto;display:block}.card h3{padding:18px 20px 0}.card p{color:var(--dim);flex:1;margin:0;padding:6px 20px 0;font-size:16px}.card .go{font:700 18px var(--head);letter-spacing:.5px;color:var(--accent);padding:14px 20px 18px}.sub{color:var(--dim);margin:-16px 0 24px}.board-cols{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.board-cols>div{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 20px}.board-cols ol{margin:12px 0 0;padding:0;list-style:none}.board-cols li{border-top:1px solid var(--line);align-items:baseline;gap:12px;padding:6px 0;display:flex}.board-cols li b{font:800 20px var(--head);width:1.4em;color:var(--accent)}.board-cols li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.board-cols li em{font:700 18px var(--head);font-style:normal}.board-cols li.muted{color:var(--dim);font-size:15px}.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.two>div{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 24px}.two ul{color:var(--dim);margin:12px 0 0;padding-left:20px}.two li{margin:6px 0}.two b{color:var(--text)}.tip{color:var(--dim);margin-top:20px}.faq details{border-top:1px solid var(--line);max-width:820px;padding:16px 0}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:700 22px var(--head);letter-spacing:.3px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--accent)}.faq details[open] summary:after{content:"–"}.faq p{color:var(--dim);margin:10px 0 0}.cta{text-align:center;padding-bottom:96px}.cta h2{margin-bottom:24px}.foot{border-top:1px solid var(--line);padding:28px var(--gutter) max(28px, env(safe-area-inset-bottom));text-align:center;color:var(--dim);font-size:14px}.foot p{max-width:760px;margin:0 auto}@media (width<=820px){.cards,.board-cols,.two{grid-template-columns:1fr}.top nav a:not(.btn){display:none}section{padding-top:56px;padding-bottom:56px}.hero{min-height:0;padding-top:calc(16px + 84vw);padding-bottom:48px}.hero-media{aspect-ratio:640/539;background-image:url(/img/hero-phone.jpg);background-position:50%;top:52px;bottom:auto}.hero-media:after{background:linear-gradient(0deg, var(--bg) 0%, #05060800 45%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}}