/* Page d'accueil : accroche, démonstration animée, sections */
:root{--wf-o:#ff9800;--wf-o2:#ffad28;--wf-ink:#f7f5ef;--wf-soft:rgba(255,255,255,.74);--wf-card:rgba(255,255,255,.035);--wf-bd:rgba(255,255,255,.12)}
.wf-eyebrow{margin:0 0 14px;color:var(--wf-o);font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

/* ── Accroche ── */
.wf-pitch{align-items:center;min-height:0!important;padding-block:clamp(18px,3vw,44px)!important;gap:clamp(20px,3vw,48px)!important}
.wf-pitch__title.wf-hero__title--new{font-size:clamp(2.1rem,3.2vw,3.6rem)!important;line-height:1.04!important;max-width:760px}
.wf-pitch__title span{color:var(--wf-o);font-size:.82em}
.wf-pitch__lead{max-width:640px;margin:22px 0 0;color:var(--wf-soft);font-size:1.12rem;line-height:1.65}
.wf-pitch__lead strong{color:#fff}
.wf-pitch__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.wf-pitch__actions--center{justify-content:center}
.wf-pitch__note{margin:16px 0 0;color:rgba(255,255,255,.6);font-size:.9rem}
.wf-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 28px;border-radius:10px;font-weight:850;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,box-shadow .25s ease,background .2s,color .2s}
.wf-btn--primary{background:linear-gradient(90deg,#ff8b00,#ff6b00);color:#111;box-shadow:0 10px 28px rgba(255,120,0,.28);animation:wf-cta-pulse 3.2s ease-in-out infinite}
.wf-btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,120,0,.45)}
.wf-btn--ghost{border:1px solid rgba(255,153,0,.7);color:var(--wf-o2);background:transparent}
.wf-btn--ghost:hover{background:rgba(255,153,0,.12);color:#fff;transform:translateY(-2px)}
.wf-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes wf-cta-pulse{0%,100%{box-shadow:0 10px 28px rgba(255,120,0,.28)}50%{box-shadow:0 10px 38px rgba(255,120,0,.55)}}

/* ── Sections ── */
.wf-section{padding:clamp(36px,6vw,84px) 0 0}
.wf-section__head{margin-bottom:clamp(22px,3vw,38px)}
.wf-section__head h2,.wf-final h2{margin:0;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.03em}
.wf-trust{padding-top:clamp(8px,2vw,26px)}
.wf-trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wf-trust li{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--wf-bd);border-radius:14px;background:var(--wf-card);color:var(--wf-soft);line-height:1.3}
.wf-trust strong{display:block;color:#fff}
.wf-trust svg{flex:none;width:30px;height:30px;fill:none;stroke:var(--wf-o);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* À découvrir */
.wf-entry-grid--auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr))!important}
.wf-entry-card__media img{width:100%;height:100%;object-fit:cover}

/* Logos clients */
.wf-logos{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.wf-logos:not(.is-marquee){display:block;-webkit-mask-image:none;mask-image:none}
.wf-logos__track{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:18px}
.wf-logos:not(.is-marquee) .wf-logos__track{flex-wrap:wrap;justify-content:center}
.wf-logos.is-marquee{display:flex;width:100%}
.wf-logos.is-marquee .wf-logos__track{flex:none;min-width:100%;justify-content:space-around;padding-right:18px;animation:wf-marquee 38s linear infinite}
.wf-logos.is-marquee:hover .wf-logos__track{animation-play-state:paused}
@keyframes wf-marquee{to{transform:translateX(-100%)}}
.wf-logos li{display:grid;place-items:center;width:190px;height:104px;padding:16px 22px;border-radius:14px;background:#f4f1ea;flex:none;transition:transform .25s ease}
.wf-logos li:hover{transform:translateY(-4px)}
.wf-logos img{max-width:100%;max-height:100%;object-fit:contain}
.wf-logos a{display:grid;place-items:center;width:100%;height:100%}
.wf-logos a:focus-visible{outline:3px solid #ff6b00;outline-offset:4px}
.wf-clients__more{margin:26px 0 0;text-align:center}

/* Appel final */
.wf-final{margin:clamp(40px,6vw,84px) 0 clamp(28px,4vw,56px);padding:clamp(34px,5vw,64px) 24px;border:1px solid rgba(255,153,0,.45);border-radius:22px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,153,0,.2),transparent 65%),#0a0b0d}
.wf-final p{max-width:620px;margin:16px auto 0;color:var(--wf-soft);line-height:1.65;font-size:1.08rem}

/* Apparition au défilement (uniquement si JavaScript est actif) */
.wf-js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*.12s)}
.wf-js [data-reveal].is-in{opacity:1;transform:none}

@media(max-width:1100px){.wf-trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .wf-trust ul{grid-template-columns:minmax(0,1fr)}
  .wf-pitch__actions .wf-btn{width:100%}
  .wf-logos li{width:150px;height:84px}
}

/* Mouvement réduit */
@media(prefers-reduced-motion:reduce){
  .wf-btn--primary,.wf-logos.is-marquee .wf-logos__track{animation:none!important}
  .wf-js [data-reveal]{opacity:1;transform:none;transition:none}
  .wf-logos.is-marquee{overflow-x:auto}
}

.wf-home-cta{margin:clamp(22px,3vw,34px) 0 0}
.wf-section__head h2,.wf-final h2{text-wrap:balance}