/* Blédard Corp · pages de service (Stratégie et diagnostic, Web design, Événements, IA et automatisations), 06/10/2026
   Chargé après style.css. Toutes les classes sont préfixées sv- ; la mise en page suit celle de Pixl : hero, introduction, expertises, bandeau « impact »,
   processus sur fond sombre, « ce que vous recevez », « investir », réalisations, FAQ, appel final. Sans JavaScript : tout reste lisible. */
.sv-main{background:var(--paper);color:var(--charbon)}
.sv-wrap{width:min(1180px,100% - 48px);margin-inline:auto}
@media (max-width:640px){.sv-wrap{width:calc(100% - 32px)}}
.sv-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font:700 var(--t-xs)/1 var(--f);letter-spacing:.15em;text-transform:uppercase;color:var(--terre)}
.sv-eyebrow::before{content:"";width:24px;height:2px;background:currentColor}
.sv-h2{margin:14px 0 0;font:800 clamp(28px,3.2vw,44px)/1 var(--f-display);letter-spacing:-.021em;max-width:18ch;text-wrap:balance}
.sv-h2 em{font-style:normal;color:var(--terre)}
.sv-sec{padding:clamp(56px,7vw,104px) 0}
.sv-lead{margin-top:var(--s-4);max-width:56ch;font-size:var(--t-lead);color:var(--muted)}
.sv-js .sv-r{opacity:0;transform:translateY(52px) scale(.97);transition:opacity 1.1s var(--ease-out),transform 1.3s var(--ease-out);transition-delay:calc(var(--i,0) * 110ms)}
.sv-js .sv-r.in{opacity:1;transform:none}

/* Hero */
.sv-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(120px,13vw,170px) 0 clamp(56px,7vw,96px);background:linear-gradient(180deg,var(--ivoire),var(--paper))}
.sv-hero::before{content:"";position:absolute;right:-8%;top:6%;width:min(640px,70vw);aspect-ratio:1;background:url("assets/symbole-maitre.svg") center/contain no-repeat;opacity:.06;filter:brightness(0);z-index:-1;pointer-events:none}
.sv-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 55% at 88% 12%,rgba(168,75,50,.14),transparent 70%);z-index:-1;pointer-events:none}
.sv-crumb{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px;font-size:var(--t-sm);color:var(--muted)}
.sv-crumb a{color:inherit;text-decoration:none}.sv-crumb a:hover{color:var(--terre)}
.sv-hero h1{margin:18px 0 0;font:800 clamp(36px,5vw,72px)/1.04 var(--f-display);letter-spacing:-.024em;max-width:15ch}
.sv-outline{color:#F8F5EE;-webkit-text-stroke:3.4px var(--charbon);paint-order:stroke fill;letter-spacing:.012em}   /* contour seul : remplissage couleur du fond (tracés internes de la police variable masqués) */
.sv-hero .sv-lead{max-width:50ch}
.sv-cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:clamp(24px,3vw,36px)}
.sv-hero .btn-ghost-light{color:var(--charbon);border-color:rgba(32,38,34,.28)}

/* Introduction */
.sv-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:center}
.sv-intro p{margin-top:var(--s-4);max-width:58ch;font-size:var(--t-lead);color:var(--muted)}
.sv-intro p b{color:var(--charbon)}
.sv-visual{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-l);background:linear-gradient(140deg,var(--charbon),var(--nuit));box-shadow:0 40px 70px -40px rgba(0,0,0,.6)}
.sv-visual img{width:auto;height:64%;object-fit:contain}
.sv-visual.terre{background:linear-gradient(140deg,var(--terre),var(--terre-nuit))}
@media (max-width:820px){.sv-intro-grid{grid-template-columns:1fr}.sv-visual{max-width:340px}}

/* Expertises */
.sv-exp{background:var(--paper);border-top:1px solid var(--line)}
.sv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);margin-top:clamp(28px,4vw,52px)}
.sv-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5) var(--s-5) var(--s-6);border-radius:var(--r-l);background:#fff;box-shadow:0 0 0 1px var(--line)}
.sv-card small{font:700 11px/1 var(--f);letter-spacing:.14em;color:var(--terre)}
.sv-card h3{margin:0;font:800 clamp(19px,1.7vw,23px)/1.1 var(--f-display);letter-spacing:-.012em}
.sv-card p{margin:0;font-size:var(--t-base);color:var(--muted)}
.sv-card .sv-tag{align-self:flex-start;margin-top:auto;padding:5px 10px;border-radius:99px;background:rgba(168,75,50,.1);color:var(--terre-dk);font:700 11px/1 var(--f)}
@media (max-width:900px){.sv-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sv-cards{grid-template-columns:1fr}}

