/* Blocs commerciaux : différenciation, résultats, réalisations, engagements, devis express */
.hero-proof{list-style:none;display:flex;gap:var(--space-8);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);max-width:520px}
.hero-proof li{display:grid;gap:2px}
.hero-proof strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary);letter-spacing:-.02em}
.hero-proof span{font-size:var(--text-xs);color:var(--color-text-muted)}

.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.why-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}
.why-card-lead{background:var(--color-navy);color:#fff;border-color:transparent}
.why-card-lead p{color:#c9d2ea!important}
.why-card-lead .why-proof{color:#9fb4ff;border-color:#ffffff22}
.why-index{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);letter-spacing:1.5px}
.why-card-lead .why-index{color:#9fb4ff}
.why-card h3{font-size:var(--text-base);font-weight:600;line-height:1.35;text-wrap:balance}
.why-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;flex:1}
.why-proof{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);padding-top:var(--space-4);border-top:1px solid var(--color-border)}
.compare{margin-top:var(--space-12);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}
.compare-title{font-size:var(--text-base);font-weight:600;padding:var(--space-6) var(--space-6) var(--space-4)}
.compare-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:640px}
.compare-table th,.compare-table td{text-align:left;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);vertical-align:top}
.compare-table thead th{font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}
.compare-table tbody th{font-weight:600;width:24%}
.compare-table td{color:var(--color-text-muted)}
.compare-table .compare-us{background:color-mix(in oklch,var(--color-primary) 7%,transparent);color:var(--color-text);font-weight:500}
.compare-table thead .compare-us{color:var(--color-primary)}
.compare-table td.compare-us::before{content:"✓ ";color:var(--color-primary);font-weight:700}

.results-section{background:var(--color-surface);padding-block:var(--space-20)}
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.result-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.result-kicker{font-size:var(--text-xs);letter-spacing:1.5px;font-weight:600;color:var(--color-primary)}
.result-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}
.result-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;flex:1}
.result-card dl{padding-top:var(--space-4);border-top:1px dashed var(--color-border)}
.result-card dt{font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-1)}
.result-card dd{font-size:var(--text-xs);color:var(--color-text-muted)}
.result-card-cta{background:var(--color-primary);border-color:transparent;color:#fff;justify-content:center}
.result-card-cta p{color:#e3e9ff}
.result-card-cta .button{background:#fff;color:var(--color-navy);align-self:flex-start}
.result-card-cta .button:hover{background:#e8edff}
[data-theme=dark] .result-card-cta{background:oklch(40% .17 265)}

.work-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}
.work-tabs [role=tab]{min-height:44px;padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:999px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}
.work-tabs [role=tab]:hover{color:var(--color-primary);border-color:var(--color-primary)}
.work-tabs [aria-selected=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
[data-theme=dark] .work-tabs [aria-selected=true]{color:var(--color-navy)}
.work-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-12);padding:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}
.work-panel[hidden]{display:none}
.work-kicker{font-size:var(--text-xs);letter-spacing:1.5px;font-weight:600;color:var(--color-primary)}
.work-copy h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;margin-block:var(--space-3) var(--space-4);text-wrap:balance}
.work-challenge{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}
.work-challenge strong{color:var(--color-text)}
.work-list{list-style:none;margin-block:var(--space-6);display:grid;gap:var(--space-2)}
.work-list li{font-size:var(--text-sm);padding-left:var(--space-6);position:relative}
.work-list li::before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}
.work-logos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-content:start}
.work-logos li{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;height:104px;padding:var(--space-3);overflow:hidden}
.work-logos img{width:100%;height:100%;min-height:0;object-fit:contain}
.work-numbers{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:var(--space-8);align-items:center;margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}
.work-numbers div{display:grid;gap:var(--space-1)}
.work-numbers strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);letter-spacing:-.03em;line-height:1}
.work-numbers span{font-size:var(--text-xs);color:var(--color-text-muted);max-width:28ch}

