/* === IA MON · Web pública (scoped) === */
:root{
  --brand-text:#101828;
  --brand-primary:#D267F1;
  --brand-deep:#3D0491;
  --brand-bg:#ffffff;
  --brand-soft:#f6f7ff;
  --brand-border:#e6e8f0;
}
.public-scope body{ background:var(--brand-bg); color:var(--brand-text); }
.public-scope .container{ max-width:1120px; margin:0 auto; padding:0 16px; }
.public-scope header.site{ position:sticky; top:0; background:#fff; border-bottom:1px solid var(--brand-border); z-index:10; }
.public-scope header.site .inner{ display:flex; align-items:center; justify-content:space-between; padding:12px 0; }
.public-scope nav a{ text-decoration:none; color:inherit; padding:8px 10px; border-radius:10px; }
.public-scope nav a:hover{ background:var(--brand-soft); }
.public-scope .hero{ padding:56px 0 24px; display:grid; gap:12px; }
.public-scope .hero h1{ font-size:42px; line-height:1.1; margin:0; }
.public-scope .cta{ display:inline-block; background:var(--brand-deep); color:#fff; padding:12px 16px; border-radius:14px; font-weight:800; text-decoration:none; }
.public-scope .grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:28px 0; }
@media (max-width:900px){ .public-scope .grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .public-scope .grid{ grid-template-columns:1fr; } }