/* Page d'accueil · retouche douce (2026-11-04)
   Chargé après index.css via `extra_css`, tout est préfixé .home : les autres
   pages qui utilisent index.css ne sont pas touchées.
   Principes : mêmes titres et même typographie, surfaces recalmées (pas de
   halos, pas d'ombre colorée, pas de survol qui soulève les cartes), étiquettes
   en casse de phrase, visuels construits avec le vocabulaire de l'espace client
   (préfixe .hm-). */

.home{--hm-bg:#f6f6fa;--hm-border:#ebebf2;--hm-muted:#6c6c84;--hm-accent:#c2570a;--hm-ca:#fd7200;--hm-dep:#833ab4;--hm-net:#fd1d1d;--hm-chg:#fcb045}

/* Rythme */
.home .section{padding:96px 0}
.home .steps-bg,.home .account-bg,.home .newsletter-bg{padding:96px 0}

/* Accessibilité : anneau de focus visible */
.home a:focus-visible,.home button:focus-visible,.home input:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:4px}

/* Boutons : plus de lift au survol, ombre neutre à la place du halo violet */
.home .btn{transition:background-color var(--t),color var(--t),box-shadow var(--t),filter var(--t),border-color var(--t)}
.home .btn-grad{box-shadow:0 1px 2px rgba(17,17,24,.16)}
.home .btn-grad:hover{transform:none;box-shadow:0 2px 8px rgba(17,17,24,.18);filter:brightness(1.05)}
.home .btn-white:hover{transform:none}

