/* Pages d'explication : sobres, professionnelles, statiques (aucune animation). Grille 12 colonnes, filets de 1 px.
   Pas de petites étiquettes au-dessus des titres, pas de gros numéros d'étapes, pas de cartes. */
.page-hd{padding:60px 0 52px;border-bottom:1px solid var(--line)}
.page-hd .has-ic{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.page-t{min-width:0}
.crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:600;color:var(--t3)}
.crumb a{transition:color .15s}
.crumb a:hover{color:var(--s)}
.crumb span[aria-hidden]{color:#c9c5d1}
.crumb [aria-current]{color:var(--t2)}
.pt{margin-top:16px;font:800 clamp(40px,5vw,68px)/1.04 var(--font);letter-spacing:-.02em}
.page-lead{max-width:46em;margin-top:18px;font-size:20px;line-height:1.6;color:var(--t2)}
.page-hd .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
/* Pictogramme du pôle dans le carré de la marque (rappel du « F » du logo) */
.pg-ic{display:grid;place-items:center;flex-shrink:0;width:132px;height:132px;background:var(--grad);border-radius:var(--r);color:#fff}
.pg-ic svg{width:60px;height:60px;stroke-width:1.6}

.blk{padding:64px 0;border-bottom:1px solid var(--line)}
.blk.tint{background:var(--bg2)}
.blk-g{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
.blk-h{grid-column:1 / span 4}
.blk-b{grid-column:6 / span 7}
.blk-h h2{font:800 clamp(28px,2.6vw,36px)/1.15 var(--font);letter-spacing:-.01em}
.blk-h h2::after{content:"";display:block;width:48px;height:4px;margin-top:16px;background:var(--grad)}
.blk-h p{margin-top:16px;color:var(--t2)}
.prose p{color:var(--t2);font-size:18px;line-height:1.65}
.prose p + p{margin-top:14px}
.prose strong{color:var(--t)}
.prose .more,.svc-it .more{font-weight:700;color:var(--s);transition:color .15s}
.prose .more:hover,.svc-it .more:hover{color:var(--sd)}

/* Liste de prestations : lignes à filets */
.svc-list{border-top:2px solid var(--t)}
.svc-it{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.svc-it h3{font:700 21px/1.3 var(--font)}
.svc-it p{margin-top:6px;color:var(--t2);font-size:17px}
.svc-it ul{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--t2)}
.svc-it ul li{display:flex;align-items:center;gap:8px}
.svc-it ul li::before{content:"";width:6px;height:6px;background:var(--p)}
.svc-it .more{display:inline-block;margin-top:12px}

/* Méthode : liste ordonnée en lignes (titre | explication), numéro discret dans le titre */
.steps{counter-reset:st;border-top:2px solid var(--t)}
.step{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.step h3{font:700 20px/1.35 var(--font)}
.step h3::before{counter-increment:st;content:counter(st) ".";margin-right:10px;color:var(--s)}
.step p{color:var(--t2)}

/* Colonnes d'engagements / de conditions */
.cols{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--t)}
.col{padding:24px 28px 26px 0;border-bottom:1px solid var(--line)}
.col:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.col h3{font:700 20px/1.3 var(--font)}
.col p{margin-top:8px;color:var(--t2);font-size:16.5px}

/* Barèmes */
.ptable{border-top:2px solid var(--t)}
.pr{display:grid;grid-template-columns:.8fr 1.1fr 2.2fr 1.1fr;align-items:baseline;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.pr.head{padding:12px 0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.pr b{font-size:19px;font-weight:800}
.pr span{color:var(--t2)}
.pr strong{justify-self:end;white-space:nowrap;font-weight:600;color:var(--t2)}
.pr strong em{font:800 28px/1 var(--font);font-style:normal;color:var(--t);margin-right:6px}
.pr.head span:last-child{justify-self:end}
.alc .pr{grid-template-columns:1fr auto;padding:14px 0}
.alc .pr.head{padding:12px 0}
.alc .pr span{color:var(--t)}
.alc .pr strong{font-weight:700;color:var(--t)}
.note{margin-top:16px;font-size:15px;color:var(--t3)}

/* FAQ (éléments natifs, sans animation) */
.faq{border-top:2px solid var(--t)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font:700 19px/1.35 var(--font);cursor:pointer;list-style:none;transition:color .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--s)}
.faq summary::after{content:"+";font:600 26px/1 var(--font);color:var(--s)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 22px;max-width:52em;color:var(--t2)}

/* Formulaire de contact */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .full{grid-column:1 / -1}
.form-foot{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.form small{color:var(--t3);font-size:14px}
.form .msg,.form .ts-box{grid-column:1 / -1}
.coord{margin-top:24px;border-top:2px solid var(--t)}
.coord div{padding:18px 0;border-bottom:1px solid var(--line)}
.coord dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.coord dd{margin-top:6px;font-size:19px;font-weight:600}
.coord a{transition:color .15s}
.coord a:hover{color:var(--s)}

/* Bandeau d'appel final */
.cta-band{background:var(--t);color:#fff;padding:64px 0}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-band h2{font:800 clamp(28px,3vw,42px)/1.15 var(--font);letter-spacing:-.01em}
.cta-band p{margin-top:8px;color:rgba(255,255,255,.72)}

/* Vidéo en ouverture (Comment ça marche) */
.film-blk{padding:48px 0 64px;border-bottom:1px solid var(--line)}

@media(max-width:900px){
  .blk{padding:48px 0}
  .blk-h,.blk-b{grid-column:1 / -1}
  .blk-b{margin-top:24px}
  .page-hd{padding:40px 0 40px}
  .pg-ic{display:none}
  .page-lead{font-size:18px}
  .step{grid-template-columns:1fr;gap:6px}
  .cols{grid-template-columns:1fr}
  .col:nth-child(even){padding-left:0;border-left:0}
  .pr{grid-template-columns:1fr auto;row-gap:4px}
  .pr.head{display:none}
  .pr b{grid-row:1}
  .pr strong{grid-row:1;grid-column:2}
  .pr span{grid-column:1 / -1}
  .pr strong em{font-size:24px}
  .alc .pr span{grid-column:1}
  .alc .pr strong{grid-column:2}
  .form{grid-template-columns:1fr}
}

/* Mon espace */
.acc-note{padding:18px 20px;border-left:4px solid var(--s);background:var(--bg2);color:var(--t2)}
.acc-note p + p{margin-top:12px}
.acc-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.acc-note + .acc-row{margin-top:20px}
.prose + .form{margin-top:20px}
.danger h2{color:var(--err)}
.danger h2::after{background:var(--err)}
[data-auth-view][hidden]{display:none}