:root{--p-green:#174b3c;--p-ink:#17251f;--p-muted:#55665d;--p-line:#dde7d7}
*,*::before,*::after{box-sizing:border-box}
body.landing-primes{color:var(--p-ink);background:linear-gradient(180deg,#fdfefb 0%,#f5f9f0 42%,#e9f1e3 100%)}
body.landing-primes h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.5px;font-weight:650}

.lp-hero{padding:16px 0 2px}
.lp-hero .container{position:relative}
.lp-hero h1{margin:0;font-size:clamp(29px,7.9vw,58px);line-height:1.04;letter-spacing:-1.2px;font-weight:650;max-width:18ch}
.lp-hero h1 span{display:block;margin-top:8px;font-size:.56em;line-height:1.2;letter-spacing:-.4px;font-weight:600;color:var(--p-green);max-width:30ch}
.lp-sub{margin:14px 0 0;font-size:14.5px;line-height:1.55;color:var(--p-muted);max-width:36em}
.lp-cta-row{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:16px}
.lp-cta{display:flex;flex:1 1 auto;justify-content:center;align-items:center;gap:8px;min-width:0;width:auto;min-height:54px;padding:10px 12px;border-radius:13px;font-size:14px;font-weight:650;line-height:1.25;text-align:center}
.lp-cta .icon{flex:0 0 auto;width:17px;height:17px}
.lp-hero-copy picture{display:block;flex:0 0 auto;align-self:center}
.lp-fox{width:96px;height:auto;display:block;transform:scaleX(-1)}
.lp-promise{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:13px;line-height:1.5;font-weight:600;color:#2f5a45}
.lp-promise::before{content:"✓";flex:0 0 auto;display:grid;place-items:center;width:17px;height:17px;margin-top:1px;border-radius:50%;background:#dcecd6;color:var(--p-green);font-size:11px;font-weight:700}
.lp-micro{margin:6px 0 0;font-size:11.5px;line-height:1.5;color:#62776a}

/* Le chiffre du client, en pastille entre le titre et le paragraphe. */
.lp-save{display:inline-flex;align-items:center;gap:9px;margin:14px 0 0;padding:8px 14px 8px 11px;border:1px solid #b9d6b4;border-radius:14px;background:#eaf4e4;color:var(--p-green);font-size:clamp(17px,4.6vw,23px);line-height:1.15;font-weight:700;letter-spacing:-.4px}
.lp-save svg{flex:none;width:24px;height:24px;stroke:currentColor}

/* Trois chiffres de preuve sociale, deja valides par le proprietaire. */
.lp-proof{margin:20px 0 0;padding:14px 0 16px;background:#ebf4e2;border-top:1px solid #d8e6cc;border-bottom:1px solid #d8e6cc;border-radius:22px}
.lp-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.lp-proof-item{display:flex;flex-direction:column;align-items:center;padding:4px;text-align:center}
.lp-proof-disc{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dcecd4;color:var(--p-green)}
.lp-proof-disc svg{display:block;width:19px;height:19px}
.lp-proof-figure{margin:5px 0 0;font-size:17px;line-height:1.1;letter-spacing:-.4px;font-weight:650;color:var(--p-green);white-space:nowrap}
.lp-proof-note{margin:2px 0 0;font-size:10.5px;line-height:1.3;color:#5e7466;white-space:nowrap}

/* Encart de rappel a trois champs : le raccourci de conversion. */
.lp-quick{padding:26px 0 4px}
.lp-quick-card{background:#fff;border:1px solid #d5e3c9;border-radius:20px;padding:18px 16px 16px;box-shadow:0 22px 44px -34px rgba(23,75,60,.55)}
.lp-kicker{margin:0;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#4d7a5f}
.lp-quick-head h2{margin:6px 0 0;font-size:23px;letter-spacing:-.6px}
.lp-quick-head p{margin:7px 0 0;font-size:13.5px;line-height:1.5;color:var(--p-muted);max-width:34em}
.lp-quick-list{display:none;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.lp-quick-list li{position:relative;padding-left:24px;font-size:13px;line-height:1.4;color:#3d5b4b}
.lp-quick-list li::before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dcecd6;color:var(--p-green);font-size:10.5px;font-weight:700}
.lp-form{display:grid;gap:11px;margin-top:16px}
.lp-field{display:grid;gap:5px}
.lp-field label{font-size:12.5px;line-height:1.2;font-weight:650;color:#2b4338}
.lp-field input{width:100%;height:48px;margin:0;padding:0 12px;border:1px solid #ccdbd0;border-radius:11px;background:#fbfdf9;color:var(--p-ink);font:inherit;font-size:16px;line-height:1}
.lp-field input:focus{outline:none;border-color:#4f8a68;box-shadow:0 0 0 3px #dcecd440;background:#fff}
.lp-field input[aria-invalid="true"]{border-color:#b4453a;background:#fff7f6}
.lp-hint{min-height:0;margin:0;font-size:11.5px;line-height:1.3;color:#4d7a5f;font-weight:600}
.lp-hint:empty{display:none}
.lp-phone{display:flex;gap:8px;align-items:stretch}
.lp-dial{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:5px;height:48px;padding:0 9px;border:1px solid #ccdbd0;border-radius:11px;background:#fbfdf9;cursor:pointer}
.lp-dial img{flex:none;width:18px;height:12px;border-radius:2px;object-fit:cover}
.lp-dial-code{font-size:14px;font-weight:650;color:#2b4338}
.lp-dial::after{content:"";width:6px;height:6px;margin-left:1px;border-right:1.6px solid #6a8477;border-bottom:1.6px solid #6a8477;transform:rotate(45deg) translateY(-2px)}
.lp-dial select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.lp-phone input{flex:1 1 auto;min-width:0}
.lp-consent{display:flex;align-items:flex-start;gap:9px;margin:2px 0 0;font-size:11.5px;line-height:1.45;color:#5a6f63;cursor:pointer}
.lp-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#174b3c}
.lp-error{margin:0;padding:8px 10px;border-radius:9px;background:#fdf0ee;color:#8f3529;font-size:12.5px;line-height:1.45;font-weight:600}
.lp-submit{width:100%;min-height:52px;margin-top:2px;border-radius:12px;font-size:15.5px;font-weight:650}
.lp-submit[aria-busy="true"]{opacity:.7;cursor:progress}
.lp-note{margin:0;font-size:11.5px;line-height:1.4;text-align:center;color:#62776a}
.lp-done{padding:14px 2px 4px;text-align:center}
.lp-done-title{margin:0;font-size:19px;line-height:1.25;font-weight:650;color:var(--p-green)}
.lp-done p{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--p-muted)}
.lp-done a{color:var(--p-green);font-weight:650;text-decoration:underline;text-underline-offset:2px}
/* L'attribut hidden doit gagner contre les display explicites, y compris sur Safari. */
.lp-form[hidden],.lp-done[hidden],.lp-error[hidden]{display:none!important}

/* Mur des caisses : une bande continue, sans lien sortant. */
.lp-insurers{padding:26px 0 0;overflow:hidden}
.lp-insurers h2{font-size:15.5px;line-height:1.35;letter-spacing:-.2px;color:#33533f;text-align:center;max-width:26em;margin:0 auto}
.lp-marquee{margin-top:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.lp-track{display:flex;align-items:center;gap:8px;width:max-content;padding:2px 0;animation:lp-scroll 46s linear infinite}
.lp-track img{flex:none;width:auto;height:22px;max-width:104px;object-fit:contain;padding:9px 14px;background:#fff;border:1px solid #e2ebdb;border-radius:11px;box-sizing:content-box}
.lp-marquee:hover .lp-track,.lp-marquee:focus-within .lp-track{animation-play-state:paused}
@keyframes lp-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Frise des dates 2027. */
.lp-timeline{padding:28px 0 0}
.lp-timeline h2{margin-bottom:14px}
.lp-steps{position:relative;display:grid;gap:0;margin:0;padding:0 0 0 22px;list-style:none}
.lp-steps li{position:relative;padding:0 0 15px}
.lp-steps li::after{content:"";position:absolute;left:-17px;top:16px;bottom:0;width:2px;background:#cfe0c5}
.lp-steps li:last-child::after{display:none}
.lp-steps li::before{content:"";position:absolute;left:-22px;top:4px;width:12px;height:12px;border:2px solid #8fb79b;border-radius:50%;background:#f7fbf3}
.lp-steps li:first-child::before{background:var(--p-green);border-color:var(--p-green)}
.lp-steps time{display:block;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:#4d7a5f}
.lp-steps strong{display:block;margin-top:3px;font-size:14.5px;line-height:1.3;font-weight:650;color:var(--p-ink)}
.lp-steps p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--p-muted);max-width:38em}
.lp-steps li:last-child{padding-bottom:0}

/* Comment ca marche, en trois etapes courtes. */
.lp-how{padding:28px 0 0}
.lp-how h2{margin-bottom:12px}
.lp-how-grid{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.lp-how-grid li{position:relative;padding:13px 14px 13px 50px;border:1px solid var(--p-line);border-radius:13px;background:#fff}
.lp-how-num{position:absolute;left:13px;top:13px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e4efdd;color:var(--p-green);font-size:13px;font-weight:700}
.lp-how-grid strong{display:block;font-size:14px;line-height:1.3;font-weight:650}
.lp-how-grid p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--p-muted)}

/* Les deux dates utiles, deja validees. */
.lp-dates{padding:28px 0 24px}
.lp-lead{margin:7px 0 0;font-size:13px;line-height:1.55;color:var(--p-muted);max-width:40em}
.lp-date-grid{display:grid;gap:10px;margin:14px 0 0}
.lp-date{background:#fff;border:1px solid var(--p-line);border-left:4px solid var(--p-green);border-radius:13px;padding:14px 16px}
.lp-date b{display:block;font-size:21px;line-height:1.15;letter-spacing:-.4px;color:var(--p-green)}
.lp-date p{margin:6px 0 0;font-size:13px;line-height:1.55;color:var(--p-muted)}
.lp-date strong{color:var(--p-ink);font-weight:650}
.lp-sources{margin:14px 0 0;font-size:11px;line-height:1.6;color:#6b7d72}
.lp-sources a{color:#2f5a45;text-decoration:underline;text-underline-offset:2px}
.lp-quiet{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:14px;font-weight:650;color:var(--p-green);text-decoration:underline;text-underline-offset:3px}
.lp-quiet:hover{color:#27624c}

@media(min-width:600px){.lp-fox{width:130px}}
@media(max-width:399px){.lp-fox{width:92px}.lp-cta{font-size:13px}}
@media(min-width:700px){
 .lp-hero h1{font-size:43px;letter-spacing:-1.4px;max-width:22ch}
 .lp-hero h1 span{font-size:.56em;max-width:34ch}
 .lp-fox{width:118px}
 .lp-proof{padding:20px 0 22px}
 .lp-proof-item{padding:2px 12px}
 .lp-proof-item + .lp-proof-item{border-left:1px solid #d3e3c7}
 .lp-proof-disc{width:44px;height:44px}
 .lp-proof-disc svg{width:24px;height:24px}
 .lp-proof-figure{font-size:21px;margin-top:8px}
 .lp-proof-note{font-size:12.5px}
 .lp-quick{padding-top:32px}
 .lp-quick-card{padding:22px 24px 20px}
 .lp-insurers h2{font-size:17px}
 .lp-track img{height:26px;padding:11px 18px}
}
@media(min-width:820px){
 .lp-hero .container,.lp-proof .container,.lp-quick .container,.lp-timeline .container,.lp-how .container,.lp-dates .container{width:min(1000px,calc(100% - 96px))}
 .lp-hero{padding:30px 0 8px}
 .lp-hero h1{font-size:clamp(46px,4.4vw,58px);letter-spacing:-2px;max-width:20ch}
 .lp-hero h1 span{font-size:.5em;max-width:32ch}
 .lp-sub{font-size:16px;margin-top:18px;max-width:32em}
 .lp-cta-row{flex-direction:row;align-items:center;gap:22px;margin-top:22px}
 .lp-cta{flex:0 0 auto;width:auto;min-height:58px;padding:0 28px;font-size:16px;border-radius:14px}
 .lp-save{font-size:22px;margin-top:18px}
 .lp-promise{margin-top:14px;font-size:14px}
 .lp-micro{font-size:12.5px}
 .lp-proof{margin-top:30px;padding:24px 0 26px}
 .lp-proof-item{padding:2px 26px}
 .lp-proof-disc{width:48px;height:48px}
 .lp-proof-disc svg{width:26px;height:26px}
 .lp-proof-figure{font-size:23px;margin-top:9px}
 .lp-proof-note{font-size:13px}

 .lp-quick{padding:38px 0 6px}
 .lp-quick-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:34px;padding:28px 30px 26px;border-radius:22px}
 .lp-quick-head{align-self:center}
 .lp-quick-head h2{font-size:28px;margin-top:8px}
 .lp-quick-head p{font-size:14.5px}
 .lp-quick-list{display:grid;margin-top:20px}
 .lp-form{margin-top:0;gap:12px}
 .lp-field input{height:50px}
 .lp-dial{height:50px}
 .lp-submit{min-height:54px}

 .lp-insurers{padding-top:38px}
 .lp-insurers h2{font-size:18px}
 .lp-track img{height:28px}

 .lp-timeline{padding-top:40px}
 .lp-timeline h2{margin-bottom:18px}
 .lp-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0}
 .lp-steps::before{content:"";position:absolute;top:5px;left:0;right:20%;width:auto;height:2px;background:#cfe0c5;border-radius:2px}
 .lp-steps li{padding:18px 0 0}
 .lp-steps li::after{display:none}
 .lp-steps li::before{left:0;top:0;width:12px;height:12px}
 .lp-steps time{font-size:10.5px;letter-spacing:.7px}
 .lp-steps strong{font-size:15px}
 .lp-steps p{font-size:12.5px}

 .lp-how{padding-top:40px}
 .lp-how h2{margin-bottom:14px}
 .lp-how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .lp-how-grid li{padding:16px 16px 16px 16px}
 .lp-how-num{position:static;margin-bottom:9px}

 .lp-dates{padding:40px 0 40px}
 .lp-dates h2{font-size:26px}
 .lp-lead{font-size:14px}
 .lp-date-grid{grid-template-columns:repeat(2,1fr);gap:16px}
 .lp-date{padding:18px 20px}
 .lp-date b{font-size:25px}
 .lp-date p{font-size:14px}
 .lp-sources{margin-top:18px;font-size:12px}
}
@media(min-width:1024px){.lp-hero .lp-fox{width:190px}}
@media(prefers-reduced-motion:reduce){
 .lp-track{animation:none}
 .lp-marquee{overflow-x:auto}
}

/* ---------------------------------------------------------------------------
   Premier ecran de conversion, structure de la page de reference, 21.10.2026.
   En-tete du site, ligne de preuve sur une ligne, titre enorme centre en trois
   lignes capitales avec un fragment en or, sous-titre centre, renard debout
   centre, carte blanche du rappel posee en bas de l'ecran, bouton vert a flèche.
   Tout est limite a body.lp-focus, la classe portee par /assurance-maladie.html
   seulement : /primes-2027.html charge la meme feuille et garde sa mise en page.
   Aucune ressource externe, aucun style en ligne (CSP script-src et style-src 'self').
   --------------------------------------------------------------------------- */
body.lp-focus{
 --p-gold:#a07a2c;
 background:
  radial-gradient(92% 44% at 50% 56%,#edf4e4 0%,rgba(237,244,228,0) 72%),
  radial-gradient(130% 36% at 50% 0%,#ffffff 0%,rgba(255,255,255,0) 72%),
  linear-gradient(180deg,#fdfefc 0%,#f9fcf5 54%,#eff5e9 100%);
 background-repeat:no-repeat;
}

/* Le bandeau des trois chiffres du proprietaire : trois colonnes egales, le
   nombre en gras au-dessus, le libelle plus petit dessous. Une seule rangee de
   320 a 1440 px, le nombre ne se coupe jamais au milieu (nowrap sur le <b>). */
body.lp-focus .lp-hero{padding:4px 0 0}
body.lp-focus .lp-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0;width:100%;max-width:620px;margin:0 auto 10px;padding:0;font-size:10.5px;line-height:1.25;letter-spacing:0;color:#546b5d;text-align:center;white-space:normal}
body.lp-focus .lp-figures .lp-fig{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0;padding:0 5px}
body.lp-focus .lp-figures .lp-fig + .lp-fig{border-left:1px solid #d6e4c9}
body.lp-focus .lp-figures b{display:block;font-size:18px;line-height:1.05;font-weight:750;letter-spacing:.3px;color:var(--p-green);white-space:nowrap;font-variant-numeric:tabular-nums}
body.lp-focus .lp-figures .lp-fig-label{display:block;font-size:10.5px;line-height:1.2;font-weight:500;letter-spacing:0;color:#546b5d;white-space:nowrap}

/* Titre enorme, trois lignes capitales, dernier fragment en or. */
body.lp-focus .lp-hero h1{margin:0 auto;font-size:clamp(37px,11.6vw,62px);line-height:1;letter-spacing:-1.5px;font-weight:700;text-transform:uppercase;text-align:center;color:var(--p-ink);max-width:none}
body.lp-focus .lp-hero h1 span.lp-line{display:block;margin:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;font-weight:inherit;font-family:inherit;color:inherit;max-width:none}
body.lp-focus .lp-hero h1 span.lp-accent{color:var(--p-gold)}

/* Sous-titre court, centre, en gris. */
body.lp-focus .lp-sub{margin:9px auto 0;font-size:14px;line-height:1.3;font-weight:500;letter-spacing:-.1px;color:#5f7568;text-align:center;max-width:22em}

/* Le renard debout, centre, qui montre le formulaire du geste. */
body.lp-focus .lp-mascot{display:block;margin:2px auto 0;width:fit-content;line-height:0}
body.lp-focus .lp-fox{display:block;width:164px;height:auto;transform:none}

/* La carte blanche du rappel, posee en bas de l'ecran. */
body.lp-focus .lp-quick{padding:8px 0 0}
body.lp-focus .lp-quick-card{padding:13px 14px 14px;border:1px solid #e4ebdb;border-radius:24px;background:#fff;box-shadow:0 26px 50px -32px rgba(23,75,60,.45)}
body.lp-focus .lp-card-title{margin:0 0 9px;font-size:15px;line-height:1.2;letter-spacing:-.2px;font-weight:650;text-align:center;color:var(--p-ink)}

/* Formulaire : memes champs, resserres pour tenir dans le premier ecran. */
body.lp-focus .lp-form{margin-top:0;gap:9px}
body.lp-focus .lp-field{gap:4px}
body.lp-focus .lp-field label{font-size:11.5px;letter-spacing:0;color:#3c5347}
body.lp-focus .lp-field input{height:42px;border-radius:12px;border-color:#d5e0d3;background:#fcfdfb}
body.lp-focus .lp-dial{height:42px;border-radius:12px;border-color:#d5e0d3;background:#fcfdfb}
body.lp-focus .lp-consent{font-size:10.5px;line-height:1.35;gap:8px;margin:0}
body.lp-focus .lp-consent input{width:17px;height:17px}

/* La note a gauche, le bouton vert a fleche en bas a droite de la carte. */
body.lp-focus .lp-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:1px}
body.lp-focus .lp-note{flex:1 1 auto;margin:0;font-size:10.5px;line-height:1.3;text-align:left;color:#5f7568}
body.lp-focus .lp-submit{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;width:auto;min-width:0;min-height:46px;margin:0;padding:0 15px 0 18px;border-radius:14px;font-size:14.5px;font-weight:650}
body.lp-focus .lp-submit::after{content:"";width:7px;height:7px;margin-top:-2px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}

/* Sous la carte : le montant du proprietaire, en pastille large et lisible. */
body.lp-focus .lp-save{margin:16px auto 0;display:flex;width:fit-content;max-width:100%;align-items:center;gap:11px;padding:12px 18px 12px 15px;border:1.5px solid #a9cba6;border-radius:18px;font-size:18px;line-height:1.2;font-weight:750;letter-spacing:-.1px;box-shadow:0 12px 24px -18px rgba(23,75,60,.6)}
body.lp-focus .lp-save > span{min-width:0;flex:1 1 auto;text-align:left}
body.lp-focus .lp-save svg{flex:none;width:27px;height:27px;stroke:currentColor;stroke-width:1.9}
body.lp-focus .lp-cta-row{margin-top:13px;gap:12px}
body.lp-focus .lp-cta{min-height:52px;font-size:14.5px}
body.lp-focus .lp-promise{margin-top:13px}
body.lp-focus .lp-micro{margin-top:5px}

@media(max-width:359px){
 body.lp-focus .lp-hero h1{font-size:33px;letter-spacing:-1.1px}
 body.lp-focus .lp-figures{margin-bottom:8px}
 body.lp-focus .lp-figures b{font-size:17px;letter-spacing:.1px}
 body.lp-focus .lp-figures .lp-fig-label{font-size:9.5px}
 body.lp-focus .lp-figures .lp-fig{padding:0 3px}
 body.lp-focus .lp-fox{width:148px}
 body.lp-focus .lp-save{font-size:17px;padding:11px 15px 11px 12px;gap:9px;border-radius:16px}
 body.lp-focus .lp-save svg{width:24px;height:24px}
}

@media(min-width:600px){
 body.lp-focus .lp-figures{font-size:11.5px;margin-bottom:12px}
 body.lp-focus .lp-figures b{font-size:20px}
 body.lp-focus .lp-figures .lp-fig-label{font-size:11.5px}
 body.lp-focus .lp-figures .lp-fig{padding:0 8px}
 body.lp-focus .lp-hero h1{font-size:66px}
 body.lp-focus .lp-quick-card{max-width:620px;margin:0 auto}
 body.lp-focus .lp-fox{width:204px}
 body.lp-focus .lp-quick-card{padding:17px 20px 18px;border-radius:26px}
 body.lp-focus .lp-card-title{font-size:16px;margin-bottom:12px}
 body.lp-focus .lp-field label{font-size:12px}
 body.lp-focus .lp-field input{height:46px}
 body.lp-focus .lp-dial{height:46px}
 body.lp-focus .lp-consent{font-size:11.5px}
 body.lp-focus .lp-note{font-size:11.5px}
 body.lp-focus .lp-submit{min-height:50px;font-size:15px;padding:0 18px 0 20px}
 body.lp-focus .lp-save{font-size:19px;padding:13px 20px 13px 16px;gap:12px;border-radius:19px}
 body.lp-focus .lp-save svg{width:28px;height:28px}
}

@media(min-width:820px){
 body.lp-focus .lp-hero{padding-top:6px}
 body.lp-focus .lp-figures{font-size:12.5px;margin-bottom:12px}
 body.lp-focus .lp-figures b{font-size:21px;letter-spacing:.4px}
 body.lp-focus .lp-figures .lp-fig-label{font-size:12.5px}
 body.lp-focus .lp-figures .lp-fig{padding:0 10px}
 body.lp-focus .lp-hero h1{font-size:clamp(52px,4.4vw,64px);letter-spacing:-2.2px}
 body.lp-focus .lp-sub{margin-top:8px;font-size:16px}
 body.lp-focus .lp-fox{width:182px}
 body.lp-focus .lp-quick{padding-top:4px}
 body.lp-focus .lp-quick-card{display:block;max-width:620px;margin:0 auto;padding:16px 24px 16px;border-radius:28px}
 body.lp-focus .lp-card-title{font-size:17px;margin-bottom:13px}
 body.lp-focus .lp-form{grid-template-columns:1fr 1fr;gap:10px 14px}
 body.lp-focus .lp-field:nth-child(3),
 body.lp-focus .lp-consent,
 body.lp-focus .lp-error,
 body.lp-focus .lp-actions{grid-column:1/-1}
 body.lp-focus .lp-field input{height:46px}
 body.lp-focus .lp-dial{height:46px}
 body.lp-focus .lp-note{font-size:12px}
 body.lp-focus .lp-submit{min-height:52px;font-size:15px}
 body.lp-focus .lp-save{margin-top:16px;font-size:20px;padding:12px 22px 12px 18px;border-radius:20px}
 body.lp-focus .lp-save svg{width:28px;height:28px}
 body.lp-focus .lp-cta-row{margin-top:15px}
 body.lp-focus .lp-cta{min-height:54px;font-size:15px;padding:0 24px}
}

/* ---------------------------------------------------------------------------
   Carte de choix, 20.10.2026. L'action principale d'abord, le parcours ; le
   rappel a trois champs en repli, ferme par defaut. Le formulaire, sa
   validation et le mode simplifie ne changent pas, seul son contenant change.
   Tout est limite a body.lp-focus : /primes-2027.html partage cette feuille.
   --------------------------------------------------------------------------- */
body.lp-focus .lp-card-main{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 16px;gap:10px;border-radius:15px;font-size:15.5px;font-weight:650;line-height:1.2;letter-spacing:-.1px;text-align:center;white-space:normal}
body.lp-focus .lp-card-main .icon{flex:0 0 auto;width:18px;height:18px}
body.lp-focus .lp-card-main:active{transform:none}

/* Le repli. La ligne entiere est la cible du pouce, 48 px de haut. */
body.lp-focus .lp-recall{margin-top:4px;border-top:1px solid #edf2e6}
body.lp-focus .lp-recall > summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px 2px 4px;font-size:12.5px;line-height:1.35;font-weight:600;color:#4d7a5f;text-align:center;cursor:pointer;list-style:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(23,75,60,.08)}
body.lp-focus .lp-recall > summary::-webkit-details-marker{display:none}
body.lp-focus .lp-recall > summary::marker{content:""}
body.lp-focus .lp-recall > summary::after{content:"";flex:0 0 auto;width:7px;height:7px;margin-top:-4px;border-right:1.8px solid #6a8f78;border-bottom:1.8px solid #6a8f78;transform:rotate(45deg);transition:transform .18s ease}
body.lp-focus .lp-recall[open] > summary::after{margin-top:3px;transform:rotate(-135deg)}
body.lp-focus .lp-recall > summary:hover{color:#2f5a45}
body.lp-focus .lp-recall > summary:focus-visible{outline:2px solid #4f8a68;outline-offset:2px;border-radius:10px}
body.lp-focus .lp-recall .lp-form{margin-top:10px}
body.lp-focus .lp-recall[open]{padding-bottom:2px}

/* Apres l'envoi, le bouton et le repli laissent la place au remerciement. */
body.lp-focus .lp-recall:has(.lp-form[hidden]){display:none}
body.lp-focus .lp-quick-card:has(.lp-form[hidden]) .lp-card-main{display:none}

/* Sous la carte, la ligne discrete, et les deux lignes de preuve alignees sur la carte. */
body.lp-focus .lp-micro{margin:10px auto 0;font-size:11.5px;line-height:1.45;text-align:center;color:#6a7f70}
body.lp-focus .lp-promise{justify-content:center;width:fit-content;margin:10px auto 0}

@media(min-width:600px){
 body.lp-focus .lp-card-main{min-height:56px;font-size:16px}
 body.lp-focus .lp-recall > summary{font-size:13px;min-height:50px}
}

/* Ecran de confirmation : le formulaire disparait, l'intitule de la carte aussi.
   :has() est ignore par les navigateurs trop anciens, qui gardent l'intitule. */
body.lp-focus .lp-quick-card:has(.lp-form[hidden]) .lp-card-title{display:none}
body.lp-focus .lp-quick-card:has(.lp-form[hidden]) .lp-done{padding:10px 2px 6px}

/* Apres agrandissement du bandeau et de la pastille, les deux dernieres lignes
   du premier ecran se resserrent pour rester visibles sur un ecran de 900 px.
   Le bouton principal, lui, ne bouge pas. */
@media(min-width:820px){
 body.lp-focus .lp-micro{margin-top:8px}
 body.lp-focus .lp-promise{margin-top:8px}
}

/* Etat « envoi en cours » : la pulsation rend l'attente visible immediatement, sans
   deplacer un pixel. Regle limitee a l'attribut aria-busy du bouton d'envoi. */
@media (prefers-reduced-motion: no-preference){
  .lp-submit[aria-busy="true"]{animation:lp-attente 1.1s ease-in-out infinite}
  @keyframes lp-attente{0%,100%{opacity:.75}50%{opacity:.42}}
}