:root{--brand:#0b3d91;--brand2:#2d6ae3;--ink:#0a2742;--muted:#556274;--bg:#f5f7fa;--ok:#10b981;--warning:#f59e0b;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.45}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}
.nav{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:10px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:36px;width:auto}
.badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;background:var(--bg);color:var(--muted);font-size:.8rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:9999px;background:var(--brand);color:#fff;padding:.9rem 1.2rem;font-weight:600;text-decoration:none;box-shadow:0 6px 20px rgba(11,61,145,.18);transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(11,61,145,.28)}
.btn.outline{background:transparent;color:var(--brand);border:2px solid var(--brand)}
.hero{background:linear-gradient(180deg,#fff 0,#f7f9fc 60%,#eef2f7 100%);padding:64px 0}
.hero h1{font-size:clamp(28px,4vw,44px);margin:.2rem 0 .6rem}
.hero p{font-size:clamp(16px,2vw,18px);color:var(--muted);max-width:720px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.kpis .k{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:12px;text-align:center}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);padding:20px}
.card.alt{border:1px dashed #c7d2fe;background:linear-gradient(180deg,#fff 0,#f8fbff 100%)}
.card h3{margin:.2rem 0 .2rem}
.steps{counter-reset:s}
.step{position:relative;padding-left:44px}
.step:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:.1rem;background:var(--brand);color:#fff;width:32px;height:32px;display:grid;place-items:center;border-radius:9999px;font-weight:700}
.testimonials .t{display:flex;gap:14px;align-items:flex-start}
.faq details{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}
.faq summary{cursor:pointer;font-weight:600}
.about{background:var(--bg);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
footer{padding:20px 0;color:var(--muted);font-size:.9rem}
.sticky-cta{position:fixed;right:16px;bottom:16px;z-index:60}
.small{font-size:.9rem;color:var(--muted)}
.badges .b{display:inline-block;margin:4px 6px 0 0;padding:.25rem .5rem;border-radius:8px;background:#eef2f7;color:var(--ink);font-size:.75rem}
@media (max-width:900px){.grid.cols-3{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}.nav .hide-sm{display:none}}