:root{--bg:#07101d;--bg2:#0b1729;--card:#101d31;--line:rgba(255,255,255,.11);--text:#f7f9fc;--muted:#a9b8cc;--a:#70adff;--b:#8b7cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(82,130,255,.23),transparent 28%),linear-gradient(180deg,var(--bg),#050b13);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;height:70px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100vw - 1160px)/2));background:rgba(7,16,29,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:20px}.brand img{width:38px}nav{display:flex;gap:22px;margin-left:auto;color:var(--muted);font-size:14px}nav a:hover{color:#fff}select{background:#101d31;color:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 12px}
main>section{width:min(1160px,calc(100% - 32px));margin:auto;padding:74px 0}.hero{text-align:center;padding-top:92px!important}.badge{display:inline-block;border:1px solid rgba(112,173,255,.35);background:rgba(112,173,255,.1);color:#c6dcff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.02;letter-spacing:-.055em;max-width:930px;margin:24px auto}.hero p,.final p{max-width:760px;margin:0 auto;color:var(--muted);font-size:clamp(17px,2vw,21px)}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}.primary,.secondary{display:inline-flex;padding:15px 21px;border-radius:14px;font-weight:900;border:1px solid var(--line)}.primary{background:#fff;color:#07101d}.secondary{background:rgba(255,255,255,.06)}.meta{margin-top:12px;color:#7f90a9;font-size:13px}
.section-title h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card,.panel,.step,.privacy-box,.final{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:22px}.card{padding:25px}.card .n{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));font-weight:900;margin-bottom:17px}.card h3,.step h3,.panel h3{margin:0 0 8px}.card p,.step p,.panel p,.privacy-box p{margin:0;color:var(--muted)}
.install-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.steps{display:grid;gap:13px}.step{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:19px}.step .num{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));font-weight:900}aside{display:grid;gap:15px;position:sticky;top:90px}.panel{padding:22px}.panel ul{padding-left:20px;color:var(--muted)}.warning{border-color:rgba(255,190,80,.28);background:rgba(255,180,50,.07)}pre{position:relative;background:#02060b;border:1px solid var(--line);border-radius:13px;padding:16px;white-space:pre-wrap;overflow:auto;font-size:12px;color:#d9e5f6}pre button{position:absolute;right:8px;top:8px;background:#15243b;color:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 9px}
.faqs{display:grid;gap:11px}.faq{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);padding:0 19px}.faq summary{padding:18px 0;font-weight:850;cursor:pointer}.faq p{color:var(--muted);margin:0 0 18px}.privacy-box{padding:34px}.privacy-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.privacy-points span{padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}.final{text-align:center;padding:48px!important;margin-bottom:70px!important}.final h2{font-size:48px;margin:0 0 10px}.final .primary{margin-top:25px}footer{border-top:1px solid var(--line);padding:25px;text-align:center;color:#8190a6;font-size:13px}
@media(max-width:880px){nav{display:none}.grid{grid-template-columns:1fr 1fr}.install-grid{grid-template-columns:1fr}aside{position:static}}
@media(max-width:600px){header{height:62px}.grid{grid-template-columns:1fr}.hero{padding-top:60px!important}.step{padding:15px}.final{padding:32px 18px!important}}