/* ==========================================================================
   SECTORWEB — compléments de la page « Audit SEO offert »
   Repris tel quel du <style> en ligne de audit-seo-gratuit.html.
   ========================================================================== */

/* Hero avec formulaire */
.hero-form{padding:clamp(44px,5vw,68px) 0}
.hero-form .in{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:start}
.hero-form h1{max-width:15ch;margin:0 0 22px}
.hero-form .punch{font-size:17px;line-height:1.65;color:var(--ink);max-width:48ch;margin-bottom:16px}
.hero-form .punch em{font-style:normal;color:var(--ember)}
.hero-form p{font-size:15.5px;line-height:1.7;color:var(--slate);max-width:50ch;margin-bottom:16px}
.hero-form .price-strike{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid var(--gridline)}
.hero-form .price-strike .old{font-size:20px;color:var(--ash);text-decoration:line-through}
.hero-form .price-strike .now{font-size:32px;font-weight:500;letter-spacing:-.025em;color:var(--ember);line-height:1}
.hero-form .price-strike .lbl{font-family:var(--f-mono);font-size:12px;color:var(--slate);letter-spacing:.03em}
@media(max-width:980px){.hero-form .in{grid-template-columns:minmax(0,1fr);gap:40px}}
/* Cartes de livrables */
.deliv{border:1px solid var(--gridline);border-radius:var(--r-card);background:var(--canvas);padding:28px 26px 30px;display:flex;flex-direction:column;gap:12px}
.deliv .n{font-family:var(--f-mono);font-size:11.5px;color:var(--ember);letter-spacing:.04em}
.deliv h3{font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.deliv p{font-size:14.5px;line-height:1.65;color:var(--slate)}
.deliv .pts{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:4px;padding-top:16px;border-top:1px solid var(--gridline)}
.deliv .pts li{display:grid;grid-template-columns:16px 1fr;gap:11px;font-size:14px;color:var(--graphite);line-height:1.5}
.deliv .pts li::before{content:"→";font-family:var(--f-mono);font-size:12px;color:var(--ember);line-height:1.55}
.deliv.wide{grid-column:span 2}
@media(max-width:640px){.deliv.wide{grid-column:span 1}}
/* Étapes en 3 colonnes */
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--gridline);border-radius:var(--r-card);overflow:hidden;background:var(--vellum)}
.steps3 > div{padding:30px 24px 32px;border-right:1px solid var(--gridline);display:flex;flex-direction:column;gap:11px}
.steps3 > div:last-child{border-right:0}
.steps3 .n{font-family:var(--f-mono);font-size:12px;color:var(--ember)}
.steps3 h3{font-size:17px;font-weight:500;line-height:1.3}
.steps3 p{font-size:14.5px;color:var(--slate);line-height:1.6}
@media(max-width:760px){.steps3{grid-template-columns:minmax(0,1fr)}.steps3 > div{border-right:0;border-bottom:1px solid var(--gridline)}.steps3 > div:last-child{border-bottom:0}}