:root {
  --bg: #0a1022;
  --bg-soft: #101a36;
  --card: #111b38;
  --line: #2a3a68;
  --text: #eef4ff;
  --muted: #aebbe0;
  --brand: #4ade80;
  --brand-2: #22c55e;
  --accent: #60a5fa;
  --warn: #f59e0b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(1000px 600px at 80% -10%,#1d2d59 0%,transparent 60%),linear-gradient(160deg,var(--bg),#0f1832);color:var(--text)}
a{color:inherit}
.container{max-width:1140px;margin:auto;padding:0 20px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(10,16,34,.82);backdrop-filter:blur(8px);border-bottom:1px solid #1e2c53}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:12px}
.logo{font-weight:800;letter-spacing:.2px}
.logo span{color:var(--brand)}
.nav{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#062012}
.btn-secondary{border-color:#3a4a79;color:#dbe7ff;background:#111c3b}
section{padding:64px 0;border-bottom:1px solid #1b2950}
h1{font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.1;margin:.2em 0}
h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 14px}
p{line-height:1.65;color:var(--muted);margin:0 0 12px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
.card{background:linear-gradient(180deg,#121d3d,#101a35);border:1px solid var(--line);border-radius:16px;padding:18px}
.list{padding-left:18px;color:#dce8ff}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.kpi{padding:10px;border:1px solid #304273;border-radius:12px;background:#0f1936}
.kpi strong{font-size:1.2rem;color:#ccfbf1}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.iconbox h3{margin:8px 0 6px;font-size:1.04rem}
.small{font-size:.88rem;color:#9fb1da}
.steps .step{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed #334a7d}
.bubble{min-width:34px;height:34px;border-radius:10px;background:#1a2a52;color:#9ec5ff;display:grid;place-items:center;font-weight:800}
.pricing .plan{position:relative}
.badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:999px;background:#20345f;color:#cae0ff;font-size:.73rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #2a3c68;padding:10px;text-align:left}
.table th{color:#c9d7ff;font-weight:600}
.faq details{background:#0f1936;border:1px solid #2a3e70;border-radius:10px;padding:10px 12px}
.faq details+details{margin-top:8px}
.faq summary{cursor:pointer;font-weight:700}
.cta-final{background:linear-gradient(140deg,#122043,#0e1733)}
.footer{padding:28px 0 90px;color:#9eb2df}
.sticky-cta{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:60}
input,select,textarea{width:100%;padding:11px 12px;background:#0c1530;border:1px solid #314878;border-radius:10px;color:#eaf2ff;margin:7px 0}
label{font-size:.9rem;color:#cfddff;display:block;margin-top:6px}
.checkbox-row{display:flex;gap:8px;align-items:flex-start}
.checkbox-row input{width:auto;margin-top:3px}
.form-feedback{min-height:1.2em;font-size:.85rem;color:#fecaca;margin-bottom:4px}
[aria-invalid="true"]{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.15)}
button[disabled]{opacity:.75;cursor:not-allowed}
.notice{font-size:.82rem;color:#98abd8}
@media (max-width:930px){.hero,.grid-3,.grid-2,.kpis{grid-template-columns:1fr}}
@media (max-width:780px){.nav .btn-secondary{display:none}.sticky-cta{display:block}}