:root{--bg:#0b0f1a;--panel:#0f172acc;--text:#e5e7eb;--muted:#a7b2c4;--brand:#60a5fa;--brand2:#22d3ee;--accent:#34d399;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.28),0 2px 10px rgba(0,0,0,.18)}
*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
  background:radial-gradient(1000px 600px at 85% -5%, rgba(34,211,238,.12), transparent 60%),radial-gradient(900px 500px at 5% 10%, rgba(96,165,250,.10), transparent 55%),linear-gradient(180deg,#070a12,#0b0f1a)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:90px 0}
h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:0 0 12px}h2{font-size:clamp(26px,3.6vw,40px);margin:0 0 12px}
p.lead{color:#c5cfdb;font-size:clamp(16px,2.2vw,19px)}
.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:linear-gradient(180deg, rgba(2,6,23,.8), rgba(2,6,23,.55));border-bottom:1px solid rgba(148,163,184,.08)}
.nav{display:flex;align-items:center;gap:22px;height:68px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800}
.brand .logo{width:28px;height:28px}.nav-links{margin-left:auto;display:flex;gap:20px;align-items:center}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--text)}
.cta{padding:10px 14px;border-radius:12px;color:#061018;text-decoration:none;background:linear-gradient(135deg,var(--brand),var(--brand2));font-weight:800;box-shadow:var(--shadow)}
.hero{padding:110px 0 70px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.badge{display:inline-block;padding:.3rem .6rem;border:1px solid #253146;border-radius:999px;color:#a8ffef;background:#0d1522;font-size:.85rem}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172acc;color:var(--text);text-decoration:none;font-weight:600}
.btn:hover{border-color:rgba(148,163,184,.32)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#061018;border:0;box-shadow:var(--shadow)}
.illustration{border-radius:var(--radius);border:1px solid rgba(148,163,184,.14);background:#0b1220;box-shadow:var(--shadow);padding:14px}
.illustration img{width:100%;height:auto;border-radius:12px;display:block}
.grid{display:grid;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card .icon{width:28px;height:28px;margin:4px 0 10px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.kpi{background:#0e1422;border:1px solid #233147;border-radius:14px;padding:12px 14px;text-align:center}.kpi .n{font-weight:900;font-size:1.8rem;background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;color:transparent}
.process .step{display:flex;gap:16px;align-items:flex-start}.process .num{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#071823;background:linear-gradient(135deg,#60a5fa,#22d3ee);box-shadow:var(--shadow)}
.faq details{background:#0e1422;border:1px solid #253146;border-radius:14px;padding:12px 16px}.faq details summary{cursor:pointer;font-weight:700}.faq details+details{margin-top:12px}
.form{display:grid;gap:12px}.form input,.form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #223046;background:#0b1220;color:var(--text);outline:none}.form input:focus,.form textarea:focus{box-shadow:0 0 0 .12rem rgba(96,165,250,.45);border-color:#2e3c55}
.footer{padding:36px 0;border-top:1px solid rgba(148,163,184,.10);color:#9fb0c6}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}