:root{
  --bg:#07060A; --bg2:#0e0a12; --card:#140d18; --border:#241a2b;
  --accent:#FF2E3D; --accent2:#ff5a66; --text:#EDEDF2; --muted:#9c97a6; --dim:#6f6a78;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.accent{color:var(--accent)}

.nav{display:flex;align-items:center;justify-content:space-between;
  padding:18px 6vw;position:sticky;top:0;z-index:10;
  background:rgba(7,6,10,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1px}
.logo{font-size:20px}
.brand-vpn{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px}
.nav nav{display:flex;gap:26px;font-size:14px}
.nav nav a{color:var(--muted)}
.nav nav a:hover{color:var(--text)}

.hero{position:relative;text-align:center;padding:90px 6vw 70px;overflow:hidden}
.hero-glow{position:absolute;top:-160px;left:50%;transform:translateX(-50%);
  width:680px;height:420px;background:radial-gradient(closest-side,rgba(255,46,61,.22),transparent);filter:blur(20px);pointer-events:none}
.hero h1{position:relative;font-size:clamp(30px,5.4vw,54px);line-height:1.1;margin:0 0 18px;font-weight:800;letter-spacing:-.5px}
.lead{position:relative;max-width:640px;margin:0 auto 30px;color:var(--muted);font-size:clamp(15px,2.2vw,19px)}
.cta-row{position:relative;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 30px;border-radius:13px;font-weight:700;font-size:15px;transition:.15s}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 28px rgba(255,46,61,.28)}
.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--border);color:var(--text)}
.btn-ghost:hover{border-color:var(--accent)}
.hero-note{position:relative;margin-top:26px;color:var(--dim);font-size:13px}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;max-width:1080px;margin:30px auto;padding:0 6vw 40px}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px}
.card-ico{font-size:28px;margin-bottom:12px}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:14.5px}

.download{text-align:center;padding:60px 6vw;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2)}
.download h2{font-size:clamp(24px,4vw,34px);margin:0 0 8px}
.download>p{color:var(--muted);margin:0 0 26px}
.store-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.store-btn{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:14px 26px;font-weight:700}
.store-btn small{display:block;color:var(--dim);font-weight:500;font-size:11px;margin-top:2px}
.store-btn:hover{border-color:var(--accent)}
.dl-note{margin-top:24px;color:var(--dim);font-size:13px}

.footer{padding:40px 6vw}
.footer-inner{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer .muted{color:var(--dim);font-size:13px;margin:8px 0 0}
.footer-links{display:flex;flex-direction:column;gap:8px;font-size:14px}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:var(--accent)}

/* Legal pages */
.legal{max-width:760px;margin:0 auto;padding:40px 6vw 90px}
.legal h1{font-size:28px;margin:0 0 4px}
.legal h2{font-size:19px;color:var(--accent);margin:32px 0 10px}
.legal .muted{color:var(--dim);font-size:13px}
.legal table{width:100%;border-collapse:collapse;margin:12px 0}
.legal td,.legal th{border:1px solid var(--border);padding:9px 11px;text-align:left;font-size:14px;vertical-align:top}
.legal th{background:var(--card)}
.legal a{color:var(--accent)}
.back{display:inline-block;margin-bottom:18px;color:var(--muted);font-size:14px}