:root{
  --bg: #0b0e13;
  --panel: #121722;
  --muted: #96a0b5;
  --brand: #3a73ff;
  --brand-2: #ffd166;
  --text: #e8edf5;
  --ok: #30c48d;
  --danger: #f56565;
  --radius: 18px;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: var(--text);
  background: linear-gradient(180deg, #0b0e13 0%, #0e1220 100%);
}
.container{width:min(1200px,92vw);margin-inline:auto}
nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(8px);background:rgba(10,12,18,.6);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-inner{display:flex;align-items:center;gap:22px;padding:16px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px}
.brand .logo{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px;background:radial-gradient(120% 120% at 10% 10%,#7aa2ff 0%,#3a73ff 40%,#19233a 100%);box-shadow:var(--shadow)}
.brand b{font-size:18px}
nav .spacer{flex:1}
nav a{color:var(--text);text-decoration:none;opacity:.85;font-weight:500}
nav a:hover{opacity:1}
.cta{background:linear-gradient(90deg,var(--brand) 0%,#6e95ff 100%);color:white !important;padding:10px 16px;border-radius:999px;font-weight:700;box-shadow:var(--shadow)}
.hero{padding:64px 0 20px;text-align:center;position:relative;overflow:hidden}
.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:6px 0 8px}
.hero p{color:var(--muted);font-size:clamp(16px,2.6vw,18px);margin:0 auto 20px;max-width:800px}
.hero .badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dce7ff;font-weight:600}
.hero .glow{position:absolute;width:1000px;height:1000px;border-radius:50%;background:radial-gradient(closest-side,rgba(58,115,255,.25),transparent 70%);left:-20%;top:-20%;filter:blur(60px);pointer-events:none}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:36px auto 64px}
.trust .chip{display:flex;gap:10px;align-items:center;justify-content:center;background:rgba(255,255,255,.04);padding:14px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);color:#cbd5e1;font-weight:600;letter-spacing:.2px}
@media (max-width:820px){.trust{grid-template-columns:repeat(2,1fr)}}
.section{padding:32px 0 80px}
.section h2{font-size:clamp(26px,4.2vw,40px);text-align:center;margin:0 0 12px}
.section p.lead{color:var(--muted);text-align:center;max-width:760px;margin:0 auto 22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:960px){.grid-3{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:10px 0 8px}
.card p{color:var(--muted);margin:0}
.how-step{display:flex;gap:14px;align-items:flex-start}
.how-step .num{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-weight:800}
.pricing{margin-top:22px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}}
.plan{display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:18px}
.plan .thumb{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;display:grid;place-items:center;aspect-ratio:1/1}
.plan .thumb img{width:100%;height:100%;object-fit:cover}
.price{font-size:28px;font-weight:800}
.features{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.features li{display:flex;gap:8px;align-items:flex-start;color:#cbd5e1}
.features li svg{min-width:18px}
.buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-weight:800;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,var(--brand) 0%,#6e95ff 100%);color:white;box-shadow:var(--shadow);text-decoration:none}
.testimonials{margin-top:8px}
.testi{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
.testi .quote{background:var(--panel);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.06)}
@media (max-width:960px){.testi{grid-template-columns:1fr}}
.faq details{background:var(--panel);border:1px solid rgba(255,255,255,.06);padding:14px;border-radius:12px}
.faq summary{font-weight:700;cursor:pointer}
.faq p{color:var(--muted)}
footer{padding:40px 0;background:#0b0f19;border-top:1px solid rgba(255,255,255,.06);color:#c7d2fe}
footer .footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}
footer a{color:#c7d2fe;text-decoration:none;opacity:.9}
footer a:hover{opacity:1;text-decoration:underline}
@media (max-width:900px){footer .footgrid{grid-template-columns:1fr 1fr}}
.badge-green{background:rgba(48,196,141,.15) !important;border-color:rgba(48,196,141,.3) !important;color:#b5f5dd !important}
.small{font-size:13px;color:#aab3c2}