:root{--bg:#0b1020;--bg2:#111733;--ink:#0b1020;--muted:#5b6478;--line:#e7eaf2;--card:#fff;--accent:#ff6a1a;--accent2:#ec6300;--good:#10b981;--bad:#ef4444;--warn:#f59e0b}*{box-sizing:border-box}html,body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f7f8fb;margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}header.nav{z-index:10;backdrop-filter:blur(10px);color:#fff;background:#0b1020eb;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1180px;height:68px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.logo-mark{background:linear-gradient(135deg,var(--accent),#ff9a3c);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}nav ul{color:#cfd4e4;gap:28px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}nav a:hover,nav a.active{color:#fff}.nav-cta{background:var(--accent);color:#fff;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.hero{background:radial-gradient(1100px 500px at 20% 10%,#1e2a5c 0%,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));color:#fff;padding:88px 0 110px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.badge-pill{color:#ff9a3c;letter-spacing:.04em;text-transform:uppercase;background:#ff6a1a1f;border:1px solid #ff6a1a59;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.badge-pill .dot{background:#22c55e;border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.03em;max-width:560px;margin:18px 0;font-size:clamp(36px,5.2vw,60px);font-weight:800;line-height:1.04}.hero h1 .hl{background:linear-gradient(90deg,#ff9a3c,#ff6a1a);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.sub{color:#b8c0d6;max-width:520px;margin:0 0 32px;font-size:18px;line-height:1.55}.install{flex-wrap:wrap;gap:12px;display:flex}.btn-install{color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 22px;font-size:14.5px;font-weight:700;transition:transform .12s;display:inline-flex}.btn-install:hover{transform:translateY(-1px)}.btn-install .b{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04,#ea4335);border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.btn-install .b.ff{background:linear-gradient(135deg,#ff6a1a,#ff1b6b)}.btn-install .b.edge{background:linear-gradient(135deg,#0078d4,#50e6ff)}.btn-install .small{color:var(--muted);margin-top:1px;font-size:11px;font-weight:500;display:block}.trust{color:#b8c0d6;flex-wrap:wrap;gap:24px;margin-top:28px;font-size:13.5px;display:flex}.trust div b{color:#fff;font-weight:700}.stars{color:#fbbf24;letter-spacing:2px}.browser{background:#1a234a;border:1px solid #ffffff1a;border-radius:18px;overflow:hidden;transform:perspective(1400px)rotateY(-7deg)rotateX(2deg);box-shadow:0 40px 80px #00000080}.b-bar{background:#0f1430;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:14px 16px;display:flex}.b-bar .dots{gap:6px;display:flex}.b-bar .dots span{background:#3b4263;border-radius:50%;width:11px;height:11px}.b-bar .dots span:first-child{background:#ff5f56}.b-bar .dots span:nth-child(2){background:#ffbd2e}.b-bar .dots span:nth-child(3){background:#27c93f}.b-url{color:#cfd4e4;background:#1a234a;border:1px solid #ffffff0f;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.b-url .lock{color:var(--bad)}.b-ext-icon{background:linear-gradient(135deg,var(--accent),#ff9a3c);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.b-page{color:var(--ink);background:#fff;min-height:280px;padding:30px 28px;position:relative}.b-page h3{color:#9aa3bd;margin:0 0 8px;font-size:18px}.b-page .fake{background:#eef0f7;border-radius:4px;height:14px;margin-bottom:8px}.b-page .fake.w70{width:70%}.b-page .fake.w50{width:50%}.b-page .fake.w90{width:90%}.toast{border:1px solid #fecaca;border-left:5px solid var(--bad);background:#fff;border-radius:14px;width:300px;padding:18px 20px 18px 22px;position:absolute;top:20px;right:20px;box-shadow:0 18px 45px #ef444440}.toast .row1{align-items:center;gap:10px;margin-bottom:8px;display:flex}.toast .ic{width:30px;height:30px;color:var(--bad);background:#fee2e2;border-radius:8px;place-items:center;font-weight:900;display:grid}.toast .lbl{color:var(--bad);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.toast h4{letter-spacing:-.01em;margin:0;font-size:14.5px}.toast p{color:var(--muted);margin:6px 0 12px;font-size:12.5px;line-height:1.5}.toast .acts{gap:8px;display:flex}.toast .acts button{cursor:pointer;border:0;border-radius:8px;flex:1;padding:9px 10px;font-family:inherit;font-size:11.5px;font-weight:700}.toast .acts .leave{background:var(--bad);color:#fff}.toast .acts .stay{color:#4a5168;background:#f1f3f9}section.block{padding:88px 0}h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(26px,3.2vw,40px);font-weight:800}h2 .eyebrow{color:var(--accent2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.lede{color:var(--muted);max-width:660px;margin:0 0 40px;font-size:16px;line-height:1.6}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}.step-card .num{background:var(--ink);color:#fff;letter-spacing:.04em;border-radius:8px;margin-bottom:14px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-block}.step-card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:18px}.step-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.features{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.feat{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:18px;padding:26px;display:flex}.feat .ic{width:48px;height:48px;color:var(--accent2);background:#fff3ea;border-radius:12px;flex-shrink:0;place-items:center;font-size:20px;font-weight:800;display:grid}.feat h3{letter-spacing:-.01em;margin:0 0 4px;font-size:17px}.feat p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.privacy{color:#fff;background:#0b1020;border-radius:24px;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:56px 48px;display:grid}.privacy h2{color:#fff;margin-bottom:14px}.privacy p{color:#b8c0d6;margin:0 0 16px;font-size:15.5px;line-height:1.65}.privacy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.privacy li{color:#cfd4e4;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:13.5px;display:flex}.privacy li:before{content:"✓";color:#22c55e;font-size:16px;font-weight:900}.btn-install.soon{opacity:.6;cursor:default}.review{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.review .stars{color:#fbbf24;letter-spacing:2px;margin-bottom:8px;font-size:14px}.review p{color:#2a3247;margin:0 0 12px;font-size:14px;line-height:1.55}.review .who{color:var(--muted);font-size:12.5px;font-weight:600}.faq{gap:10px;max-width:780px;margin:0 auto;display:grid}.q{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:20px 24px}.q .qt{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.q .qt:after{content:"+";color:var(--muted);font-size:22px;font-weight:400}.q.open .qt:after{content:"−"}.q .qa{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6;display:none}.q.open .qa{display:block}.cta-final{text-align:center;color:#fff;background:linear-gradient(135deg,#111733,#0b1020);border-radius:24px;padding:72px 32px}.cta-final h2{color:#fff;margin:0 0 14px}.cta-final p{color:#b8c0d6;max-width:560px;margin:0 auto 32px;font-size:16px}footer{color:#8a93ad;background:#0b1020;margin-top:40px;padding:48px 0;font-size:13.5px}.foot{flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto;padding:0 24px;display:flex}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:48px}.browser{transform:none}.steps,.reviews,.features{grid-template-columns:1fr}.privacy{grid-template-columns:1fr;padding:40px 28px}}
