/* Accueil v2 : petits ajustements sur les composants existants. */
/* Hero colline v2 : titre un peu plus long, ligne de réassurance en bas à gauche. */
.hero-colline-v2 h1{max-width:13ch}
.colline-assure{position:absolute;left:0;right:0;bottom:84px;z-index:4;pointer-events:none}
.colline-assure ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;font:500 .75rem var(--sans);color:#f2f6ea;text-shadow:0 1px 8px #14281c}
.colline-assure li+li::before{content:"";display:inline-block;width:1px;height:12px;margin:0 16px;vertical-align:-2px;background:#f2f6ea99}
@media(width<=900px){.colline-assure{bottom:70px}.colline-assure ul{font-size:.75rem}.colline-assure li+li::before{margin:0 10px}}
.who-sec .v2-answer{color:var(--ink);font-weight:500}
/* Situations : lignes « ce que vous dites → ce qu'on fait », sans cadres. */
.v2-rows-head,.v2-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:var(--gutter)}
.v2-rows-head{padding-bottom:12px;font:600 .875rem "Schibsted Grotesk",var(--sans);color:var(--ink-2)}
.v2-rows{list-style:none;margin:0;padding:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.v2-row{padding:24px 0;border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);align-items:start}
.v2-quote{margin:0;font:700 clamp(1.3rem,1.8vw,1.7rem)/1.15 "Schibsted Grotesk",var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.v2-ctx{margin:8px 0 0;font:400 1rem/1.5 var(--sans);color:var(--ink-2)}
.v2-row-a{display:flex;gap:14px;align-items:flex-start;padding-top:4px;font:400 1.25rem/1.5 var(--sans);color:var(--ink)}
.v2-row-a p{margin:0}
.v2-row-a svg{flex:none;width:20px;height:20px;margin-top:4px;color:#3d6a2c}
.v2-sectors{margin:28px 0 0;max-width:62ch;font:400 1rem/1.6 var(--sans);color:var(--ink-2)}
.v2-sectors .arrow-link{margin-left:6px;white-space:nowrap}
@media(width<=760px){.v2-rows-head{display:none}.v2-row{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:20px 0}.v2-row-a{font-size:1rem}}
/* Confiance : six points numérotés, sans cartes. */
.v2-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px var(--gutter)}
.v2-point{padding-top:18px;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.v2-num{font:600 .875rem "Schibsted Grotesk",var(--sans);opacity:.55}
.v2-point h3{margin:10px 0 8px;font:700 clamp(1.15rem,1.5vw,1.35rem)/1.2 "Schibsted Grotesk",var(--sans);letter-spacing:0;text-transform:none}
.v2-point p{margin:0;font:400 1rem/1.55 var(--sans);opacity:.78}
@media(width<=980px){.v2-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(width<=640px){.v2-points{grid-template-columns:minmax(0,1fr);gap:28px}}
/* ia : onglets par métier, l'agent déroule ses étapes. */
.v2-tablist{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--rule);border-radius:var(--r-pill);background:color-mix(in srgb,var(--paper) 75%,transparent)}
.v2-tab{min-height:44px;padding:10px 18px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);font:600 .875rem "Schibsted Grotesk",var(--sans);cursor:pointer;transition:background-color .2s,color .2s}
.v2-tab:hover{color:var(--ink)}
.v2-tab[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.v2-tab:focus-visible{outline:2px solid #3d6a2c;outline-offset:2px}
.v2-panel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--gutter);margin-top:24px}
.v2-panel[hidden]{display:none}
.v2-before,.v2-after{padding:clamp(20px,2.4vw,30px);border-radius:var(--r-m)}
.v2-before{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.v2-after{background:var(--paper);border:1px solid var(--rule);box-shadow:0 12px 30px #1d20240d}
.v2-k{margin:0 0 14px;font:600 .875rem "Schibsted Grotesk",var(--sans);color:var(--ink-2)}
.v2-before-t{margin:0;font:400 1rem/1.55 var(--sans);color:var(--ink-2)}
.v2-steps{list-style:none;margin:0;padding:0;counter-reset:step}
.v2-step{position:relative;display:flex;gap:14px;align-items:flex-start;padding:2px 0 20px;font:400 1rem/1.45 var(--sans);color:var(--ink)}
.v2-step::before{counter-increment:step;content:counter(step);flex:none;display:grid;place-items:center;width:28px;height:28px;margin-top:-2px;border-radius:50%;background:#e3ecd8;color:#2f5426;font:700 .875rem "Schibsted Grotesk",var(--sans)}
.v2-step:not(:last-child)::after{content:"";position:absolute;left:13.5px;top:30px;bottom:0;width:1px;background:#3d6a2c55}
.v2-step.is-you{padding-bottom:0;font-weight:600}
.v2-step.is-you::before{content:"\2713";background:#223a2c;color:#f3f6ec}
@media(prefers-reduced-motion:no-preference){.v2-panel:not([hidden]) .v2-step{animation:legend-in .5s both;animation-delay:calc(var(--i) * .16s + .1s)}}
@media(width<=760px){.v2-panel{grid-template-columns:minmax(0,1fr);gap:12px}.v2-tablist{border-radius:var(--r-m)}.v2-tab{padding:8px 12px;font-size:.875rem}}
/* Trois temps et trois exemples : grilles à trois colonnes. */
.method-sec .frise{grid-template-columns:repeat(3,minmax(0,1fr))}
#concretement .scenes{grid-template-columns:repeat(3,minmax(0,1fr))}
#concretement .scene-block{grid-template-columns:minmax(0,1fr);gap:4px}
@media(width<=980px){.method-sec .frise,#concretement .scenes{grid-template-columns:minmax(0,1fr)}}
.v2-trust .v2-trust-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.v2-trust .v2-trust-cards .card{grid-column:auto}
@media(width<=980px){.v2-trust .v2-trust-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(width<=640px){.v2-trust .v2-trust-cards{grid-template-columns:1fr}}
.hero-colline-v2 .meadow-console{bottom:84px}
@media(width<=900px){.hero-colline-v2 .meadow-console{bottom:70px}}
/* Nom animé « fi · ia · able » → « fiable. » sur la colline. */
.hero-colline-v2 h1.hero-h1{max-width:none;font:inherit;letter-spacing:0;color:#1a2b20}
.hero-colline-v2 .hero-name{font:800 clamp(5rem,9.5vw,9.4rem)/.9 "Schibsted Grotesk",var(--sans);letter-spacing:0;color:#1a2b20;text-transform:none}
.hero-colline-v2 .hero-name .part-ia{color:#4f7a3c}
.hero-colline-v2 .hero-name .dot{color:#4f7a3c}
.hero-colline-v2 .hero-note .label{font:500 .875rem "Schibsted Grotesk",var(--sans);letter-spacing:0;text-transform:none;color:#2b3f32}
.hero-colline-v2 .hero-note .hook path{stroke:#4f7a3c}
.hero-colline-v2 .hero-promise{margin-top:clamp(14px,2vh,22px);font:700 clamp(1.7rem,2.5vw,2.6rem)/1.08 "Schibsted Grotesk",var(--sans);letter-spacing:0;color:#1a2b20}
/* Légende du nom : trois liens vers les chapitres fi / ia / able. */
.hero-colline-v2 .hero-legend{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:20px;max-width:580px}
.hero-legend a{flex:1 1 120px;min-width:100px;display:flex;flex-direction:column;gap:3px;padding:8px 12px 4px 0;border-top:2px solid #1a2b20;margin-right:0;text-decoration:none;color:#3d5544;font:400 .8rem/1.3 "Schibsted Grotesk",var(--sans);transition:border-color .2s,color .2s}
.hero-legend a b{font:800 1.25rem/1 "Schibsted Grotesk",var(--sans);letter-spacing:0;color:#1a2b20}
.hero-legend a[data-part="ia"]{border-top-color:#4f7a3c}
.hero-legend a[data-part="ia"] b{color:#4f7a3c}
.hero-legend a:hover{color:#1a2b20;border-top-color:#4f7a3c}
.js .hero-anim .hero-legend.in a{animation:legend-in .6s both}
.js .hero-anim .hero-legend.in a:nth-child(2){animation-delay:.12s}
.js .hero-anim .hero-legend.in a:nth-child(3){animation-delay:.24s}
@keyframes legend-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero-legend .replay{flex:none;align-self:flex-start;width:34px;height:34px;min-height:0;margin-top:6px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#3d5544;opacity:.7;cursor:pointer;text-decoration:none}
.hero-legend .replay:hover{opacity:1;background:#ffffff55}
.hero-legend .replay svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Ouverture de chapitre : « fiable. » avec la partie concernée en plein. */
.fsec{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 22px;margin-bottom:clamp(18px,2.4vw,30px)}
.fsec-word{margin:0;font:800 clamp(3rem,6.4vw,5.6rem)/.9 "Schibsted Grotesk",var(--sans);letter-spacing:0}
.fsec-word span{opacity:.13;transition:opacity .8s var(--ease-out)}
.fsec-word span.on{opacity:1}
.fsec[data-part="ia"] .fsec-word span.on{color:#4f7a3c}
.dark .fsec[data-part="ia"] .fsec-word span.on{color:#9cc27f}
.fsec-word .fsec-dot{opacity:1;color:#4f7a3c}
.dark .fsec-word .fsec-dot{color:#9cc27f}
.fsec-sense{margin:0;font:500 1rem "Schibsted Grotesk",var(--sans);opacity:.85}
.fsec-sense b{font-weight:800;margin-right:6px}
@media(prefers-reduced-motion:no-preference){.js .fsec[data-reveal]:not(.in) .fsec-word span.on{opacity:.13}.fsec-word span.on:nth-child(n+2){transition-delay:.1s}}
.hero-colline-v2 .meadow-lede{margin-top:20px}
@media(width<=900px){
 .hero-colline-v2 .hero-name{font-size:clamp(3.5rem, 8vw, 5.5rem)}
 .hero-colline-v2 .hero-promise{font-size:clamp(1.3rem, 2.8vw, 1.8rem);margin-top:12px}
 .hero-colline-v2 .hero-note{font-size:.8rem}
 .hero-colline-v2 .hero-legend{gap:8px;margin-top:16px}
 .hero-legend a{flex:1 1 auto;padding-right:6px;font-size:.75rem}
 .hero-legend a b{font-size:1.1rem}
}
@media(width<=580px){
 .hero-colline-v2 .hero-legend{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr)) auto;align-items:start;gap:6px}
 .hero-legend a{min-width:0;padding-right:4px}
 .hero-legend a span{font-size:.7rem;line-height:1.2}
 .hero-legend .replay{margin-top:4px;width:28px;height:28px}
}

/* Mot-symbole : resserrement du logo conservé. */
.hero-colline-v2 .hero-name,.fsec-word{letter-spacing:-.035em}