.sla-section{background:var(--color-navy);color:#fff;padding-block:var(--space-20)}
.sla-section .section-heading>p{color:#c2cbe4}
.sla-section .section-heading .eyebrow{color:#9fb4ff}
.sla-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.sla-card{padding:var(--space-8);border:1px solid #ffffff1f;border-radius:var(--radius-md);background:#ffffff08;display:flex;flex-direction:column;gap:var(--space-3)}
.sla-critical{border-color:#9fb4ff66;background:#9fb4ff14}
.sla-top{display:flex;justify-content:space-between;align-items:center}
.sla-level{font-size:var(--text-xs);letter-spacing:1.5px;font-weight:600;color:#9fb4ff}
.sla-badge{font-size:var(--text-xs);padding:2px var(--space-3);border-radius:999px;background:#ffffff14;color:#e3e9ff}
.sla-critical .sla-badge{background:#ffb4a2;color:#4a1206;font-weight:600}
.sla-card h3{font-size:var(--text-lg);font-weight:600}
.sla-card p{font-size:var(--text-sm);color:#c2cbe4;line-height:1.6;flex:1}
.sla-card dl{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid #ffffff1f}
.sla-card dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-4);align-items:baseline}
.sla-card dt{font-size:var(--text-xs);color:#c2cbe4}
.sla-card dd{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-align:right}
.sla-note{font-size:var(--text-xs);color:#aab4d4;margin-top:var(--space-4)}
.sla-flow{margin-top:var(--space-12)}
.sla-flow h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-6)}
.sla-flow ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);counter-reset:none}
.sla-flow li{border-top:2px solid #9fb4ff;padding-top:var(--space-4);display:grid;gap:var(--space-2);align-content:start}
.sla-flow li span{font-size:var(--text-xs);color:#9fb4ff;font-weight:600}
.sla-flow li strong{font-size:var(--text-base);font-weight:600}
.sla-flow li p{font-size:var(--text-sm);color:#c2cbe4}
.sla-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-12)}
.sla-channel{display:grid;gap:var(--space-1);padding:var(--space-5);border-radius:var(--radius-sm);background:#fff;color:var(--color-navy)}
.sla-channel:hover{background:#e8edff}
.sla-channel strong{font-size:var(--text-sm)}
.sla-channel span{font-size:var(--text-xs);color:#4a5578;overflow-wrap:anywhere}

.express-card{background:#fff;color:var(--color-navy);border-radius:var(--radius-lg);padding:var(--space-10)}
.express-kicker{font-size:var(--text-xs);letter-spacing:1.3px;font-weight:600;color:#163ed9}
.express-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;margin-block:var(--space-3)}
.express-card>p{font-size:var(--text-sm);color:#4a5578}
.express-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-block:var(--space-6)}
.express-options button{display:grid;gap:var(--space-1);text-align:left;padding:var(--space-4) var(--space-5);border:1px solid #111b3424;border-radius:var(--radius-md);min-height:72px;transition:border-color .15s,background .15s}
.express-options button:hover{border-color:#163ed9;background:#f1f4ff}
.express-options strong{font-size:var(--text-sm);font-weight:600}
.express-options span{font-size:var(--text-xs);color:#4a5578}
.express-options .express-wide{grid-column:1/-1;background:#f5f7fc}
.express-note{font-size:var(--text-xs)!important}

.wizard-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-6);counter-reset:w}
.wizard-progress li{counter-increment:w;font-size:var(--text-xs);color:var(--color-text-muted);padding-top:var(--space-3);border-top:3px solid var(--color-border)}
.wizard-progress li::before{content:counter(w) ". "}
.wizard-progress li.done,.wizard-progress li.current{border-color:var(--color-primary);color:var(--color-text)}
.wizard-progress li.current{font-weight:600}
.wizard-step{border:0;padding:0;margin:0;min-width:0}
.wizard-step legend{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}
.choice{position:relative;cursor:pointer}
.choice input,.chip input{position:absolute;opacity:0;pointer-events:none}
.choice>span{display:grid;gap:2px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:64px;height:100%}
.choice strong{font-size:var(--text-sm);font-weight:600}
.choice small{font-size:var(--text-xs);color:var(--color-text-muted)}
.choice:last-child{grid-column:1/-1}
.choice input:checked+span,.chip input:checked+span{border-color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 9%,transparent);box-shadow:inset 0 0 0 1px var(--color-primary)}
.choice input:focus-visible+span,.chip input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:2px}
.choice-label{font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-2)}
.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}
.chip{cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:999px;font-size:var(--text-sm)}
.optional{font-weight:400;color:var(--color-text-muted)}
.wizard-error{font-size:var(--text-sm);color:oklch(52% .19 25);margin-bottom:var(--space-3)}
.wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4)}
.wizard-nav .wizard-next,.wizard-nav .quote-submit-actions{margin-left:auto}
.wizard-footnote{margin-top:var(--space-4)}

.mobile-action-bar{display:none}

@media(max-width:1100px){.why-grid,.results-grid{grid-template-columns:1fr 1fr}.work-panel{grid-template-columns:1fr;gap:var(--space-8)}.work-numbers{grid-template-columns:repeat(3,1fr)}.work-numbers .button{grid-column:1/-1;justify-self:start}.sla-channels{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
.hero-proof{gap:var(--space-5);margin-top:var(--space-8)}
.why-grid,.results-grid,.sla-grid{grid-template-columns:1fr}
.why-card,.result-card,.sla-card{padding:var(--space-6)}
.results-section,.sla-section{padding-block:var(--space-16)}
.work-panel{padding:var(--space-6)}
.work-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.work-numbers{grid-template-columns:1fr;gap:var(--space-5)}
.work-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--space-1));padding:var(--space-1)}
.work-tabs [role=tab]{white-space:nowrap;flex-shrink:0}
.sla-flow ol{grid-template-columns:1fr 1fr;gap:var(--space-6) var(--space-4)}
.sla-channels{grid-template-columns:1fr 1fr}
.express-card{padding:var(--space-6)}
.express-options{grid-template-columns:1fr}
.choice-grid{grid-template-columns:1fr}
.mobile-action-bar{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1px;position:fixed;left:0;right:0;bottom:0;z-index:36;background:var(--color-border);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}
.mobile-action-bar>*{display:grid;place-items:center;min-height:54px;font-size:var(--text-sm);font-weight:600;background:var(--color-bg);color:var(--color-text)}
.mobile-action-bar .mab-primary{background:var(--color-primary);color:#fff}
[data-theme=dark] .mobile-action-bar .mab-primary{color:var(--color-navy)}
.mobile-action-bar a[href^="https://wa.me"]{color:#14683f}
[data-theme=dark] .mobile-action-bar a[href^="https://wa.me"]{color:#bce5cc}
.floating-whatsapp{display:none!important}
body{padding-bottom:56px}
}
.wizard [hidden]{display:none!important}
@media(max-width:760px){.work-logos li{height:72px;padding:var(--space-2)}}
.wizard-progress li{border-bottom:0!important;padding-bottom:0!important}
.wizard-summary{font-size:var(--text-xs);color:var(--color-text-muted);margin:-8px 0 var(--space-4)}
.wizard-summary strong{color:var(--color-primary)}
@media(max-width:760px){
.compare-table{min-width:0}
.compare-table thead{display:none}
.compare-table tr{display:block;border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5)}
.compare-table th,.compare-table td{display:block;border:0;padding:var(--space-1) 0;width:auto!important}
.compare-table tbody th{margin-bottom:var(--space-1)}
.compare-table td:not(.compare-us)::before{content:"Approche classique : ";font-weight:600}
.compare-table td.compare-us{background:none;color:var(--color-primary)}
}
[data-theme=dark] .why-card-lead{background:oklch(32% .1 265)}

/* LinkedIn */
/*.linkedin-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid #b9cde6;border-radius:var(--radius-sm);color:#0a4f96;background:#eef4fb}
.linkedin-link:hover{background:#dce9f7;color:#083d75}
[data-theme=dark] .linkedin-link{background:#13283f;color:#b9d6f5;border-color:#35567a}
.footer-linkedin{gap:6px}
.footer-linkedin svg{color:#0a66c2}
[data-theme=dark] .footer-linkedin svg{color:#7fb6ea}
.linkedin-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #b9cde6;border-radius:6px;color:#0a4f96;background:#eef4fb;font-weight:600}
.linkedin-link:hover{background:#dce9f7}*/
.linkedin-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #b9cde6;border-radius:6px;color:#0a4f96;background:#eef4fb;font-weight:600}
.linkedin-link:hover{background:#dce9f7}

/* Titre « Transformer la technologie en performance. » : 3 lignes sur mobile */
@media(max-width:480px){#hero-title{font-size:clamp(2.25rem,11.4vw,3.25rem)}}
/* Tablette : menu compact, « Espace client » reste visible */
@media(min-width:761px) and (max-width:1180px){.navigation .support-nav{display:inline-flex}.navigation .nav-link[href="#pourquoi"],.navigation .nav-link[href="#realisations"],.navigation .nav-link[href="#engagements"],.navigation .nav-link[href="./index.html#pourquoi"],.navigation .nav-link[href="./index.html#realisations"],.navigation .nav-link[href="./index.html#engagements"]{display:none}}