/* ===== Infonumerik – thème statique style capture ===== */
:root{
  --blue:#1976d2; --blue-strong:#155bb0;
  --red:#e53935;
  --ink:#0f172a; --text:#1f2937; --muted:#6b7280;
  --bg:#f6f7fb; --line:#e5e7eb;
  --radius-xl:18px; --radius-lg:14px; --radius-md:12px;
  --shadow:0 6px 18px rgba(0,0,0,.10);
  --shadow-soft:0 2px 8px rgba(0,0,0,.08);
}

/* Reset minimal */
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6;color:var(--text);background:#fff}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-strong);text-decoration:underline}

.container{width:min(1160px,92%);margin:auto}
.section{padding:42px 0}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{font-weight:800;color:#2563eb}
.navlinks{display:flex;gap:12px}
.btn-pill{
  background:#eaf2fe;color:#0f172a;padding:10px 16px;border-radius:999px;
  font-weight:600;border:1px solid #c7dbfb;box-shadow:var(--shadow-soft)
}
.btn-pill:hover{background:#dbeafe}

/* Hero */
.brand-h1{font-size:2.2rem;margin:8px 0 4px}
.hero-sub{max-width:720px}
.hero-actions{display:flex;gap:12px;margin:16px 0 18px}
.hero-cards{margin-top:14px}

/* Grid utils */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:980px){.grid-2{grid-template-columns:1fr}}
.kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
@media (max-width:820px){.kpis{grid-template-columns:1fr}}

/* Buttons */
.btn{
  display:inline-block;padding:12px 18px;border-radius:12px;
  background:var(--blue);color:#fff;font-weight:700;
  box-shadow:var(--shadow);transition:transform .15s ease, box-shadow .2s ease, background .2s ease
}
.btn:hover{background:var(--blue-strong);text-decoration:none;transform:translateY(-1px)}
.btn-outline{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.btn-outline:hover{background:var(--blue);color:#fff}
.btn-light{background:#fff;color:var(--blue);border:0}
.btn-light:hover{filter:brightness(.95)}

/* Cards */
.card{
  background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:18px;box-shadow:var(--shadow-soft)
}
.card-title{margin:0 0 6px;font-weight:800}
.link{font-weight:700;white-space:nowrap}

/* KPI pills */
.pill{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);
  border-radius:999px;padding:10px 16px;text-align:center
}
.pill strong{font-size:1.05rem}
.pill span{color:var(--muted);font-size:.92rem}

/* Lists */
.list-check{margin:10px 0 0 1.2rem}
.list-check li{margin:6px 0}
.muted{color:var(--muted)}

/* CTA gradient card */
.card-cta{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:linear-gradient(120deg,#2a6bd9,#e53935);
  color:#fff;border:0;border-radius:16px;padding:24px 26px;box-shadow:var(--shadow)
}
.card-cta h3{margin:0 0 8px}
.card-cta p{margin:0 0 12px;color:#eef2ff}
.cta-icons{font-size:1.4rem;opacity:.9}

/* Sections headings */
h2{font-size:1.6rem;margin:0 0 10px}

/* Footer */
.site-footer{background:#0f172a;color:#cbd5e1;margin-top:36px;padding:28px 0}
.footer-grid{display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr}
.footer-brand{margin:0 0 6px;color:#fff}
.footer-list{list-style:none;margin:0;padding:0}
.footer-list li{margin:6px 0}
.footer-list a{color:#cbd5e1} .footer-list a:hover{color:#fff}
@media (max-width:980px){.footer-grid{grid-template-columns:1fr}}