/* Bandeau « impact » */
.sv-impact{color:var(--ivoire);background:linear-gradient(120deg,var(--terre),#C4603F)}
.sv-impact .sv-eyebrow{color:var(--ivoire)}
.sv-impact .sv-h2 em{color:rgba(244,240,230,.72)}
.sv-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);margin-top:clamp(28px,4vw,48px)}
.sv-bcard{padding:var(--s-5);border-radius:var(--r-m);background:rgba(244,240,230,.12);box-shadow:inset 0 0 0 1px rgba(244,240,230,.22)}
.sv-bcard i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:var(--s-3);border-radius:10px;background:rgba(244,240,230,.2);font:800 15px/1 var(--f-display);font-style:normal}
.sv-bcard h3{margin:0 0 6px;font:800 19px/1.15 var(--f-display);letter-spacing:-.009em}
.sv-bcard p{margin:0;font-size:var(--t-base);color:rgba(244,240,230,.86)}
@media (max-width:900px){.sv-bgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sv-bgrid{grid-template-columns:1fr}}

/* Processus */
.sv-proc{background:var(--nuit);color:var(--ivoire)}
.sv-proc .sv-eyebrow{color:var(--sable)}
.sv-proc .sv-h2 em{color:var(--sable)}
.sv-steps{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5);position:relative}
.sv-steps::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:rgba(244,240,230,.14)}
.sv-step{position:relative;padding-right:var(--s-3)}
.sv-step::before{counter-increment:svs;content:counter(svs);position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--terre);color:#fff8f0;font:800 16px/1 var(--f-display);box-shadow:0 0 0 6px var(--nuit);z-index:1}
.sv-steps{counter-reset:svs}
.sv-step h3{margin:18px 0 8px;font:800 20px/1.15 var(--f-display);letter-spacing:-.009em}
.sv-step p{margin:0;font-size:var(--t-base);color:rgba(244,240,230,.78)}
@media (max-width:860px){.sv-steps{grid-template-columns:1fr 1fr;row-gap:var(--s-6)}.sv-steps::before{display:none}}
@media (max-width:520px){.sv-steps{grid-template-columns:1fr}}

/* Ce que vous recevez */
.sv-recv-list{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3) var(--s-5)}
.sv-recv-list li{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border-radius:var(--r-m);background:#fff;box-shadow:0 0 0 1px var(--line);font-size:var(--t-base)}
.sv-recv-list li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--terre) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff8f0' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
@media (max-width:700px){.sv-recv-list{grid-template-columns:1fr}}

/* Investir */
.sv-price{background:var(--ivoire);border-block:1px solid var(--line)}
.sv-note{margin-top:var(--s-5);font-size:var(--t-sm);color:var(--muted);max-width:70ch}

/* Réalisations liées */
.sv-real-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-4);margin-top:clamp(24px,3vw,40px)}
.sv-real{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-l);background:#fff;text-decoration:none;color:inherit;box-shadow:0 0 0 1px var(--line);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.sv-real:hover,.sv-real:focus-visible{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(32,38,34,.4),0 0 0 1px var(--line)}
.sv-real .th{height:170px;overflow:hidden;background:var(--charbon-3)}
.sv-real .th img{width:100%;height:100%;object-fit:cover;object-position:top center}
.sv-real .th.sym{display:grid;place-items:center;background:var(--nuit)}
.sv-real .th.sym img{width:auto;height:70%;object-fit:contain}
.sv-real div.t{display:flex;flex-direction:column;gap:6px;padding:var(--s-4) var(--s-5) var(--s-5)}
.sv-real b{font:800 20px/1.1 var(--f-display);letter-spacing:-.012em}
.sv-real span{font-size:var(--t-sm);color:var(--muted)}
.sv-real .go{margin-top:6px;font:700 14px/1 var(--f)}

/* FAQ */
.sv-faq-list{margin-top:clamp(24px,3vw,40px);max-width:820px;border-top:1.5px solid var(--charbon)}
.sv-faq-list details{border-bottom:1px solid var(--line)}
.sv-faq-list summary{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) 0;cursor:pointer;list-style:none;font:800 clamp(18px,1.6vw,22px)/1.2 var(--f-display);letter-spacing:-.009em}
.sv-faq-list summary::-webkit-details-marker{display:none}
.sv-faq-list summary::after{content:"+";flex:none;font:700 24px/1 var(--f);color:var(--terre);transition:transform .3s var(--ease-out)}
.sv-faq-list details[open] summary::after{transform:rotate(45deg)}
.sv-faq-list summary:focus-visible{outline:2px solid var(--terre);outline-offset:2px}
.sv-faq-list p{margin:0;padding:0 0 var(--s-5);max-width:62ch;color:var(--muted)}

/* Appel final */
.sv-final{color:var(--ivoire);background:linear-gradient(120deg,var(--terre),#C4603F);text-align:center}
.sv-final .sv-wrap{padding:clamp(48px,6vw,88px) 0}
.sv-final h2{margin:0 auto;max-width:18ch;font:800 clamp(30px,4.2vw,56px)/1 var(--f-display);letter-spacing:-.021em;text-wrap:balance}
.sv-final p{margin:var(--s-4) auto var(--s-6);max-width:50ch;color:rgba(244,240,230,.9)}
.sv-others{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center;margin-top:var(--s-6)}
.sv-others a{padding:9px 15px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(244,240,230,.4);color:var(--ivoire);text-decoration:none;font:700 13px/1 var(--f)}
.sv-others a:hover{background:rgba(244,240,230,.14)}
@media (prefers-reduced-motion:reduce){.sv-js .sv-r{opacity:1;transform:none;transition:none}.sv-real{transition:none}}