/* ============================================================
   HÉHOCOM, Sections "autorité / la référence"
   Statement plein écran · Pourquoi nous · Impact · Témoignages
   ============================================================ */

/* ---- Statement band (full-bleed, kinetic) ---- */
.statement{padding-block:160px;position:relative;overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(180deg,var(--space-900),var(--space-950))}
.statement .glow{width:680px;height:680px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.4}
.statement-inner{position:relative;text-align:center;max-width:1100px;margin-inline:auto;padding-inline:24px}
.statement h2{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,7vw,108px);line-height:1.0;margin:0;letter-spacing:-.01em}
.statement h2 em{font-style:italic}
.statement .st-line{display:block;overflow:hidden}
.statement .st-line > span{display:block;transform:translateY(110%);opacity:0;transition:transform 1s var(--ease),opacity 1s var(--ease)}
.statement.in .st-line > span{transform:none;opacity:1}
.statement .st-line:nth-child(2) > span{transition-delay:.12s}
.statement .st-line:nth-child(3) > span{transition-delay:.24s}
.statement .st-sub{margin-top:34px;font-size:clamp(16px,1.6vw,20px);color:var(--ink-dim);opacity:0;transition:opacity 1s var(--ease) .5s}
.statement.in .st-sub{opacity:1}
@media(prefers-reduced-motion:reduce){.statement .st-line>span{transform:none;opacity:1}.statement .st-sub{opacity:1}}

/* ---- Pourquoi nous ---- */
.why{padding-block:120px}
.why-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:56px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why-card{position:relative;padding:34px 30px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--space-800);overflow:hidden;transition:border-color .4s var(--ease),transform .4s var(--ease),background .4s}
.why-card:hover{transform:translateY(-6px);border-color:var(--line-2);background:var(--space-700)}
.why-num{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--ink-faint)}
.why-card h3{font-family:var(--font-display);font-weight:400;font-size:27px;line-height:1.05;margin:18px 0 12px}
.why-card p{color:var(--ink-dim);font-size:14px;line-height:1.6;margin:0}
.why-card .why-ico{position:absolute;top:28px;right:30px;font-size:20px;color:var(--ink-mute)}
@media(max-width:980px){.why-grid{grid-template-columns:1fr 1fr}.why-head{grid-template-columns:1fr;gap:20px}}
@media(max-width:540px){.why-grid{grid-template-columns:1fr}}

/* ---- Impact band ---- */
.impactband{padding-block:110px;border-block:1px solid var(--line);background:var(--space-900);position:relative;overflow:hidden}
.impactband .glow{width:520px;height:520px;top:-160px;left:30%;opacity:.3}
.impact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.impact-cell{text-align:center;padding:0 12px;border-left:1px solid var(--line)}
.impact-cell:first-child{border-left:0}
.impact-cell .ic-num{font-family:var(--font-display);font-style:italic;font-size:clamp(46px,5.5vw,82px);line-height:1;color:var(--ink)}
.impact-cell .ic-lab{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:14px;max-width:22ch;margin-inline:auto;line-height:1.4}
@media(max-width:760px){.impact-row{grid-template-columns:1fr 1fr;gap:40px 16px}.impact-cell:nth-child(odd){border-left:0}}

/* ---- Témoignages ---- */
.testi{padding-block:120px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testi-card{padding:34px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--space-800);display:flex;flex-direction:column;gap:20px;transition:border-color .4s,transform .4s var(--ease)}
.testi-card:hover{border-color:var(--line-2);transform:translateY(-4px)}
.testi-stars{font-size:14px;letter-spacing:3px;color:var(--ink)}
.testi-quote{font-family:var(--font-display);font-size:22px;line-height:1.4;color:var(--ink);margin:0;flex:1}
.testi-who{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:20px}
.testi-ava{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffffff,#cfcabd 55%,#6e6a61);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:18px;color:#08080F}
.testi-who strong{display:block;font-size:14px;letter-spacing:-.01em}
.testi-who span{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute)}
@media(max-width:880px){.testi-grid{grid-template-columns:1fr}}

/* ---- Awards / reconnaissance strip ---- */
.awards{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 40px;margin-top:54px;padding-top:40px;border-top:1px solid var(--line)}
.award{display:inline-flex;align-items:center;gap:12px;color:var(--ink-dim)}
.award .aw-ico{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ink);flex:none}
.award strong{font-size:14px;letter-spacing:-.01em;display:block}
.award span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}