/* Lorne & Vale · page styles for /workflow (Fonctionnement). Loads after lv.css. */

/* ---------- Channel cards: what the firm does to connect each door ---------- */
.chan__how{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2);font-size:14px;line-height:1.5;color:var(--ink2)}
.chan__how b{display:block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
.chan__pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;max-width:1120px;margin:clamp(40px,5vw,56px) auto 0}
@media (max-width:900px){.chan__pair{grid-template-columns:1fr}}

/* ---------- Response targets ---------- */
.targets{max-width:900px;margin:clamp(40px,5vw,56px) auto 0;padding:clamp(24px,3vw,32px);background:#fff;border:1px solid var(--line2);border-radius:var(--r-lg)}
.sec--soft .targets{border-color:#e2e2e6}
.targets__hd{text-align:center;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--ink2);margin-bottom:18px}
.targets .stats{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.targets .stat b{font-size:clamp(2rem,4vw,2.8rem)}
.targets .stat span{font-size:13.5px}
.targets__note{margin-top:20px;text-align:center}

/* ---------- Seven-day timeline ---------- */
.days{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(32px,4vw,48px)}
.day--after{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;align-items:baseline}
.day--after .day__n{grid-row:1/3;align-self:start;justify-self:start}
.day--after h3{margin-top:0}
.day--after p{max-width:72ch}
.day{position:relative;background:var(--dcard);border:1px solid var(--dline);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,26px) clamp(18px,2vw,22px)}
.day__n{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:var(--pill);background:rgba(255,255,255,.08);color:var(--dink);font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.day--live .day__n{background:var(--dink);color:#000}
.day h3{margin-top:16px;font-size:1.1rem;line-height:1.2;letter-spacing:-.015em;color:var(--dink)}
.day p{margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--dink2)}
.day--live{border-color:rgba(245,245,247,.45)}
@media (max-width:1060px){.days{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.days{grid-template-columns:1fr}.day--after{grid-template-columns:1fr}.day--after .day__n{grid-row:auto}.day--after h3{margin-top:16px}}

/* ---------- Hero on phones: the iPhone alone, never a shrunk dashboard ---------- */
@media (max-width:760px){
  .hero .stage__win{display:none}
  .hero .stage__phone{margin:0 auto;--pw:min(72vw,300px)}
}