/* ── home.css - styles spécifiques à index.php ────────────────── */
/* Chargé après /css/styles.css. Ne modifie que la page d'accueil. */

/* HERO */
.page-hero.page-hero--home::before{display:none}
.page-hero__rule{height:1px;width:48px;background:var(--gold);margin-bottom:1.25rem}
.page-hero--home h1 em{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:#fff}
.page-hero__network{position:absolute;top:10px;right:40px;opacity:.4;pointer-events:none}
@media(max-width:1023px){.page-hero__network{display:none}}
.page-hero__stats{font-size:.78rem;letter-spacing:.04em;color:rgba(255,255,255,.35);margin-top:1.75rem;text-transform:uppercase}

/* ── cs = Cautionary Slideshow ──────────────────────────── */
.cs-section { background:#f0ebe2 }
.cs-intro { text-align:center; padding:clamp(1.5rem,3vw,2.25rem) 0 1.5rem }
.cs-frame {
  display:grid;
  overflow:hidden;
}
.cs-slide {
  grid-column:1; grid-row:1;
  display:flex; align-items:center;
  min-height:370px;
  background-size:cover;
  background-position:right center;
  position:relative;
  opacity:0; visibility:hidden;
  transition:opacity .55s ease, visibility .55s ease;
}
.cs-slide.cs-on {
  opacity:1; visibility:visible;
}
.cs-slide::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to right,
    rgba(240,235,226,.95) 0%,rgba(240,235,226,.88) 20%,
    rgba(240,235,226,.72) 45%,rgba(240,235,226,.48) 75%,
    rgba(240,235,226,.25) 100%);
  pointer-events:none;
}
.cs-slide::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to right,
    rgba(10,22,40,.18) 0%,rgba(10,22,40,.09) 45%,rgba(10,22,40,.02) 80%);
  pointer-events:none;
}
.cs-content {
  position:relative; z-index:2;
  max-width:640px;
  padding:2.5rem clamp(1.25rem,5vw,2.5rem);
}
/* pill + title + story + quote - même base que les pages individuelles */
.caution-pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.caution-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:6px;font-size:.78rem;font-weight:600}
.caution-pill--ok{background:rgba(34,120,50,.1);border:1px solid rgba(34,120,50,.3);color:#1b6e2a}
.caution-pill--ok svg{color:#28913a}
.caution-pill--fail{background:rgba(190,40,30,.1);border:1px solid rgba(190,40,30,.3);color:#a12820}
.caution-pill--fail svg{color:#c0352b}
.caution-title{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:1rem;text-shadow:0 2px 8px rgba(255,255,255,.85)}
.caution-story{color:rgba(10,22,40,.88);font-size:.96rem;line-height:1.85;margin-bottom:.6rem;text-shadow:0 0 20px rgba(255,255,255,1),0 1px 12px rgba(255,255,255,1)}
.caution-quote{margin-top:2rem;padding-top:1.75rem;border-top:1px solid rgba(10,22,40,.1);position:relative}
.caution-quote__mark{font-size:4rem;font-weight:700;color:var(--gold);line-height:1;position:absolute;top:.6rem;left:-.2rem;opacity:.5}
.caution-quote__text{font-family:'Playfair Display',serif;font-style:italic;font-size:1.35rem;font-weight:600;color:var(--navy);line-height:1.35;padding-left:2.25rem;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(255,255,255,.85)}
@media(min-width:768px){
  .caution-title{font-size:1.35rem}
  .caution-quote__text{font-size:1.5rem}
  .cs-slide{min-height:370px}
}
/* nav bar */
.cs-nav {
  display:flex; align-items:center; justify-content:center; gap:1.25rem;
  padding:1rem clamp(1.25rem,5vw,2.5rem);
  background:rgba(10,22,40,.05);
  border-top:1px solid rgba(10,22,40,.08);
}
.cs-btn {
  width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(10,22,40,.25); background:none;
  cursor:pointer; color:var(--navy);
  display:flex; align-items:center; justify-content:center;
  transition:background .15s,border-color .15s,color .15s;
  flex-shrink:0;
}
.cs-btn:hover { background:var(--navy); border-color:var(--navy); color:#fff }
.cs-dots { display:flex; gap:.4rem; align-items:center }
.cs-dot {
  width:8px; height:8px; border-radius:50%;
  border:none; padding:0; cursor:pointer;
  background:rgba(10,22,40,.2);
  transition:background .2s, transform .2s;
}
.cs-dot.cs-dot-on { background:var(--gold); transform:scale(1.3) }
.cs-src { font-size:.8rem; color:var(--muted); margin-left:auto }
.cs-src a { color:var(--blue); text-decoration:none; font-weight:500 }
.cs-src a:hover { text-decoration:underline }
@media(max-width:767px){ .cs-src { display:none } }
@media(max-width:767px) {
  .cs-slide {
    background-image: none !important;
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
  }
  .cs-slide::before,
  .cs-slide::after { display: none; }
  .cs-content {
    padding: 1.75rem 1.25rem 1rem;
  }
  .cs-img-mobile {
    display: block !important;
    width: 100%;
    height: auto;
    flex-shrink: 0;
  }
}

/* CHOOSE - texte courant, sans cartes */
#choose .choose-flow{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:768px){#choose .choose-flow{grid-template-columns:1fr 1fr;gap:3rem}}
#choose .choose-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
#choose .choose-label--gold{color:#a07c1e}
#choose .choose-tagline{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;font-size:1.4rem;line-height:1.3;color:var(--navy);margin:.75rem 0}
#choose .choose-text{font-size:.92rem;line-height:1.65;color:rgba(10,22,40,.65);max-width:420px;margin:0 0 .75rem}
#choose .choose-link{font-size:.9rem;color:var(--blue);font-weight:600;text-decoration:none}
#choose .choose-link:hover{text-decoration:underline}
#choose .choose-link--gold{color:#a07c1e}
#choose .choose-depth{border-top:1px solid rgba(10,22,40,.1);margin-top:2.5rem;padding-top:2rem}
#choose .choose-meta{font-size:.82rem;color:var(--muted);margin:0 0 .75rem}

/* WHY - liste verticale, sans carte ni icone */
#why .why-list{display:flex;flex-direction:column;max-width:640px}
#why .why-item{border-top:1px solid var(--border);padding:1.75rem 0}
#why .why-item:first-child{border-top:none;padding-top:0}
#why .why-item h3{font-size:1.05rem;font-weight:700;color:var(--navy);margin-bottom:.5rem}
#why .why-item p{font-size:.92rem;color:var(--muted);line-height:1.7;margin-bottom:0}
#why .why-meta{font-size:.82rem!important;color:var(--muted);margin-top:.5rem!important}
#why .why-pricing-note{font-size:.92rem;color:var(--muted);line-height:1.7;border-top:1px solid var(--border);padding-top:1.75rem;margin-top:.5rem}
#why .why-pricing-note a{color:var(--blue);font-weight:600;text-decoration:none}
#why .why-pricing-note a:hover{text-decoration:underline}

/* CTA FINAL - boutons carrés, palette navy */
#cta-final .btn{border-radius:2px}
#cta-final .btn--solid{background:var(--navy) !important;box-shadow:none !important}
#cta-final .btn--solid:hover{background:#000 !important}
#cta-final .btn--outline{border-color:var(--navy);color:var(--navy)}
#cta-final .btn--outline:hover{background:var(--navy);color:#fff}

/* RESULTATS - liste pure, sans fond ni bordure de carte */
#results .deliverable-item{background:none;border:none;border-radius:0;border-top:1px solid rgba(255,255,255,.1);padding:1rem 0 0}