:root{
  --bg:#f7f8fb; --card:#fff; --border:#e5e7eb; --text:#0b1220; --muted:#667085;
  --primary:#e10600; --accent:#1e3a8a; --ring:rgba(2,6,23,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--accent);text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:20}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
nav .menu{display:flex;gap:1rem;align-items:center}
.hero{padding:64px 0 28px;background:linear-gradient(180deg,#fff 0,#f6f7fb 100%)}
.h1{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 14px}
.lead{font-size:clamp(16px,2.6vw,18px);color:var(--muted);max-width:70ch}
.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#111;font-size:.8rem}
.btn{display:inline-flex;gap:.5rem;align-items:center;padding:.9rem 1.2rem;border-radius:14px;border:1px solid #0000;background:var(--primary);color:#fff;font-weight:700;box-shadow:0 8px 22px rgba(225,6,0,.25);transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn.alt{background:#fff;color:#111;border-color:#e5e7eb;box-shadow:0 6px 18px rgba(2,6,23,.06)}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 28px var(--ring);padding:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.kpis{display:flex;gap:16px;flex-wrap:wrap}
.kpis .k{flex:1 1 180px;background:#fff;border:1px solid #eef0f4;border-radius:16px;padding:16px}
.section{padding:46px 0}
.cta{background:#0f172a;color:#fff;border-radius:20px;padding:32px 22px;display:flex;gap:24px;align-items:center;justify-content:space-between}
footer{padding:36px 0;color:#667085}
.lang{border:1px solid #e5e7eb;border-radius:12px;padding:.5rem .7rem;background:#fff}
.row{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px dashed #edf0f4;padding:10px 0}
.row .name{display:flex;align-items:center;gap:.5rem}
.badgeBlue{font-size:.75rem;background:#eef2ff;color:#1e3a8a;padding:4px 8px;border-radius:999px;border:1px solid #dbeafe}
.total{font-size:1.25rem;font-weight:800}
input[type="number"]{width:100%;padding:.7rem;border-radius:12px;border:1px solid var(--border)}
input[type="checkbox"]{transform:scale(1.2);margin-right:.5rem}
@media (max-width: 980px){
  .grid3,.grid2{grid-template-columns:1fr}
  .cta{flex-direction:column;align-items:flex-start}
}