:root{font-family:Arial,Helvetica,sans-serif;color:#182a36;background:#f6f8fb;font-synthesis:none;line-height:1.6;--bg:#f6f8fb;--ink:#182a36;--muted:#4d5e6c;--surface:#fff;--accent:#204d75;--on-accent:#fff;--line:#ccd6df;--soft:#e8eff5;--radius:12px;--heading:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg)}a{color:inherit;text-underline-offset:.25em}p{margin:0 0 1rem}h1,h2,h3{font-family:var(--heading);line-height:1.12;margin:0 0 1.25rem;overflow-wrap:break-word}h1{font-size:clamp(2.7rem,6.5vw,5.9rem);letter-spacing:-.045em;max-width:1050px}h2{font-size:clamp(2rem,4vw,3.3rem);max-width:850px;letter-spacing:-.025em}h3{font-size:1.35rem;line-height:1.25}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}section{scroll-margin-top:2rem}.wrap{width:min(1180px,calc(100% - 3rem));margin-inline:auto}.site-header{display:flex;gap:2rem;align-items:center;justify-content:space-between;padding-block:1.75rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;line-height:1;font-size:1.25rem;font-weight:800;text-decoration:none;letter-spacing:.09em}.brand span{font-size:.875rem;letter-spacing:.25em;margin-top:.5rem;color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:1.5rem}nav a{font-size:.94rem;text-decoration:none}nav a:hover{text-decoration:underline}.nav-contact{font-weight:700;color:var(--accent)}.hero{padding-block:6rem 5rem}.eyebrow{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1.5rem}.hero-intro{font-size:clamp(1.15rem,2vw,1.4rem);max-width:700px;color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.button{display:inline-block;max-width:100%;border:1px solid var(--accent);border-radius:var(--radius);padding:1rem 1.4rem;background:var(--accent);color:var(--on-accent);font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.button:hover{filter:brightness(.93)}.text-link{font-weight:700}.hero-footnote{font-size:.9rem;color:var(--muted);margin-top:2.5rem}.section{padding-block:4.5rem}.cards{display:grid;gap:1.25rem;margin-top:2rem}.solutions,.sectors{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);padding:2rem;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.card p{color:var(--muted)}.step{display:block;font-size:.875rem;color:var(--accent);font-weight:700;margin-bottom:2rem}.examples{background:var(--soft)}.section-intro{max-width:750px;color:var(--muted)}.impact{grid-template-columns:repeat(2,minmax(0,1fr))}.badge{font-size:.875rem;font-weight:700;color:var(--accent)!important}.big-number{font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.1;color:var(--ink)!important;letter-spacing:-.05em;font-weight:700;margin-bottom:.75rem}.metric-heading{font-size:2.25rem;font-weight:700;color:var(--ink)!important}details{padding-top:1rem;border-top:1px solid var(--line);margin-top:1.5rem;font-size:.94rem}summary{font-weight:700;cursor:pointer;margin-bottom:1rem}.method{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.method ol{margin:0;padding:0;list-style:none}.method li{display:flex;flex-direction:column;padding:1.5rem 0;border-bottom:1px solid var(--line)}.method li strong{color:var(--accent);font-size:1.1rem}.method li span{color:var(--muted)}.pricing{border-top:1px solid var(--line)}.pricing p{max-width:700px}.contact{background:var(--soft)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-email{overflow-wrap:anywhere}.contact-form{padding:2rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.contact-form>p{font-size:.9rem;color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:.94rem;font-weight:700;margin:0 0 1.2rem}input,textarea{display:block;width:100%;padding:.85rem;margin-top:.45rem;border:1px solid var(--line);border-radius:calc(var(--radius) / 2);color:var(--ink);background:var(--bg);min-height:48px}textarea{resize:vertical}.form-status{margin-top:1rem}.site-footer{display:flex;justify-content:space-between;gap:3rem;padding-block:3rem;border-top:1px solid var(--line);font-size:.9rem}.site-footer nav{display:flex;flex-direction:column;gap:.5rem}.site-footer p{color:var(--muted)}.sector-card{padding:2rem;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;display:flex;flex-direction:column}.sector-card p{color:var(--muted)}.sector-card h3{font-family:var(--heading);font-size:1.8rem}.sector-link{display:block;font-weight:700;color:var(--accent);margin-top:auto;padding-top:1.5rem;text-decoration:underline}.sector-card:hover{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-200%);z-index:10;padding:1rem;background:var(--surface);color:var(--ink)}.skip-link:focus{transform:translateY(0)}
[data-theme=beauty]{--bg:#fcf7f4;--ink:#382830;--muted:#67515c;--surface:#fffaf7;--accent:#81465c;--on-accent:#fff;--line:#dfcbd1;--soft:#f4e7e9;--radius:24px;--heading:Georgia,'Times New Roman',serif}.hero:has(+.section){border-bottom:1px solid var(--line)}body[data-theme=beauty] .hero{max-width:960px;text-align:center;padding-block:7rem 6rem}body[data-theme=beauty] .hero-intro{margin-inline:auto}body[data-theme=beauty] .actions{justify-content:center}body[data-theme=beauty] h1{font-weight:400;letter-spacing:-.035em}body[data-theme=beauty] .step{font-family:Georgia,serif;font-size:1.5rem}
[data-theme=trades]{--bg:#f8f7f3;--ink:#202a2d;--muted:#4f5a5d;--surface:#fff;--accent:#98401f;--on-accent:#fff;--line:#d4d3cb;--soft:#eee9df;--radius:2px;--heading:Arial,Helvetica,sans-serif}body[data-theme=trades] .hero{border-left:6px solid var(--accent);padding-left:2.5rem;margin-top:3rem;padding-top:2.5rem}body[data-theme=trades] h1{font-weight:900;max-width:980px}body[data-theme=trades] .step{display:inline-block;padding:.4rem .75rem;background:var(--accent);color:#fff}body[data-theme=trades] .card{border-top:4px solid var(--accent)}
[data-theme=services]{--bg:#f5f8fc;--ink:#182d4a;--muted:#485d74;--surface:#fff;--accent:#245891;--on-accent:#fff;--line:#cbd8e7;--soft:#e9f0f8;--radius:10px;--heading:Arial,Helvetica,sans-serif}body[data-theme=services] .hero{padding-block:6rem}body[data-theme=services] .solutions{gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}body[data-theme=services] .solutions .card{border:0;border-right:1px solid var(--line);border-radius:0}body[data-theme=services] .solutions .card:last-child{border-right:0}
@media(max-width:800px){.solutions,.sectors{grid-template-columns:1fr}.method,.contact-grid{grid-template-columns:1fr;gap:2rem}.site-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.hero{padding-block:4rem 3rem}.section{padding-block:3rem}.card{padding:1.5rem}body[data-theme=beauty] .hero,body[data-theme=services] .hero{padding-block:4rem}body[data-theme=services] .solutions .card{border-right:0;border-bottom:1px solid var(--line)}body[data-theme=services] .solutions .card:last-child{border-bottom:0}.site-footer{flex-direction:column;gap:1.5rem}}
@media(max-width:550px){.wrap{width:calc(100% - 2rem)}.impact{grid-template-columns:1fr}.site-header nav{gap:.9rem}.contact-form{padding:1.25rem}.actions{align-items:flex-start;flex-direction:column}body[data-theme=beauty] .actions{align-items:center}body[data-theme=trades] .hero{padding-left:1rem}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Page instituts et salons : présentation compacte du projet. */
body.beauty-compact .hero{max-width:1050px;padding-block:3.6rem 3.5rem}
body.beauty-compact h1{font-size:clamp(2.7rem,5.8vw,4.8rem)}
body.beauty-compact .section{padding-block:3.4rem}
body.beauty-compact .eyebrow{margin-bottom:1rem}
body.beauty-compact .hero-intro{max-width:650px}
.beauty-solutions h2{font-size:clamp(1.9rem,3.4vw,2.65rem)}
.beauty-solutions .card{padding:1.6rem;background:transparent;border:0;border-radius:0;border-left:1px solid var(--line)}
.beauty-solutions .card:first-child{border-left:0}
.beauty-solutions .card p{margin-bottom:0}
.service-icon{width:2rem;height:2rem;display:block;color:var(--accent);margin-bottom:1.2rem}
.case-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.case-photo{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;isolation:isolate;background:var(--line)}
.case-photo img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;object-position:center 48%}
.case-photo figcaption{position:absolute;bottom:1rem;left:1rem;right:1rem;width:fit-content;max-width:calc(100% - 2rem);padding:.5rem .85rem;background:var(--surface);color:var(--ink);font-size:.875rem;border-radius:2rem}
.case-copy h2{font-size:clamp(2rem,3.8vw,3.3rem)}
.case-copy>p:not(.eyebrow){font-size:1.1rem;color:var(--muted);max-width:430px}
.case-capabilities{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.5rem 0;list-style:none}
.case-capabilities li{font-size:.875rem;padding:.4rem .7rem;border:1px solid var(--line);border-radius:2rem}
.salon-potential{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0 .25rem}
.salon-potential p{margin:0}
.salon-potential strong{font-size:1.8rem;color:var(--accent)}
.potential-label{font-size:.875rem;color:var(--muted);margin-bottom:.25rem!important}
.estimate-label{font-size:.875rem;color:var(--muted);white-space:nowrap}
.case-details{margin-top:1rem}
.case-details>summary{font-size:.875rem;color:var(--accent);width:fit-content}
.case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:1rem 0}
.case-detail-grid h3{font-size:1.2rem}
.evidence-note{font-size:.875rem;color:var(--muted)}
.milestone-chart{margin:1.5rem 0 0}
.milestone-chart figcaption{font-size:.875rem;color:var(--muted);margin-bottom:1rem}
.milestone-row{display:grid;grid-template-columns:4rem minmax(0,1fr) 2rem;gap:.75rem;align-items:center;margin-top:.75rem;font-size:.875rem}
.milestone-row strong{text-align:right;font-size:1rem;font-variant-numeric:tabular-nums}
.milestone-track{display:block;background:var(--line);height:.6rem;border-radius:1rem}
.milestone-bar{display:block;height:100%;background:var(--accent);border-radius:inherit}
.milestone-40{width:66.666667%}.milestone-60{width:100%}
body.beauty-compact .method li{padding:1rem 0}
body.beauty-compact .method li:first-child{padding-top:0}
body.beauty-compact .pricing{display:flex;align-items:center;justify-content:space-between;gap:2rem}
body.beauty-compact .pricing h2{font-size:clamp(1.8rem,3vw,2.5rem)}
body.beauty-compact .pricing p{max-width:650px;margin-bottom:0}
body.beauty-compact .pricing .button{flex-shrink:0}
.form-options{margin:0 0 1.5rem;padding-top:0;border:0}
.form-options summary{font-size:.875rem;color:var(--muted)}
.form-options[open]{padding-top:.25rem}
@media(max-width:800px){
 body.beauty-compact .hero{padding-block:3rem}
 body.beauty-compact .section{padding-block:2.5rem}
 .beauty-solutions .cards{gap:1rem}
 .beauty-solutions .card{display:grid;grid-template-columns:2rem 1fr;gap:.35rem 1rem;padding:.9rem 0;border:0;border-bottom:1px solid var(--line)}
 .beauty-solutions .card:last-child{border-bottom:0}
 .beauty-solutions .card h3{margin-bottom:.25rem}
 .beauty-solutions .card p{grid-column:2}
 .service-icon{margin:0}
 .case-story{gap:2rem;grid-template-columns:1fr}
 .case-photo{max-width:580px}
 .case-photo img{aspect-ratio:16/10}
 .case-copy h2{max-width:600px}
 .case-copy>p:not(.eyebrow){max-width:600px}
 .case-detail-grid{grid-template-columns:1fr;gap:1.5rem}
 body.beauty-compact .pricing{align-items:flex-start;flex-direction:column}
}
@media(max-width:450px){
 .salon-potential{align-items:flex-start;flex-direction:column;gap:.4rem}
}


/* Captures visibles au même endroit que les résultats. */
.case-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.75rem}
.case-proof-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:1.1rem;padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;min-width:0}
.proof-copy{margin:0;min-width:0}
.proof-copy dt:not(.sr-only),.proof-kicker{font-size:.875rem;color:var(--muted);margin:0 0 .45rem;line-height:1.4}
.proof-copy dd{margin:0}
.proof-number{font-size:clamp(2rem,3.3vw,2.7rem);font-weight:700;color:var(--accent);letter-spacing:-.035em;line-height:1.05}
.proof-number span{font-size:.875rem;font-weight:400;letter-spacing:normal;color:var(--muted)}
.proof-copy .proof-traffic{margin-top:.7rem;font-size:.875rem;line-height:1.4;color:var(--muted)}
.proof-traffic strong{color:var(--ink);white-space:nowrap}
.proof-title{font-size:clamp(1.4rem,2.5vw,1.9rem);font-family:var(--heading);line-height:1.15;margin:0 0 .5rem;color:var(--accent)}
.proof-query{font-size:.875rem;color:var(--muted);margin:0}
.proof-preview{display:block;position:relative;isolation:isolate;aspect-ratio:2.45;overflow:hidden;border-radius:10px;background:#212225;border:1px solid #3a3d45;box-shadow:0 6px 14px #38283012}
.proof-preview img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:none}
.proof-preview-google img{transform:translateY(-56%)}
.proof-preview-ai img{transform:translateY(-27%)}
.proof-open{position:absolute;bottom:.35rem;right:.35rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface);color:var(--accent);font-size:1rem;line-height:1}
.proof-preview:hover{border-color:var(--accent)}
.proof-preview:focus-visible{outline-offset:3px}
@media(max-width:1000px){.case-proof-grid{grid-template-columns:1fr}.case-proof-card{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.proof-preview{max-height:105px}}
@media(max-width:550px){.case-proof-grid{gap:.75rem;margin-top:1.5rem}.case-proof-card{padding:1rem;gap:.8rem;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.proof-number{font-size:2.2rem}.proof-number span{display:none}.proof-preview{aspect-ratio:1.85}.proof-title{font-size:1.5rem}}

.proof-title.proof-title-ready{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.15}

.ai-providers{display:flex;flex-wrap:wrap;gap:.3rem .65rem;font-size:.75rem;line-height:1.4}
.ai-providers>span{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}
.ai-providers img{display:block;width:16px;height:16px;flex:none;object-fit:contain}

/* Offres Indépendants & commerces et PME : mise en page compacte et exemples partagés. */
body.compact-offer .hero{padding-block:3.6rem 3rem}
body.compact-offer h1{font-size:clamp(2.5rem,5.2vw,4.4rem);max-width:1100px;line-height:1.12}
body.compact-offer h1 span{color:var(--accent)}
body.compact-offer h2{font-size:clamp(1.9rem,3.2vw,2.65rem)}
body.compact-offer .section{padding-block:3rem}
body.compact-offer .eyebrow{margin-bottom:1rem}
body.compact-offer .hero-intro{max-width:740px}
body.compact-offer .hero-footnote{margin-top:1.8rem;margin-bottom:0}
body.compact-offer .card{padding:1.6rem}
body.compact-offer .step{margin-bottom:1rem}
body.compact-offer .card p{margin-bottom:0}
.offer-examples-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:3rem;align-items:center}
.offer-use-cases{margin:1.5rem 0 0}
.offer-use-cases>div{display:grid;grid-template-columns:10.5rem 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:1.15rem 0}
.offer-use-cases>div:last-child{border-bottom:0;padding-bottom:0}
.offer-use-cases dt{font-weight:700}
.offer-use-cases dd{margin:0;color:var(--muted)}
.offer-time-example{padding:2rem;background:var(--ink);color:#fff;border-radius:var(--radius)}
.offer-time-example .badge{color:#c6ddfa!important}
.offer-time-example .big-number{color:#fff!important;margin-bottom:.25rem}
.offer-time-example h3{max-width:290px}
.offer-time-example>p:not(.big-number){color:#d9e5f2}
.offer-time-example details{border-color:#47617d;color:#d9e5f2;margin-top:1rem}
.offer-time-example details p:last-child{margin-bottom:0}
.offer-time-example summary{color:#fff;margin-bottom:0}
.offer-time-example details[open] summary{margin-bottom:1rem}
.offer-time-example :focus-visible{outline-color:#c6ddfa}
body.compact-offer .method{align-items:center;gap:3rem}
body.compact-offer .method p{color:var(--muted);margin-bottom:0}
body.compact-offer .method li{padding:.85rem 0}
body.compact-offer .pricing{display:flex;align-items:center;justify-content:space-between;gap:2rem}
body.compact-offer .pricing p{max-width:740px;margin-bottom:0}
body.compact-offer .pricing .eyebrow{margin-bottom:.75rem}
body.compact-offer .pricing .button{flex-shrink:0}
body.compact-offer .contact-grid{gap:3rem}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
body.compact-offer #form-info{margin-top:1rem;margin-bottom:0}
body.compact-offer .form-status:empty{display:none}
@media(max-width:900px){.offer-examples-grid{grid-template-columns:1fr;gap:2rem}.offer-time-example{max-width:600px}body.compact-offer .pricing{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){body.compact-offer .hero{padding-block:2.8rem}body.compact-offer .section{padding-block:2.4rem}body.compact-offer .method,body.compact-offer .contact-grid{gap:2rem}}
@media(max-width:550px){.offer-use-cases>div{grid-template-columns:1fr;gap:.3rem;padding-block:1rem}.contact-form-row{grid-template-columns:1fr;gap:0}.offer-time-example{padding:1.5rem}body.compact-offer .actions{gap:1rem}body.compact-offer .site-header nav{gap:1rem}}

/* Accueil : orienter rapidement vers le besoin prioritaire. */
body.home-page .hero{padding-block:3.8rem 3rem}
body.home-page h1{font-size:clamp(2.5rem,5.4vw,4.8rem);max-width:1100px}
body.home-page .section{padding-block:3rem}
body.home-page h2{font-size:clamp(1.9rem,3.5vw,2.8rem)}
body.home-page .sector-card{padding:1.6rem}
body.home-page .sector-card .eyebrow{font-size:.75rem;letter-spacing:.08em}
body.home-page .sector-card h3{font-size:1.65rem}
.offer-help{margin:1.75rem 0 0;color:var(--muted);font-size:.94rem}
.offer-help a{font-weight:700;color:var(--accent)}
body[data-theme=trades] .offer-time-example .badge{color:#f5d3be!important}
body[data-theme=trades] .offer-time-example>p:not(.big-number),
body[data-theme=trades] .offer-time-example details{color:#eee4dc}
body[data-theme=trades] .offer-time-example details{border-color:#69706b}
body[data-theme=trades] .offer-time-example :focus-visible{outline-color:#f5d3be}
@media(max-width:550px){body.home-page .hero{padding-block:2.8rem}body.home-page .section{padding-block:2.4rem}}

/* Service transversal : conserver la signature commune et les entrées métier. */
.visibility-callout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;padding:1.5rem;margin-top:2rem;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface)}
.visibility-callout>div{flex:1 1 20rem;min-width:0}
.visibility-callout h3{font-size:1.2rem;margin-bottom:.5rem}
.visibility-callout p{margin:0;color:var(--muted)}
.visibility-callout>a{color:var(--accent);font-size:1rem}
.visibility-page .visibility-providers{gap:.65rem 1.25rem;font-size:.875rem;font-weight:700;color:var(--muted);margin-top:1.25rem}
.visibility-page .visibility-providers>span{gap:.45rem}
.visibility-page .visibility-providers img{width:20px;height:20px}
.visibility-page .case-proof-card{border-radius:var(--radius)}
@media(max-width:550px){.visibility-callout{padding:1.25rem}.visibility-page .case-proof-card{grid-template-columns:1fr}.visibility-page .proof-preview{aspect-ratio:2.45;max-height:none}.visibility-page .proof-title{font-size:1.35rem}}