:root{--bg:#0b1220;--card:#111a2e;--ink:#e8f0ff;--muted:#93a2c7;--brand:#ef4444;--brand2:#22e6a8;--ring:0 10px 40px rgba(96,165,255,.25);--radius:18px;--border:1px solid rgba(255,255,255,.12);}
*{box-sizing:border-box} html,body{height:100%} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);
background:radial-gradient(1200px 600px at 15% -10%, rgba(96,165,255,.15), transparent 60%),radial-gradient(1200px 600px at 100% 0%, rgba(34,230,168,.12), transparent 60%),linear-gradient(180deg,#0a0f1a 0%, #0b1220 100%);
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{max-width:1120px;margin:0 auto;padding:0 16px} a{text-decoration:none;color:inherit} .fw-800{font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.2rem;border-radius:12px;border:none;cursor:pointer;font-weight:800}
.btn-brand{background:linear-gradient(90deg,var(--brand),#93c5fd);color:#061229;box-shadow:var(--ring)} .btn-ghost{border:var(--border);background:rgba(255,255,255,.02);color:var(--ink)} .btn:hover{transform:translateY(-1px)}
.navbar{position:sticky;top:0;z-index:20;backdrop-filter:saturate(150%) blur(10px);background:rgba(11,18,32,.6);border-bottom:var(--border)}
.navbar-inner{display:flex;align-items:center;height:64px}
.navbar-brand{display:flex;align-items:center;gap:.6rem;font-weight:800}
.brand-dot{width:12px;height:12px;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--brand2));display:inline-block}
.nav-links{margin-left:auto;display:flex;gap:18px}
.nav-links a{color:var(--muted);font-weight:600}
.nav-cta{margin-left:16px}

.hero{position:relative;overflow:hidden;isolation:isolate;padding:56px 0;background:
radial-gradient(800px 300px at 20% 10%, rgba(96,165,255,.18), transparent 60%),
radial-gradient(900px 360px at 100% 40%, rgba(34,230,168,.16), transparent 60%),
linear-gradient(180deg,#0b1327 0%, #0a1229 100%);color:#eaf1ff}
.badge-soft{display:inline-block;padding:.35rem .7rem;border-radius:999px;color:#dfe8ff;background:linear-gradient(90deg, rgba(96,165,255,.22), rgba(34,230,168,.22));border:1px solid rgba(255,255,255,.18)}
.hero-grid{display:grid;grid-template-columns: 1.05fr .95fr;gap:28px;align-items:center}
.hero-ill{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04)}
.hero-ill img{width:100%;display:block}

.section{padding:56px 0} .section-title{font-weight:800;margin:0 0 10px} .section-muted{color:var(--muted);margin:0 0 28px}
.card-lite{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:var(--border);border-radius:var(--radius);padding:16px}
.grid-4{display:grid;grid-template-columns: repeat(4,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns: repeat(2,1fr);gap:16px}
.grid-3{display:grid;grid-template-columns: repeat(3,1fr);gap:16px}
.list-check{padding-left:1.1rem}
.list-check li{margin:.45rem 0;color:var(--muted)}
.list-check li::marker{content:"✔  "}
.chip{display:inline-block;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);font-size:.85rem;margin:.25rem .25rem 0 0;color:#cfe3ff}

.cta{background:rgba(255,255,255,.03)} .cta-card{max-width:880px;margin:0 auto;text-align:center}
.footer{color:#89a0c6;text-align:center;padding:24px 0}

.fab{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:999px;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(13,174,95,.35)}
.fab img{width:28px;height:28px}
.kpi{display:flex;gap:12px;align-items:center}
.kpi .num{font-weight:800;color:#fff}
.kpi .up{color:var(--brand);font-weight:800}

@media (max-width: 991.98px){
  .hero-grid{grid-template-columns: 1fr;text-align:center}
  .nav-links{display:none}
  .nav-cta{margin-left:auto}
  .grid-4{grid-template-columns: repeat(2,1fr)}
  .grid-3{grid-template-columns: 1fr}
  .grid-2{grid-template-columns: 1fr}
}