/* Étiquettes : casse de phrase, sans espacement large */
.home .section-label,.home .hero-tag,.home .step-etape,.home .guide-cat,.home .fc-price-tag,.home .nl-eyebrow,.home .news-tag{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}
.home .guide-cat,.home .news-date{font-size:12px;font-weight:600;background:#fff;color:var(--text-2);border:1px solid var(--border);backdrop-filter:none}

/* Titre principal : un cran moins lourd, même police */
.home .hero h1{font-weight:800;letter-spacing:-.03em}

/* Hero sans halos, pastille fixe */
.home .hero-orb{display:none}
.home .hero{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.home .hero-dot{animation:none}
.home .hero-social-text{font-size:14px}

/* Coches sobres, note sans italique */
.home .fi-check{background:var(--bg-alt);border:1px solid var(--border)}
.home .formalites-card::before{opacity:0}
.home .formalites-note em{font-style:normal}

/* Chiffres : bandeau à filets */
.home .stats-row{background:none;border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:72px}
.home .stat-block{padding:40px 32px}
.home .stat-value{font-variant-numeric:tabular-nums}

/* Témoignages : sans italique, avatars unis, pas de lift */
.home .testi-quote{font-style:normal;color:var(--text);font-size:16px}
.home .testi-card{background:var(--surface);transition:box-shadow var(--t)}
.home .testi-card:hover{transform:none;background:var(--surface)}
.home .testi-av{background:var(--bg-alt);color:var(--purple);border:1px solid var(--border)}

/* Parcours */
.home .step-card{padding:44px 40px;transition:background-color var(--t)}

/* Guides et actualités : une teinte douce, pas de lift */
.home .gt-o,.home .gt-r,.home .gt-p,.home .gt-g,.home .nt-p,.home .nt-o,.home .nt-r{background:var(--bg-alt)}
.home .guide-thumb,.home .news-thumb{height:128px}
.home .guide-card,.home .news-card{transition:box-shadow var(--t),border-color var(--t)}
.home .guide-card:hover,.home .news-card:hover{transform:none}

/* Newsletter : même dégradé, sans cercles décoratifs */
.home .newsletter-wrap::before,.home .newsletter-wrap::after{display:none}
.home .newsletter-wrap{padding:64px 72px}
.home .nl-social{font-variant-numeric:tabular-nums}

/* Ressources */
.home .resource-card{transition:box-shadow var(--t),border-color var(--t)}
.home .resource-card:hover{transform:none}
.home .resource-logo{background:var(--bg-alt);border:1px solid var(--border);color:var(--text-2)}

/* FAQ : pas de transition globale */
.home .faq-trigger,.home .faq-icon{transition:background-color var(--t),transform var(--t)}

/* ============================================================
   Cadres et visuels (vocabulaire de l'espace client)
   ============================================================ */
.home .hm-frame{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(17,17,24,.06);background:linear-gradient(135deg,#fde6c4 0%,#fbd0d0 50%,#e3d0f3 100%);display:flex;align-items:center;justify-content:center}
.home .hm-frame-hero{min-height:440px;padding:32px}
.home .hm-frame-pilier{aspect-ratio:4/3;padding:40px;border-radius:var(--r-2xl)}
.home .hm-ex{position:absolute;right:16px;bottom:12px;font-size:11px;color:rgba(17,17,24,.45)}

/* Fenêtre d'application */
.home .hm-app{display:grid;grid-template-columns:152px 1fr;width:100%;background:var(--hm-bg);border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -16px rgba(20,20,31,.28),0 2px 6px rgba(20,20,31,.08);border:1px solid rgba(17,17,24,.08);text-align:left}
.home .hm-side{background:linear-gradient(175deg,#1a1a1a 0%,#141414 65%,#101010 100%);color:#fff;padding:16px 12px;position:relative}
.home .hm-side::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fcb045,#fd1d1d,#833ab4)}
.home .hm-brand{font-family:var(--font-head);font-weight:800;font-size:14px;padding:4px 8px 16px}
.home .hm-nav{display:flex;flex-direction:column;gap:2px}
.home .hm-nav span{font-size:11.5px;padding:8px;border-radius:8px;color:rgba(255,255,255,.58)}
.home .hm-nav .on{background:rgba(253,114,0,.16);color:#fff}
.home .hm-main{padding:20px}
.home .hm-title{font-family:var(--font-head);font-weight:700;font-size:15px;margin-bottom:12px;color:#14141f}
.home .hm-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--hm-border);border-radius:12px;overflow:hidden;margin-bottom:12px}
.home .hm-strip div{padding:12px 16px;border-right:1px solid var(--hm-border)}
.home .hm-strip div:last-child{border-right:0}
.home .hm-strip b{display:block;font-family:var(--font-head);font-weight:800;font-size:17px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#14141f}
.home .hm-strip span{font-size:11px;color:var(--hm-muted)}
.home .hm-panel{background:#fff;border:1px solid var(--hm-border);border-radius:12px;padding:16px}
.home .hm-panel-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#14141f;margin-bottom:12px}
.home .hm-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;font-weight:400;color:var(--hm-muted)}
.home .hm-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}
.home .hm-bars{display:flex;align-items:flex-end;gap:16px;height:104px;border-bottom:1px solid var(--hm-border);padding:0 8px}
.home .hm-grp{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%}
.home .hm-grp u{width:10px;border-radius:3px 3px 0 0;text-decoration:none;display:block}
.home .hm-months{display:flex;gap:16px;padding:8px 8px 0;font-size:11px;color:var(--hm-muted)}
.home .hm-months span{flex:1;text-align:center}
.home .hm-c-ca{background:var(--hm-ca)}.home .hm-c-dep{background:var(--hm-dep)}.home .hm-c-net{background:var(--hm-net)}.home .hm-c-chg{background:var(--hm-chg)}

/* Cartes seules (piliers) */
.home .hm-ui{width:100%;max-width:440px;background:#fff;border:1px solid var(--hm-border);border-radius:16px;box-shadow:0 18px 40px -16px rgba(20,20,31,.28),0 2px 6px rgba(20,20,31,.08);overflow:hidden;text-align:left;position:relative}
.home .hm-ui::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fcb045,#fd1d1d,#833ab4)}
.home .hm-ui-h{padding:20px 20px 12px;display:flex;justify-content:space-between;align-items:center}
.home .hm-ui-h b{font-family:var(--font-head);font-weight:700;font-size:15px;color:#14141f}
.home .hm-ui-h span{font-size:12px;color:var(--hm-muted)}
.home .hm-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 20px;border-top:1px solid var(--hm-border);font-size:13px;color:#14141f}
.home .hm-row small{display:block;font-size:12px;color:var(--hm-muted)}
.home .hm-amt{font-weight:600;font-variant-numeric:tabular-nums;min-width:76px;text-align:right}
.home .hm-pl{font-size:11px;font-weight:600;padding:2px 12px;border-radius:999px}
.home .hm-pl-ok{background:#d1fae5;color:#166534}.home .hm-pl-warn{background:#fef3c7;color:#92400e}.home .hm-pl-bad{background:#fee2e2;color:#b91c1c}.home .hm-pl-n{background:#eef0f4;color:#4b4b63}
.home .hm-sum{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hm-border)}
.home .hm-sum div{padding:16px 20px;font-size:12px;color:var(--hm-muted)}
.home .hm-sum div+div{border-left:1px solid var(--hm-border)}
.home .hm-sum b{display:block;font-family:var(--font-head);font-weight:800;font-size:18px;letter-spacing:-.02em;color:#14141f;font-variant-numeric:tabular-nums}
.home .hm-ui .hm-bars{margin:0 20px;height:120px}
.home .hm-ui .hm-months{margin:0 20px}
.home .hm-ui .hm-legend{padding:0 20px 12px}
.home .hm-date{width:44px;height:48px;border-radius:10px;background:var(--hm-bg);border:1px solid var(--hm-border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:16px;line-height:1;color:#14141f}
.home .hm-date small{font-family:var(--font-body);font-weight:500;font-size:10px;color:var(--hm-accent);margin-top:2px}
.home .hm-row.hm-sess{grid-template-columns:auto 1fr auto}
.home .hm-row.hm-sess b{font-weight:600}
.home .hm-past{opacity:.6}

@media(max-width:1100px){
  .home .hm-frame-pilier{aspect-ratio:auto}
}
@media(max-width:768px){
  .home .newsletter-wrap{padding:40px 28px}
}
@media(max-width:560px){
  .home .hm-app{grid-template-columns:1fr}
  .home .hm-side{display:none}
  .home .hm-frame-pilier{padding:20px}
}
@media(prefers-reduced-motion:reduce){
  .home *{transition:none!important}
}