:root{--blue:#0B4A7A;--blue-2:#123D6A;--accent:#2F80ED;--ink:#0F172A;--muted:#475569;--bg:#F5F7FB;--line:#E6EAF2}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:var(--accent);text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.topbar{background:var(--blue-2);color:#fff}.topbar .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:8px 22px}
.topbar a{color:#fff;opacity:.95}header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:40px}.brand strong{font-size:1.05rem}
.navlinks{display:flex;flex-wrap:wrap;gap:16px}.navlinks a{padding:8px 10px;border-radius:8px}.navlinks a.cta{background:var(--accent);color:#fff}
.hero{background:linear-gradient(120deg,#0b4a7a 0%,#0b4a7a 55%,#0b4a7a10 55%,#ffffff 100%);color:#fff}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:48px 22px}
h1{font-size:2.2rem;margin:0 0 12px}.hero p{color:#e7f1ff;margin:0 0 16px}
.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700}
.btn.primary{background:#fff;color:var(--blue)}.btn.outline{border:2px solid #fff;color:#fff}
section{padding:42px 0}h2{font-size:1.6rem;margin:0 0 12px}p.lead{font-size:1.05rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{background:var(--bg);padding:18px;border-radius:12px;border:1px solid var(--line)}
.card h3{margin:0 0 6px;font-size:1.05rem}.muted{color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.feature{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.table{width:100%;border-collapse:collapse;font-size:.98rem}.table th,.table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}
.kpi b{font-size:1.4rem;display:block}.badge{display:inline-block;background:#E8F0FF;color:#1A56DB;border-radius:999px;padding:4px 10px;font-size:.8rem}
ul.check{list-style:none;padding-left:0}ul.check li{margin:8px 0;padding-left:26px;position:relative}ul.check li:before{content:"✔";position:absolute;left:0;color:#16a34a}
footer{background:#0d1b2a;color:#cfe1ff;padding:28px 0;margin-top:32px}footer a{color:#fff}
.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{background:#0b4a7a;color:#fff;padding:8px 10px;border-radius:8px;font-size:.9rem}
.hero img{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 30px #00000022}
.note{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;padding:12px;border-radius:8px}
@media (max-width:980px){.hero .wrap{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.features,.two,.kpis{grid-template-columns:1fr}.navlinks{display:none}}