@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url('polices/ws-400.woff2') format('woff2');}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url('polices/ws-600.woff2') format('woff2');}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url('polices/ws-700.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('polices/pm-500.woff2') format('woff2');}

/* ═══════════════════════════════════════════════════════════════════════
   SELYA — feuille de style de la page publique.

   REFONTE DU 18/08/2026, à sa demande : « plus pro, plus moderne, en blanc »,
   avec alyapro.com en référence. Ce qui a changé, et pourquoi :

   · Les titres passent en BAS DE CASSE. Les capitales condensées d'Oswald
     donnaient un registre « chantier » là où il veut « logiciel ». C'est le
     seul changement qui déplace vraiment la perception. Oswald est retiré,
     ce qui allège la page de 43 Ko au passage.
   · Fond BLANC dominant, sections alternées en blanc à peine bleuté.
   · Angles arrondis, et ombres douces TEINTÉES de bleu, jamais noires :
     une ombre noire salit un fond blanc, une ombre teintée le creuse.
   · Les sections sombres restent, mais deviennent des respirations au lieu
     d'occuper la moitié de la page.

   ⛔ Ce qui ne change pas : le logo, l'orange, le bleu marine, et l'axe
      « le devis juste ». Toutes les couleurs restent mesurées.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --blanc:#FFFFFF;
  --brume:#F6F9FC;          /* blanc à peine bleuté, pour alterner les sections */
  --encre:#111C26;          /* texte courant, plus froid que l'ancien brun */
  --nuit:#0F2233;           /* fond des sections sombres */
  --marine:#0E4C7E;         /* liens, pictogrammes, accents froids */
  --sienne:#B03F08;         /* orange de TEXTE sur fond clair */
  --sienne-aplat:#C24709;   /* orange d'aplat, le blanc tient dessus */
  /* ⚠️ Mesuré sur la page en ligne : la pastille du chapeau porte un fond
     orange à 12 % qui ÉCLAIRCIT le nuit sous-jacent (#16344A → #303C45).
     L'ancien #F2751F n'y faisait que 3,95:1. #F5914C : 4,86:1 sur la
     pastille, 5,56:1 sur le nuit seul. */
  --sienne-nuit:#F5914C;    /* orange de texte sur fond sombre */
  --sienne-vive:#E8560C;    /* traits et pastilles sans texte */
  --gris:#5A6673;           /* texte secondaire sur clair */
  --gris-clair:#A9B6C2;     /* texte secondaire sur sombre */
  --filet:#E2E9F0;
  --ombre-douce:0 1px 2px rgba(14,76,126,.06), 0 4px 14px rgba(14,76,126,.07);
  --ombre-moyenne:0 2px 6px rgba(14,76,126,.07), 0 14px 38px rgba(14,76,126,.11);
  --ombre-forte:0 4px 12px rgba(11,32,52,.10), 0 24px 60px rgba(11,32,52,.16);
  --r:14px;                 /* rayon des cartes */
  --r-s:10px;               /* rayon des petits éléments */
  --large:1140px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
fieldset{border:0;min-width:0;}
html{scroll-behavior:smooth;scroll-padding-top:88px;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
body{
  background:var(--blanc);color:var(--encre);
  font-family:'Work Sans',system-ui,sans-serif;font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;}
a{color:var(--marine);}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;}
:focus-visible{outline:3px solid var(--sienne-aplat);outline-offset:3px;border-radius:4px;}
.saut{position:absolute;left:-9999px;top:0;background:var(--encre);color:#fff;padding:12px 20px;z-index:200;}
.saut:focus{left:0;}
.invisible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ── titres : bas de casse, c'est là que se joue le « moderne » ─────────── */
h1,h2,h3,h3.titre{font-family:'Work Sans',system-ui,sans-serif;text-transform:none;font-weight:700;}
h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;letter-spacing:-.022em;text-wrap:balance;}
h2{font-size:clamp(26px,3.2vw,38px);line-height:1.15;letter-spacing:-.018em;text-wrap:balance;}
h3{font-size:18px;line-height:1.35;letter-spacing:-.008em;}
p{text-wrap:pretty;}

.bloc{padding:92px 24px;}
.dedans{max-width:var(--large);margin:0 auto;}
.etroit{max-width:780px;margin:0 auto;}
.chapeau{
  font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:11.5px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--sienne);
  display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;
  background:#FDF1E9;border:1px solid #F3D9C6;border-radius:999px;padding:6px 15px;
}
.chapeau::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sienne-vive);flex:none;}
.lede{font-size:19px;color:var(--gris);max-width:660px;margin-top:20px;}

