:root{--bg: #0c0f14;--panel: #121722;--panel-2: #171d2b;--text: #e8edf7;--muted: #a6b1c5;--line: #2a3246;--brand: #63a1ff;--brand-2: #6ce6c6;--accent: #f7b267;--ok: #8ae28d;--danger: #ff8a8a;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{scroll-padding-top:76px}body{margin:0;padding-top:60px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 20% -10%,#1f2a44 0%,var(--bg) 45%) fixed;color:var(--text);line-height:1.5}.back-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;background:#0c0f14e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.back-nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;max-width:1100px;margin:0 auto}.back-nav__home{display:flex;align-items:center;gap:.625rem;text-decoration:none}.back-nav__logo{height:2rem;width:2rem;border-radius:2px;object-fit:cover}.back-nav__label{font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .2s}.back-nav__home:hover .back-nav__label{color:var(--text)}.back-nav__home:hover{text-decoration:none}.back-nav__app{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.08em;color:var(--brand);opacity:.7}.container{width:min(1100px,92vw);margin:0 auto}header{padding:72px 0 40px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-copy{padding:34px}.badge{display:inline-block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-2);border:1px solid #2a5f55;border-radius:999px;padding:6px 10px;margin-bottom:14px;background:#6ce6c614;font-family:JetBrains Mono,monospace}h1,h2,h3{margin-top:0;line-height:1.2;font-family:Space Grotesk,sans-serif}h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}p{margin-top:0;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{display:inline-block;border-radius:10px;padding:11px 14px;font-size:14px;text-decoration:none;border:1px solid transparent;font-weight:600;font-family:Inter,sans-serif}.btn-primary{background:linear-gradient(90deg,var(--brand),#86b8ff);color:#0a1120}.btn-secondary{border-color:#3a4865;color:var(--text);background:#12192a}.hero-facts{padding:22px;display:grid;gap:10px}.fact{border:1px solid var(--line);border-radius:10px;padding:12px;background:#090d1459}.fact strong{display:block;color:var(--text);margin-bottom:4px}main section{margin:26px 0;padding:26px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shots-intro{margin-bottom:14px}.screenshots-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shot{border:1px solid var(--line);border-radius:14px;background:#0a0f19cc;padding:10px}.shot img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #34405a;background:#070a10}.shot figcaption{margin-top:8px;color:var(--muted);font-size:13px;text-align:center}.list{margin:0;padding-left:20px;color:var(--muted)}.list li{margin-bottom:8px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill{font-size:12px;padding:7px 10px;border:1px solid #374464;border-radius:999px;color:#d7def0;background:#30426552;font-family:JetBrains Mono,monospace}.steps{counter-reset:flow;display:grid;gap:10px;margin:0;padding:0;list-style:none}.steps li{border:1px solid var(--line);background:#101724e6;border-radius:10px;padding:12px 12px 12px 46px;position:relative;color:var(--muted)}.steps li:before{counter-increment:flow;content:counter(flow);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:999px;background:#22314f;color:#cfe0ff;display:grid;place-items:center;font-weight:700;font-size:13px}.note{border-left:3px solid var(--accent);padding-left:12px;color:#f4d7b3}.ok{border-left-color:var(--ok);color:#c6f0c8}footer{margin:32px 0 40px;color:#8f9bb1;font-size:14px;text-align:center}a{color:#acf}@media(max-width:900px){.hero,.grid-2{grid-template-columns:1fr}.screenshots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.screenshots-grid{grid-template-columns:1fr}}