:root{
  --bg:#0b1220; --bg2:#0f1a30; --txt:#e6eeff; --muted:#96a7c6;
  --card:#111b33; --stroke:#203558;
  --brand1:#5b8cff; --brand2:#7a5cff; --ok:#76e381;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--txt)}
a{color:#cfe3ff;text-decoration:none}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:linear-gradient(90deg,var(--brand1),var(--brand2));color:white;border:1px solid transparent;font-weight:600}
.btn--ghost{background:transparent;border-color:var(--stroke)}
.btn--small{padding:8px 12px;font-size:.9rem}
.btn--full{display:block;width:100%;text-align:center}
.btn--xl{font-size:1.15rem;padding:14px 22px}
.badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#203252;color:#9ec1ff;font-weight:800}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:18px}
.grid{display:grid;gap:16px}
.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.section{max-width:1080px;margin:56px auto;padding:0 18px}
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(180deg,rgba(10,16,28,.9),rgba(10,16,28,.6),transparent)}
.logo{display:flex;gap:8px;align-items:center;font-weight:800}
.nav__links{display:flex;gap:14px;align-items:center}
.nav__menu{display:none;background:transparent;border:0;color:#fff}
.nav__menu span{display:block;width:22px;height:2px;background:#89a7ff;margin:5px 0}
@media (max-width:900px){
  .nav__menu{display:block}
  .nav__links{position:fixed;right:16px;top:60px;flex-direction:column;background:#0e1730;border:1px solid var(--stroke);padding:12px;border-radius:12px;display:none}
  .nav__links.open{display:flex}
}
.bg-blur{position:fixed;inset:-20% -10% auto -10%;height:60vh;z-index:-1;
  background:radial-gradient(800px 400px at 20% -10%,rgba(91,140,255,.25),transparent),
             radial-gradient(600px 300px at 80% 0,rgba(122,92,255,.22),transparent)}
.hero{max-width:1080px;margin:40px auto;padding:0 18px;display:grid;gap:24px;grid-template-columns:1.2fr .8fr;align-items:stretch}
.hero__text h1{font-size:clamp(28px,5vw,48px);margin:0 0 12px}
.hero__text h1 span{color:#9ec1ff}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.ticks{list-style:none;padding:0;margin:6px 0 0}
.ticks li{padding-left:22px;margin:8px 0;position:relative;color:#cfe3ff}
.ticks li::before{content:"✔";position:absolute;left:0;color:var(--ok)}
.hero__card{align-self:stretch;display:flex;flex-direction:column;gap:8px}
.hero__card h3{margin:0 0 6px}
.hero__card ol{margin:0 0 8px 18px}
.catgrid .cat{display:block;padding:14px;border:1px dashed var(--stroke);border-radius:12px;text-align:center;background:#0f1a30}
.catgrid .cat:hover{border-style:solid}
.price{display:flex;flex-direction:column;gap:10px}
.price__num{font-size:1.4rem;font-weight:800;margin:0}
.price--pro{outline:2px solid rgba(123,92,255,.25)}
.faq details{background:#0f1a30;border:1px solid var(--stroke);border-radius:12px;padding:12px;margin:8px 0}
.cta-final{max-width:860px;margin:56px auto;padding:36px 18px;text-align:center;background:linear-gradient(180deg,rgba(123,92,255,.08),rgba(91,140,255,.08));border:1px solid var(--stroke);border-radius:16px}
.footer{padding:26px 18px;text-align:center;color:#90a4c7}
.wa-float{position:fixed;right:16px;bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25D366;font-size:26px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
@media (max-width:960px){ .hero{grid-template-columns:1fr} }