:root{
      --bg:#0f172a;
      --card:#111827;
      --ink:#e5e7eb;
      --muted:#94a3b8;
      --brand:#22d3ee;
      --accent:#a78bfa;
      --max:1180px;
      --radius:18px;
      --shadow:0 10px 30px rgba(0,0,0,.25);
    }
    html,body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6}
    a{color:var(--brand);text-decoration:none}
    img{max-width:100%;height:auto;display:block;border-radius:12px}
    .wrap{max-width:var(--max);margin:auto;padding:24px}
    header.hero{
      background: radial-gradient(1200px 500px at 10% -10%, rgba(34,211,238,.15), transparent 60%),
                  radial-gradient(900px 400px at 110% 10%, rgba(167,139,250,.15), transparent 60%);
      padding:72px 0 36px 0;
    }
    .badge{display:inline-block;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:12px;color:var(--muted);backdrop-filter:blur(3px)}
    h1{font-size:clamp(32px,6vw,56px);line-height:1.1;margin:14px 0 10px 0}
    .lead{font-size:clamp(16px,2.7vw,20px);color:var(--muted);max-width:60ch}
    .hero-grid{display:grid;gap:28px;grid-template-columns:1.1fr .9fr;align-items:center;margin-top:28px}
    .card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow)}
    .card.pad{padding:22px}
    .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
    .kpi{padding:14px;border-radius:12px;background:rgba(255,255,255,.04);text-align:center}
    .kpi b{font-size:22px;display:block}
    .prose{font-size:18px}
    .prose h2{font-size:28px;margin-top:28px}
    .grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}
    .feature{padding:18px}
    .feature h3{margin:6px 0 4px 0}
    .feature p{color:var(--muted)}
    .pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.3);font-size:13px;color:#cffafe}
    .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
    .btn{padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(167,139,250,.25),rgba(34,211,238,.25));color:white;font-weight:600}
    .btn.secondary{background:transparent}
    .split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .faq details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}
    .faq summary{cursor:pointer;font-weight:600}
    footer{color:var(--muted);padding:28px 0 60px 0}
    @media (max-width:980px){ .hero-grid{grid-template-columns:1fr} .grid{grid-template-columns:1fr 1fr} .split{grid-template-columns:1fr} }
    @media (max-width:640px){ .kpis{grid-template-columns:1fr 1fr} .grid{grid-template-columns:1fr} }