:root { color-scheme: dark; --ink:#effff9; --muted:#a8c5bd; --line:rgba(255,255,255,.12); --mint:#adffda; }
* { box-sizing:border-box; }
html { background:#06151b; }
body { margin:0; color:var(--ink); font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at 75% 10%,rgba(74,229,178,.22),transparent 35%),linear-gradient(145deg,#06151b,#0b2829 55%,#08171d); min-height:100vh; }
a { color:var(--mint); }
.shell { width:min(920px,calc(100% - 40px)); margin:auto; }
nav { display:flex; align-items:center; justify-content:space-between; padding:28px 0; }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); font-weight:700; text-decoration:none; }
.brand img { width:38px; height:38px; border-radius:12px; }
.links { display:flex; gap:20px; }
.links a { color:var(--muted); text-decoration:none; font-size:14px; }
main { padding:72px 0 100px; }
.eyebrow { color:var(--mint); font-size:12px; font-weight:750; letter-spacing:.15em; text-transform:uppercase; }
h1 { max-width:760px; margin:12px 0 24px; font-size:clamp(45px,8vw,78px); line-height:.98; letter-spacing:-.055em; }
h2 { margin:50px 0 12px; font-size:27px; letter-spacing:-.025em; }
p, li { color:var(--muted); }
.lead { max-width:720px; font-size:20px; }
.install { display:inline-flex; align-items:center; gap:10px; margin-top:28px; padding:13px 18px; border-radius:14px; background:var(--mint); color:#072219; font-size:14px; font-weight:750; text-decoration:none; box-shadow:0 14px 34px rgba(93,255,190,.14); }
.install:hover { filter:brightness(1.05); }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:44px; }
.card { padding:24px; border:1px solid var(--line); border-radius:22px; background:rgba(8,22,28,.48); backdrop-filter:blur(18px); }
.card strong { display:block; margin-bottom:8px; }
.card p { margin:0; font-size:14px; }
.policy { max-width:760px; }
footer { padding:28px 0 38px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media(max-width:700px){ .cards{grid-template-columns:1fr}.links{gap:10px}.links a:first-child{display:none}main{padding-top:45px} }