/* ==========================================================================
   PilotScale — page consultants et cabinets RSE
   ========================================================================== */

/* ---------- hero ---------- */
.hero{ padding:58px 0 44px; }
.hero h1{ font-size:32px; margin-bottom:16px; max-width:700px; }
.hero .sub{ font-size:15.5px; color:var(--ink-70); max-width:560px; margin-bottom:28px; }
.hero-shot{ margin-top:36px; }
@media(min-width:1040px){
  .hero h1{ font-size:40px; }
  .hero-grid{ display:grid; grid-template-columns:1fr 1.05fr; gap:44px; align-items:center; }
  .hero-shot{ margin-top:0; }
}

/* ---------- ajustements d'échelle ---------- */
.section-head h2{ font-size:26px; }
.compare-card h3{ font-size:16px; }
.step-card h3{ font-size:16px; }
.feat-card{ padding:22px; }
.feat-card h3{ font-size:15.5px; }
.feat-card p{ font-size:13px; }
.final-cta h2{ font-size:25px; }
@media(min-width:860px){ .step-grid{ grid-template-columns:repeat(2,1fr); gap:30px 26px; } }

/* ---------- frise de l'essai consultant ---------- */
.timeline-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:30px 26px; }
.timeline-track{ display:flex; align-items:center; margin:26px 0 18px; }
.tl-seg{ height:10px; border-radius:6px; }
.tl-seg.a{ background:var(--teal); flex:14; }
.tl-seg.gap{ width:4px; }
.tl-seg.b{ background:var(--teal-light); flex:15; opacity:.55; border:1.5px dashed var(--teal); }
.tl-labels{ display:flex; justify-content:space-between; gap:10px; font-size:11.5px; color:var(--ink-70); }
.tl-legend{ display:flex; flex-wrap:wrap; gap:22px; margin-top:22px; }
.tl-legend-item{ display:flex; align-items:flex-start; gap:9px; font-size:13px; color:var(--ink-70); max-width:290px; }
.tl-dot{ width:10px; height:10px; border-radius:3px; margin-top:5px; flex-shrink:0; }
.tl-legend-item b{ display:block; color:var(--ink); font-size:13.5px; margin-bottom:2px; }

/* ---------- portefeuille consultant ---------- */
.split{ display:grid; gap:28px; align-items:center; }
@media(min-width:1000px){ .split{ grid-template-columns:1.1fr 0.9fr; } .split.reverse .split-text{ order:-1; } }
.split-text h3{ font-size:20px; margin-bottom:10px; }
.split-text p{ font-size:14px; color:var(--ink-70); margin-bottom:16px; }
.check-list{ list-style:none; display:flex; flex-direction:column; gap:10px; }
.check-list li{ font-size:13.5px; color:var(--ink-70); padding-left:24px; position:relative; }
.check-list li:before{ content:"✓"; position:absolute; left:0; top:0; color:var(--teal); font-weight:700; }
.check-list li b{ color:var(--ink); }
.portfolio-kpis{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:22px; }
@media(min-width:600px){ .portfolio-kpis{ grid-template-columns:repeat(4,1fr); } }
.portfolio-kpi{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:16px; }
.portfolio-kpi .l{ font-size:10.5px; color:var(--ink-70); text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; }
.portfolio-kpi .v{ font-family:var(--font-num); font-variant-numeric:tabular-nums; font-size:22px; font-weight:600; color:var(--ink); }
.portfolio-kpi .s{ font-size:11px; color:var(--ink-45); margin-top:2px; }