/* Feuille de style de MPAO mini. Jetons recopiés de packages/ui/src/styles.css (charte docs/identite), jamais importés.
   Polices Atkinson Hyperlegible servies par le site (licence SIL OFL), aucune ressource tierce. */
@font-face{font-family:'Atkinson Hyperlegible Next';font-weight:200 800;font-display:swap;src:url('/polices/atkinson-hyperlegible-next-normal-latin.woff2') format('woff2');}
@font-face{font-family:'Atkinson Hyperlegible Mono';font-weight:200 800;font-display:swap;src:url('/polices/atkinson-hyperlegible-mono-normal-latin.woff2') format('woff2');}
:root{
  --papier:#edeff2;--panneau:#fff;--encre:#16233d;--encre-douce:#4a5872;
  --trait:#d5d9e0;--trait-fort:#b9c0cc;--laiton:#a9824f;--laiton-fonce:#8c6b3f;--laiton-pale:#f3ece1;
  --valide:#3e6b4f;--valide-fond:#edf3ee;--alerte:#9c3b2e;--alerte-fond:#f8ecea;--signal:#1f4fd8;
  --texte:"Atkinson Hyperlegible Next","Segoe UI",system-ui,sans-serif;
  --mono:"Atkinson Hyperlegible Mono","Cascadia Mono",Consolas,monospace;
}
*{box-sizing:border-box;margin:0}
body{font-family:var(--texte);color:var(--encre);background:var(--papier);line-height:1.5;font-size:17px}
a{color:inherit}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.page{max-width:1120px;margin:0 auto;padding:0 28px}
.etroit{max-width:760px}
.entete{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.entete img{height:46px;display:block}
.entete nav a{margin-left:1.6rem;text-decoration:none;font-weight:600;font-size:15px}
.bouton{display:inline-block;background:var(--signal);color:#fff;font-weight:700;text-decoration:none;padding:.8rem 1.4rem;border-radius:6px;border:2px solid var(--signal);font-size:17px;font-family:inherit;cursor:pointer;line-height:1.4}
.bouton.calme{background:transparent;color:var(--encre);border-color:var(--encre)}
.pied{border-top:1px solid var(--trait-fort);margin-top:4rem;padding:1.5rem 0;color:var(--encre-douce);font-size:14px}
.pied a{margin-right:1.2rem}
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Landing */
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;padding:36px 0 20px}
h1{font-size:42px;line-height:1.08;font-weight:800;letter-spacing:-.015em;max-width:14em}
.promesse{margin:20px 0 28px;font-size:19px;color:var(--encre-douce);max-width:30em}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.note{margin-top:14px;font-size:14px;color:var(--encre-douce)}
.fiche{background:var(--panneau);border:1px solid var(--trait-fort);border-top:4px solid var(--laiton);border-radius:4px;padding:22px 24px;box-shadow:0 18px 30px -22px rgba(22,35,61,.45);transform:rotate(.6deg)}
.fiche .qui{font-family:var(--mono);font-size:13px;color:var(--encre-douce)}
.fiche h2{font-size:19px;line-height:1.3;margin:6px 0 12px}
.pourquoi{font-size:14px;background:var(--laiton-pale);border-left:3px solid var(--laiton);padding:8px 12px;margin-bottom:12px}
.trois p{padding:5px 0;border-bottom:1px solid var(--trait);font-size:16px}
.trois p:last-child{border:0}
.ligne{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;align-items:center}
.verif{color:var(--laiton-fonce);font-weight:700}
.limite{font-family:var(--mono);font-size:14px}
.etiquette{font-size:13px;color:var(--encre-douce);margin-top:10px}
.etapes{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.etapes h3{font-size:19px;margin-bottom:6px}
.etapes p{color:var(--encre-douce);font-size:16px}
.etapes div{border-top:2px solid var(--encre);padding-top:14px}
.formules{margin-top:64px}
.formules h2{font-size:30px;margin-bottom:20px}
.grille{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--trait-fort);border-radius:6px;overflow:hidden;background:var(--panneau)}
.grille>div{padding:28px 30px}
.grille .pro{border-left:6px solid var(--signal)}
.grille .gratuite{background:#f7f8fa}
.prix{font-size:38px;font-weight:800}
.prix small{font-size:16px;font-weight:400;color:var(--encre-douce)}
.grille ul{list-style:none;padding:0;margin:14px 0 22px}
.grille li{padding:6px 0 6px 26px;position:relative;font-size:16px}
.grille li::before{content:"";position:absolute;left:2px;top:12px;width:10px;height:5px;border-left:2px solid var(--valide);border-bottom:2px solid var(--valide);transform:rotate(-45deg)}
.passerelle{margin-top:56px;background:var(--encre);color:#fff;border-radius:6px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.passerelle h2{font-size:26px;margin-bottom:6px;line-height:1.2}
.passerelle p{color:#c9d1e0;max-width:34em}
.passerelle .bouton{white-space:nowrap}

/* Inscription */
.corps{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;padding:20px 0;align-items:start}
.corps h1{font-size:34px;line-height:1.15;margin-bottom:8px}
.intro{color:var(--encre-douce);margin-bottom:26px}
form.carte{background:var(--panneau);border:1px solid var(--trait-fort);border-radius:6px;padding:10px 30px 30px}
fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}
legend,label.t{font-weight:700;font-size:16px;display:block;margin-bottom:6px;padding:0}
.aide{font-size:14px;color:var(--encre-douce);margin-top:4px}
input[type=text],input[type=email],select{width:100%;font:inherit;padding:.65rem .8rem;border:2px solid var(--trait-fort);border-radius:5px;background:#fff;color:var(--encre)}
.siret{display:flex;gap:10px}
.siret input{font-family:var(--mono)}
.siret .bouton{padding:.55rem 1.1rem;white-space:nowrap}
.trouve{margin-top:10px;background:var(--valide-fond);border-left:3px solid var(--valide);padding:9px 12px;font-size:15px}
.choix{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.choix label{position:relative;cursor:pointer}
.choix input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.choix span{display:block;border:2px solid var(--trait-fort);border-radius:999px;padding:.35rem .9rem;font-size:15px;background:#fff}
.choix input:checked+span{border-color:var(--signal);color:var(--signal);font-weight:700;background:#f2f5fe}
.choix input:checked+span::before{content:"✓ "}
.choix input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}
.case{display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-size:15px}
.case input{flex:none;width:22px;height:22px;margin-top:1px;accent-color:var(--signal)}
.separation{border-top:1px solid var(--trait);margin-top:26px}
.envoi{margin-top:24px}
.legal{font-size:13px;color:var(--encre-douce);max-width:34em;margin-top:14px}
aside h2{font-size:20px;margin-bottom:12px}
aside ol{padding-left:1.2rem}
aside li{margin-bottom:12px;color:var(--encre-douce)}
aside li strong{color:var(--encre)}
.courrier{margin-top:22px;border:1px dashed var(--laiton);background:var(--laiton-pale);border-radius:6px;padding:14px 16px;font-size:15px}
.erreurs{margin-top:18px;background:var(--alerte-fond);border-left:3px solid var(--alerte);padding:10px 14px;font-size:15px}
.erreurs ul{padding-left:1.1rem}

/* Pages de message et pages légales */
.message{background:var(--panneau);border:1px solid var(--trait-fort);border-top:4px solid var(--laiton);border-radius:4px;padding:30px 34px;margin-top:20px}
.message h1{font-size:30px;margin-bottom:10px}
.message p{margin-bottom:14px;max-width:38em}
.message .actions{margin-top:22px}
.texte{background:var(--panneau);border:1px solid var(--trait-fort);border-radius:6px;padding:30px 34px;margin-top:20px}
.texte h1{font-size:30px;margin-bottom:6px}
.texte h2{font-size:20px;margin:26px 0 6px}
.texte p,.texte li{max-width:46em;margin-bottom:8px}
.texte ul{padding-left:1.3rem}
.modele{font-size:14px;color:var(--laiton-fonce);background:var(--laiton-pale);padding:8px 12px;border-left:3px solid var(--laiton);margin:12px 0 4px}

@media(max-width:820px){.hero,.grille,.etapes,.corps{grid-template-columns:1fr}h1{font-size:34px}.passerelle{flex-direction:column;align-items:flex-start}.fiche{transform:none}.entete nav a:not(:first-child){display:none}form.carte{padding:6px 18px 24px}.siret{flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.bouton{transition:filter .15s}.bouton:hover{filter:brightness(1.1)}}
.premier{margin-top:12px}