/* ── boutons : en pilule, comme les interfaces qu'il a montrées ─────────── */
.btn{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  font-weight:600;font-size:16px;letter-spacing:-.005em;padding:15px 28px;
  border-radius:999px;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;
}
.btn-1{background:var(--sienne-aplat);color:#fff;box-shadow:0 2px 6px rgba(194,71,9,.22),0 10px 26px rgba(194,71,9,.20);}
.btn-1:hover{background:#A93E07;transform:translateY(-1px);box-shadow:0 4px 10px rgba(194,71,9,.26),0 16px 34px rgba(194,71,9,.24);}
.btn-2{background:var(--blanc);color:var(--encre);border:1.5px solid var(--filet);box-shadow:var(--ombre-douce);padding:13.5px 26px;}
.btn-2:hover{border-color:#C3D2E0;transform:translateY(-1px);}
.sur-nuit .btn-2{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.30);box-shadow:none;}
.sur-nuit .btn-2:hover{background:#fff;color:var(--nuit);border-color:#fff;}

/* ── barre de navigation ───────────────────────────────────────────────── */
.barre{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--filet);}
.barre-in{max-width:var(--large);margin:0 auto;display:flex;align-items:center;gap:24px;padding:13px 24px;}
.marque{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--encre);}
.marque img{width:36px;height:36px;}
.marque span{font-weight:700;font-size:23px;letter-spacing:.02em;line-height:1;}
.menu{margin-left:auto;display:flex;gap:28px;align-items:center;}
.menu a:not(.btn){font-size:15.5px;font-weight:500;color:var(--gris);text-decoration:none;transition:color .15s;}
.menu a:not(.btn):hover{color:var(--encre);}
.barre .btn{padding:11px 20px;font-size:15px;}
@media(max-width:920px){
  .menu a:not(.btn){display:none;}
  .barre .btn{padding:10px 16px;font-size:14px;}
  .marque span{font-size:20px;}
}

/* ── premier écran : blanc, avec un halo froid très pâle ────────────────── */
.entree{
  position:relative;overflow:hidden;padding:78px 24px 92px;
  background:
    radial-gradient(1100px 520px at 78% -8%, #E8F1FA 0%, rgba(232,241,250,0) 62%),
    radial-gradient(760px 420px at 6% 6%, #FDF1E9 0%, rgba(253,241,233,0) 58%),
    var(--blanc);
}
.entree::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--filet);}
.entree-grille{position:relative;max-width:var(--large);margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;}
.entree h1 .accent{color:var(--sienne);}
.entree .lede{font-size:19.5px;}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;}
.mention{margin-top:22px;font-size:14.5px;color:var(--gris);display:flex;align-items:center;gap:9px;}
.mention .emo{font-size:17px;line-height:1;flex:none;}
@media(max-width:920px){.entree-grille{grid-template-columns:1fr;gap:44px;}}

/* ── l'aperçu du produit (premier écran) ──────────────────────────────── */
.apercu{margin:0;}
.apercu img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:var(--ombre-forte);}
.coche{flex:none;width:17px;height:17px;margin-top:2px;}

