:root{color-scheme:dark;--bg:#0d0d15;--panel:#151525;--ink:#f8fafc;--muted:#a8b0c0;--accent:#9b7cff;--cyan:#22d3ee;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#29205a 0,transparent 38%),var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:48px 22px 80px}nav{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 50px}a{color:#c9bbff}h1,h2{line-height:1.15}h1{font-size:clamp(32px,6vw,58px);max-width:860px;letter-spacing:-.035em}.lead{font-size:clamp(18px,2.2vw,23px);max-width:800px;line-height:1.55}h2{margin-top:42px}h3{margin:0 0 6px;color:#eef2ff;font-size:17px}p,li{color:var(--muted)}.brand{display:flex;align-items:center;gap:16px;margin-bottom:34px}.brand img{border-radius:17px;box-shadow:0 0 28px rgba(34,211,238,.22)}.card{padding:24px;margin:18px 0;border:1px solid var(--line);border-radius:20px;background:rgba(21,21,37,.82)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid>div{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.badge{display:inline-block;padding:5px 11px;border-radius:999px;background:rgba(34,211,238,.12);color:#a5f3fc;font-size:13px}.legal{max-width:820px}.meta{color:#8992a5;font-size:14px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;margin:32px 0 46px}.screens figure{margin:0}.screens img{display:block;width:100%;max-height:580px;object-fit:cover;object-position:top;border:1px solid rgba(167,139,250,.3);border-radius:24px;box-shadow:0 22px 55px rgba(0,0,0,.35)}.screens figure:nth-child(2){transform:translateY(-18px)}figcaption{margin-top:9px;color:#8992a5;font-size:13px;text-align:center}.footer{margin-top:70px;padding-top:22px;border-top:1px solid var(--line);font-size:14px}@media(max-width:720px){main{padding-top:28px}.grid{grid-template-columns:1fr 1fr}.screens{gap:8px}.screens img{border-radius:16px}.screens figure:nth-child(2){transform:translateY(-8px)}}@media(max-width:480px){.grid{grid-template-columns:1fr}.screens{gap:6px}.screens img{border-radius:12px}}
