:root{
  --dark:#0b0f17; --dark2:#0f1622; --blue:#057ab4; --blue2:#009fed;
  --muted:#9aa4b2; --text:#e5eef8; --card:#101317; --borda:#1d2939;
  --radius:16px; --shadow:0 20px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--dark);color:var(--text);line-height:1.6}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.hero{background:radial-gradient(1200px 600px at 50% -60%, rgba(0,159,237,.18) 0, transparent 60%),linear-gradient(180deg, var(--dark2) 0%, var(--dark) 100%);padding:96px 0 72px;text-align:center}
.kicker{letter-spacing:.14em;text-transform:uppercase;color:#cfeaff;font-size:12px;opacity:.85}
h1{font-size:46px;margin:10px 0 8px}
.lead{opacity:.96;margin:0 auto 24px;max-width:780px;font-size:18px}
.btn{display:inline-block;padding:14px 22px;border-radius:12px;font-weight:800;text-decoration:none;border:1px solid transparent}
.btn.primary{background:linear-gradient(180deg,var(--blue) 0%, var(--blue2) 100%);color:#fff;box-shadow:var(--shadow)}
.btn.ghost{border-color:rgba(255,255,255,.2);color:#fff}
.btn:hover{filter:brightness(.97)}
.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.badge{background:#ffffff12;border:1px solid #ffffff26;border-radius:999px;padding:6px 12px;font-size:12px}

.section{padding:70px 0}
.h2{font-size:30px;margin:0 0 12px;text-align:center}
.sub{opacity:.78;text-align:center;margin:0 auto 26px;max-width:780px}

.grid{display:grid;gap:20px}
.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--borda);border-radius:var(--radius);padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card h3{margin:0 0 8px}
.card .muted{color:var(--muted)}

.showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:center}
.showcase img{width:100%;border-radius:14px;border:1px solid var(--borda);box-shadow:0 10px 28px rgba(0,0,0,.25)}

.pricing .price{font-size:36px;font-weight:900;color:#74d0ff;margin:10px 0 14px}
.pricing .old{color:#94a3b8;text-decoration:line-through}
.pricing .cta{display:flex;gap:10px;align-items:center}
.highlight{outline:2px solid var(--blue2)}

.faq .item{background:var(--card);border:1px solid var(--borda);border-radius:var(--radius);padding:18px}

.sticky-cta{position:sticky;bottom:0;background:rgba(11,15,23,.75);backdrop-filter:blur(8px);border-top:1px solid var(--borda);padding:12px 0}
.sticky-cta .row{display:flex;gap:12px;align-items:center;justify-content:center}

footer{border-top:1px solid var(--borda);padding:28px 0;text-align:center;color:#b6c2d1}