/* ── bandeau réglementation ────────────────────────────────────────────── */
.reglement{background:linear-gradient(135deg,#0E4C7E 0%,#12639F 100%);color:#fff;padding:62px 24px 66px;}
.reglement h2{font-size:clamp(24px,3vw,34px);margin-bottom:34px;color:#fff;text-wrap:balance;}
.chapeau-clair{color:#F0F6FC;border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.09);}
.chapeau-clair::before{background:#7FC4F2;}
.reforme{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.carte-reforme{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--r);padding:26px 28px 28px;}
.carte-reforme h3{display:flex;align-items:center;gap:11px;color:#fff;font-size:20px;margin:12px 0 10px;}
.carte-reforme h3 svg{width:26px;height:26px;flex:none;color:#9FD2F5;}
.carte-reforme p{color:#E8F2FA;font-size:15.5px;}
.carte-reforme b{color:#fff;}
.carte-reforme .quand{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.11em;text-transform:uppercase;border-radius:999px;padding:5px 12px;}
.carte-reforme .quand-oui{background:#D8F0E2;color:#17472F;}
.carte-reforme .quand-plus-tard{background:#FBE3D3;color:#6B3207;}
@media(max-width:760px){.reforme{grid-template-columns:1fr;}.reglement{padding:46px 24px 50px;}}

/* ── les trois faits ───────────────────────────────────────────────────── */
.faits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.fait{background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);padding:30px 28px;display:flex;flex-direction:column;box-shadow:var(--ombre-douce);transition:box-shadow .2s,transform .2s;}
.fait:hover{box-shadow:var(--ombre-moyenne);transform:translateY(-2px);}
.fait .montant{font-weight:700;font-size:36px;line-height:1;color:var(--sienne);margin-bottom:14px;letter-spacing:-.03em;}
.fait h3{margin-bottom:10px;}
.fait p{color:var(--gris);font-size:15.5px;hyphens:auto;}
.fait .source{margin-top:auto;padding-top:18px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#657280;line-height:1.55;}
@media(max-width:920px){.faits{grid-template-columns:1fr;}}

/* ── ce que SELYA vérifie ──────────────────────────────────────────────── */
.verifs{background:var(--brume);}
/* Le contrôle du devis, demandé en bleu foncé le 19/08. `.verifs` habille trois
   sections : seule celle-ci porte `.controle`, les deux autres ne bougent pas. */
.verifs.controle{background:linear-gradient(160deg,#0F2233 0%,#16344A 100%);color:#fff;}
.verifs.controle .chapeau{color:var(--sienne-nuit);background:rgba(242,117,31,.12);border-color:rgba(242,117,31,.34);}
.verifs.controle .lede{color:var(--gris-clair);}
.verifs.controle .verif{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none;}
.verifs.controle .verif h3{color:#fff;}
.verifs.controle .verif p{color:#E3EBF2;}
.verifs.controle .verif > svg{background:rgba(255,255,255,.12);color:#9FD2F5;}
.verif-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px;}
.verif{background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);padding:24px 26px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;box-shadow:var(--ombre-douce);}
.verif > svg{width:36px;height:36px;padding:8px;border-radius:10px;background:#EDF3F9;flex:none;}
.verif h3{font-size:17px;margin-bottom:6px;}
.verif p{color:var(--gris);font-size:15px;}
@media(max-width:760px){.verif-grille{grid-template-columns:1fr;}}

/* ── comment ça marche ─────────────────────────────────────────────────── */
.marche-grille{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:48px;align-items:start;}
.etapes{display:block;list-style:none;background:none;border:0;margin:0;}
.etape-c{background:none;padding:0 0 30px 0;position:relative;}
.etape-c:not(:last-child){border-bottom:1px solid var(--filet);margin-bottom:26px;}
.etape-c .num{display:flex;align-items:center;gap:14px;margin-bottom:13px;}
.etape-c .num b{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:11px;color:var(--sienne);letter-spacing:.11em;text-transform:uppercase;}
.etape-c .num .emo{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;border-radius:14px;background:#FDF1E9;box-shadow:inset 0 0 0 1px #F6DCC8;}
.etape-c h3{margin-bottom:8px;font-size:21px;}
.etape-c p{color:var(--gris);font-size:16.5px;}
.citation{font-family:'IBM Plex Mono',monospace;font-size:13px;background:var(--brume);border-left:3px solid var(--sienne-vive);border-radius:0 var(--r-s) var(--r-s) 0;padding:14px 16px;margin-top:14px;line-height:1.6;color:#3C4854;}
@media(max-width:920px){.marche-grille{grid-template-columns:1fr;gap:38px;}}

.ecran{background:var(--nuit);border-radius:var(--r);box-shadow:var(--ombre-forte);position:sticky;top:104px;overflow:hidden;}
.ecran-barre{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.10);}
.ecran-barre .pastille{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.20);}
.ecran-titre{margin-left:12px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gris-clair);}
.ecran-corps{padding:22px 22px 24px;}
.ecran-etiquette{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--gris-clair);margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.ecran-sep{margin-top:22px;}
.ecran-jeton{margin-left:auto;border:1px solid rgba(242,117,31,.45);background:rgba(242,117,31,.12);color:var(--sienne-nuit);padding:3px 10px;border-radius:999px;letter-spacing:.05em;}
.ecran-saisie{background:rgba(255,255,255,.06);border-left:3px solid var(--sienne-nuit);border-radius:0 var(--r-s) var(--r-s) 0;padding:14px 16px;font-size:14px;color:#E6ECF1;line-height:1.6;}
.ecran-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.ecran-table th{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-clair);text-align:left;padding:0 0 9px;border-bottom:1px solid rgba(255,255,255,.13);}
.ecran-table th:nth-child(2),.ecran-table th:nth-child(3),.ecran-table th:last-child,
.ecran-table td:nth-child(2),.ecran-table td:nth-child(3),.ecran-table td:last-child{text-align:right;white-space:nowrap;}
.ecran-table td{padding:11px 0;color:#DCE4EA;border-bottom:1px solid rgba(255,255,255,.08);}
.ecran-table th:nth-child(2),.ecran-table td:nth-child(2),
.ecran-table th:nth-child(3),.ecran-table td:nth-child(3){padding-left:14px;}
.ecran-table th:last-child,.ecran-table td.t{padding-left:16px;}
.ecran-table td.t{font-weight:600;color:#fff;font-variant-numeric:tabular-nums;}
.ecran-table td:nth-child(2),.ecran-table td:nth-child(3){color:var(--gris-clair);font-family:'IBM Plex Mono',monospace;font-size:12px;}
.ecran-table .poste{animation:pose .45s ease-out backwards;animation-delay:calc(var(--i) * .13s);}
@keyframes pose{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.ecran-table .poste{animation:none;}}
.ecran-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.20);font-weight:700;font-size:16px;color:#fff;}
.ecran-total span:last-child{color:var(--sienne-nuit);font-size:21px;letter-spacing:-.02em;}
.ecran-note{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13px;color:var(--gris-clair);}
.ecran-note svg{width:16px;height:16px;color:var(--sienne-nuit);flex:none;}
@media(max-width:620px){
  .ecran-table th:nth-child(3),.ecran-table td:nth-child(3){display:none;}
  .ecran-table th,.ecran-table td{font-size:12.5px;}
  .ecran-table th:nth-child(2),.ecran-table td:nth-child(2){padding-left:10px;}
  .ecran-table th:last-child,.ecran-table td.t{padding-left:12px;}
}

/* ── pour qui ──────────────────────────────────────────────────────────── */
.metiers{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;}
.metiers li{list-style:none;font-size:15px;font-weight:600;border:1px solid var(--marine);background:var(--marine);color:#fff;padding:10px 18px;border-radius:999px;box-shadow:0 2px 6px rgba(14,76,126,.18);}

/* ── le parcours (sombre) ──────────────────────────────────────────────── */
.parcours{background:linear-gradient(160deg,#0F2233 0%,#16344A 100%);color:#fff;}
.parcours .chapeau{color:var(--sienne-nuit);background:rgba(242,117,31,.12);border-color:rgba(242,117,31,.34);}
.parcours .lede{color:var(--gris-clair);}
.frise{margin-top:50px;position:relative;padding-left:60px;max-width:780px;}
.frise::before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:linear-gradient(to bottom,var(--sienne-nuit),rgba(242,117,31,.15));}
.jalon{position:relative;padding-bottom:32px;}
.jalon:last-child{padding-bottom:0;}
.jalon::before{content:attr(data-n);position:absolute;left:-60px;top:-3px;width:40px;height:40px;border:1.5px solid rgba(242,117,31,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--sienne-nuit);background:#12293C;}
.jalon h3{color:#fff;margin-bottom:5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.jalon p{color:var(--gris-clair);font-size:15.5px;}
.avenir{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:3px 9px;white-space:nowrap;color:var(--gris-clair);}
.sur-papier .avenir{color:#657280;}

/* ── tarifs ────────────────────────────────────────────────────────────── */
.offres{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:58px;align-items:stretch;}
.offre{position:relative;background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);padding:32px 28px 34px;display:flex;flex-direction:column;height:100%;box-shadow:var(--ombre-douce);}
/* La bordure de la vedette fait 2px contre 1px : sans compensation, son
   titre et son prix tombent 1px plus bas que ceux des deux voisines. */
.offre.vedette{border:2px solid var(--sienne-aplat);box-shadow:var(--ombre-moyenne);padding:31px 27px 33px;}
.ruban{position:absolute;top:-14px;left:26px;background:var(--sienne-aplat);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 14px;border-radius:999px;box-shadow:0 4px 12px rgba(194,71,9,.30);}
.offre h3.titre{font-size:22px;margin-bottom:6px;}
.offre .sous{color:var(--gris);font-size:14.5px;min-height:44px;}
.offre .prix{font-weight:700;font-size:44px;line-height:1;margin:16px 0 4px;letter-spacing:-.035em;}
.offre .prix small{font-weight:500;font-size:15px;color:var(--gris);letter-spacing:0;}
.quota{font-size:14px;color:var(--marine);font-weight:600;margin-bottom:4px;}
.supp{font-size:14px;color:var(--gris);}
.offre ul{list-style:none;margin:22px 0 26px;border-top:1px solid var(--filet);padding-top:20px;}
.offre li{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:7px 0;font-size:15px;line-height:1.5;}
.offre li svg{width:17px;height:17px;margin-top:4px;flex:none;}
.offre li.plus-tard{color:#657280;}
.offre li .avenir{display:inline-block;margin-right:5px;vertical-align:1px;}
.offre .btn{margin-top:auto;justify-content:center;}
#tarifs .dedans{text-align:center;}
#tarifs .lede{margin-left:auto;margin-right:auto;}
#tarifs .chapeau{justify-content:center;}
#tarifs .offre,#tarifs .avantage{text-align:left;}
.bascule{display:inline-flex;gap:4px;margin:26px 0 8px;padding:4px;background:var(--brume);border:1px solid var(--filet);border-radius:999px;}
.periode{font-family:inherit;font-size:15px;font-weight:600;color:var(--encre);background:none;border:0;border-radius:999px;padding:10px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .18s,color .18s,box-shadow .18s;}
.periode:hover{background:rgba(255,255,255,.6);}
.periode.actif{background:var(--blanc);color:var(--encre);box-shadow:0 1px 3px rgba(14,76,126,.14),0 0 0 1px var(--filet);}
.remise{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;background:var(--sienne-aplat);color:#fff;border-radius:999px;padding:3px 8px;}
.prix-an{font-size:14px;color:var(--gris);margin:-2px 0 6px;}

/* ── ce qui est offert, sous les abonnements ──────────────────────────── */
.tarif-pied{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.avantage{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r-s);padding:15px 17px;font-size:13.5px;color:var(--gris);box-shadow:var(--ombre-douce);text-align:left;}
.avantage .emo{font-size:20px;line-height:1.15;}
.avantage b{color:var(--encre);font-size:14.5px;}
@media(max-width:820px){.tarif-pied{grid-template-columns:1fr;}}
@media(max-width:1000px){.offres{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto;}.offre .sous{min-height:0;}}

/* ── questions ─────────────────────────────────────────────────────────── */
.faq{margin-top:42px;display:grid;gap:12px;border:0;}
.faq details{border:1px solid var(--filet);border-radius:var(--r);background:var(--blanc);box-shadow:var(--ombre-douce);transition:box-shadow .2s;}
.faq details[open]{box-shadow:var(--ombre-moyenne);}
.faq summary{cursor:pointer;list-style:none;padding:20px 54px 20px 24px;position:relative;font-weight:600;font-size:17px;letter-spacing:-.008em;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--sienne);border-bottom:2px solid var(--sienne);transform:rotate(45deg);transition:transform .2s;}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px;}
.faq .rep{padding:0 54px 22px 24px;color:var(--gris);font-size:16px;}
.faq .rep p + p{margin-top:10px;}

/* ── formulaire ────────────────────────────────────────────────────────── */
.inscription{background:linear-gradient(160deg,#0F2233 0%,#16344A 100%);color:#fff;}
.inscription .chapeau{color:var(--sienne-nuit);background:rgba(242,117,31,.12);border-color:rgba(242,117,31,.34);}
.inscription .lede{color:var(--gris-clair);margin-left:auto;margin-right:auto;text-align:center;}
.inscription .etroit{text-align:center;}
.form-boite{background:var(--blanc);color:var(--encre);margin-top:40px;padding:36px 34px;text-align:left;border-radius:var(--r);box-shadow:var(--ombre-forte);}
.jauge{display:flex;gap:6px;margin-bottom:26px;}
.jauge span{flex:1;height:5px;background:var(--filet);border-radius:999px;transition:background .2s;}
.jauge span.faite{background:var(--sienne-aplat);}
.pas{display:block;}
body.js .pas{display:none;}
body.js .pas.actif{display:block;}
.pas > legend{font-weight:700;font-size:21px;margin-bottom:6px;padding:0;letter-spacing:-.015em;}
.pas .aide{color:var(--gris);font-size:15px;margin-bottom:22px;}
.champ{margin-bottom:16px;}
.champ label{display:block;font-weight:600;font-size:14.5px;margin-bottom:7px;}
.champ input[type=email],.champ input[type=tel],.champ input[type=text]{width:100%;font:inherit;font-size:16px;padding:14px 16px;background:var(--blanc);border:1.5px solid #CBD8E4;border-radius:var(--r-s);color:var(--encre);transition:border-color .15s,box-shadow .15s;}
.champ input:focus{border-color:var(--marine);box-shadow:0 0 0 3px rgba(14,76,126,.12);}
.choix{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:10px;}
.choix label{display:flex;align-items:center;gap:10px;background:var(--blanc);border:1.5px solid #CBD8E4;padding:13px 15px;cursor:pointer;font-size:15px;border-radius:var(--r-s);transition:border-color .15s,background .15s;}
.choix label:hover{border-color:#8FAAC4;}
.choix input{accent-color:var(--sienne-aplat);width:17px;height:17px;flex:none;}
.choix input:checked + span{font-weight:600;}
.choix label:has(input:checked){border-color:var(--sienne-aplat);background:#FDF3EC;}
.rgpd{display:flex;gap:12px;align-items:flex-start;margin:22px 0 4px;font-size:14.5px;color:var(--gris);}
.rgpd input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--sienne-aplat);}
.nav-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px;}
.lien-passer{background:none;border:none;text-decoration:underline;text-underline-offset:3px;color:var(--marine);font-size:14.5px;}
.pot{position:absolute;left:-9999px;}
.erreur{background:#FDECE6;border:1px solid #F5C9B6;border-left:4px solid var(--sienne-aplat);border-radius:var(--r-s);padding:13px 15px;font-size:15px;margin-bottom:18px;color:#7A2A0C;}
.merci{display:none;background:var(--blanc);color:var(--encre);margin-top:40px;padding:50px 34px;text-align:center;border-radius:var(--r);box-shadow:var(--ombre-forte);}
.merci.vu{display:block;}
.merci svg{width:52px;height:52px;margin:0 auto 20px;padding:13px;border-radius:50%;background:#E9F5EF;}
.merci h3.titre{font-size:26px;margin-bottom:10px;}
.merci p{color:var(--gris);max-width:460px;margin:0 auto;}

/* ── appel final ───────────────────────────────────────────────────────── */
.final{background:var(--brume);text-align:center;}
.final h2{max-width:820px;margin:0 auto 28px;}

/* ── pied ──────────────────────────────────────────────────────────────── */
.pied{background:var(--nuit);color:#C6D2DC;padding:60px 24px 32px;}
.pied a{color:#C6D2DC;text-decoration:none;}
.pied a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.pied-grille{max-width:var(--large);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;}
.pied .marque span{color:#fff;}
.pied .pied-titre{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A97A4;margin-bottom:15px;}
.pied ul{list-style:none;}
.pied li{margin-bottom:9px;font-size:15px;}
.pied .socle{max-width:var(--large);margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:#8A97A4;display:flex;flex-wrap:wrap;gap:8px 24px;}
@media(max-width:860px){.pied-grille{grid-template-columns:1fr;gap:28px;}}


/* Les pictogrammes prennent la couleur de leur contexte, plutôt qu'une valeur
   écrite en dur dans le HTML : sur le vert pâle du bloc « contrôlé », un bleu
   marine jurait. */
.coche{color:#2F6B4E;}
.verif > svg{color:var(--marine);}
.offre li svg{color:var(--marine);}
.offre li.plus-tard svg{color:#8A97A4;}
.merci svg{color:#2F6B4E;}