:root{
      --ink:#0f172a; --muted:#64748b; --brand:#0f4c81; --bg:#f7f8fb; --card:#ffffff; --accent:#22c55e;
    }
    html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65}
    .wrap{max-width:1100px;margin:0 auto;padding:28px}
    .hero{background:linear-gradient(180deg,#fff,#eef3f9);border-radius:18px;padding:36px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;box-shadow:0 10px 35px rgba(15,76,129,.08)}
    .badge{display:inline-block;background:#e6eef7;color:var(--brand);font-weight:700;border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
    h1{font-size:36px;line-height:1.2;margin:.3rem 0 .8rem}
    h2{font-size:28px;margin:36px 0 12px}
    h3{font-size:20px;margin:18px 0 8px}
    p{margin:8px 0}
    .muted{color:var(--muted)}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .card{background:var(--card);border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
    .list{padding-left:18px}
    .table{width:100%;border-collapse:separate;border-spacing:0 10px}
    .table th,.table td{background:#fff;padding:12px}
    .table th{color:var(--muted);font-weight:600;text-align:left}
    .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
    .btn{background:var(--brand);color:#fff;border:none;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}
    .btn.alt{background:var(--accent);color:#05352f}
    .note{font-size:12px;color:var(--muted)}
    .kpi{display:flex;gap:12px;align-items:flex-start}
    .kpi .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:7px}
    @media (max-width:930px){.hero{grid-template-columns:1fr}}