/* cas-clients — CSS spécifique (source : Les Nicheurs - Cas clients (refonte).html) */
/* Divergences du préfixe commun de cette page vs chrome.css, reportées ici (scope : cette vue) */
:root{--maxw:1220px}
body{line-height:1.6}
.btn .ar{transition:transform .22s ease}
.btn:hover .ar{transform:translateX(4px)}
/* ===== HERO ===== */
.cc-hero{padding:60px 0 8px;text-align:center}
.cc-hero .bird{width:62px;height:auto;image-rendering:pixelated;margin:0 auto 16px}
.cc-hero .eyebrow{justify-content:center;color:var(--green-deep);margin-bottom:14px}
.cc-hero h1{font-family:var(--sans);font-weight:800;font-size:clamp(46px,8vw,108px);line-height:.92;letter-spacing:-.045em}
.cc-hero h1 .tm{font-size:.3em;vertical-align:super;font-weight:700;color:var(--muted);letter-spacing:0}
.cc-hero p.lead{font-size:18.5px;color:var(--ink-soft);max-width:56ch;margin:26px auto 0;text-wrap:pretty}
.cc-hero p.lead b{color:var(--ink);font-weight:700}
.cc-hero .cta{margin-top:30px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cc-stat-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 50px;margin-top:52px;padding-top:38px;border-top:1px solid var(--line)}
.cc-st{text-align:center;min-width:120px}
.cc-st .n{font-family:var(--sans);font-weight:800;font-size:clamp(30px,3.4vw,44px);line-height:1;letter-spacing:-.03em;color:var(--orange)}
.cc-st .n.v{color:var(--green-deep)}
.cc-st .l{font-size:12.5px;color:var(--ink-soft);margin-top:9px;max-width:18ch;margin-inline:auto}

/* ===== SECTION ===== */
section.block{padding:74px 0}
.sec-head{text-align:center;margin-bottom:46px}
.sec-head .lab{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}
.sec-head .lab.v{color:var(--green-deep)}
.sec-head h2{font-family:var(--sans);font-weight:800;font-size:clamp(34px,5vw,68px);line-height:1;letter-spacing:-.035em}
.sec-head p{font-size:17px;color:var(--ink-soft);max-width:50ch;margin:16px auto 0}

/* ===== CAS VEDETTES (photo cards) ===== */
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.feat-card{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/11;border:1px solid var(--line);box-shadow:0 30px 60px -44px rgba(22,19,15,.6);background:var(--cream-2)}
.feat-card image-slot{position:absolute;inset:0;width:100%;height:100%}
.feat-ov{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:26px 28px;background:linear-gradient(to bottom,rgba(0,0,0,.32) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 50%,rgba(0,0,0,.78) 100%)}
.feat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.feat-name{font-family:var(--sans);font-weight:800;font-size:24px;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5);line-height:1.05}
.feat-name span{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:7px;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.feat-arrow{pointer-events:auto;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:transform .2s,background .2s;box-shadow:0 8px 20px -8px rgba(255,91,31,.8)}
.feat-arrow:hover{transform:translate(2px,-2px) scale(1.06);background:var(--orange-deep)}
.feat-metrics{display:flex;gap:14px}
.feat-metric{flex:1;min-width:0}
.feat-metric .v{font-family:var(--sans);font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.025em;color:#fff;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.feat-metric .k{font-size:11.5px;color:rgba(255,255,255,.86);margin-top:7px;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.6)}
@media(max-width:820px){.feat-grid{grid-template-columns:1fr}.feat-card{aspect-ratio:16/12}}

/* ===== CAS CLIENTS (résumés) ===== */
.cas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.cas{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--line);border-radius:24px;padding:28px 30px;transition:transform .2s,box-shadow .2s,border-color .2s}
.cas:hover{transform:translateY(-4px);box-shadow:0 26px 46px -32px rgba(22,19,15,.42);border-color:var(--ink)}
.cas-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;margin-bottom:20px}
.cas-logo{max-height:42px;max-width:154px;width:auto;object-fit:contain}
.cas-sector{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;line-height:1.4;flex-shrink:0}
.cas-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.55;text-wrap:pretty;flex:1}
.cas-result{margin-top:22px;background:var(--cream-2);border:1px solid var(--line-soft);border-radius:16px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cas-ba{display:flex;align-items:baseline;gap:10px;font-family:var(--sans);font-weight:800;letter-spacing:-.03em;line-height:1;flex-shrink:0}
.cas-b{font-size:20px;color:var(--muted)}
.cas-arrow{font-size:15px;color:var(--orange)}
.cas-a{font-size:33px;color:var(--orange)}
.cas-a.sm{font-size:24px}
.cas-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:800;font-size:25px;letter-spacing:-.02em;color:#fff;background:var(--green-deep);border-radius:12px;padding:6px 14px;line-height:1;flex-shrink:0}
.cas-rl{font-size:12.5px;color:var(--ink-soft);text-align:right;max-width:20ch;line-height:1.35}
.cas-rl b{color:var(--ink);font-weight:700}
@media(max-width:820px){.cas-grid{grid-template-columns:1fr}}

/* ===== CAS CLIENT — MODÈLE RÉSUMÉ DÉTAILLÉ (violet clair FAQ, dépliable) ===== */
.case{grid-column:1/-1;border:1.5px solid var(--green-deep);border-radius:16px;overflow:hidden;background:var(--green-soft);color:var(--ink);box-shadow:4px 5px 0 var(--green-deep);margin-bottom:16px}
.case[open]{box-shadow:6px 7px 0 var(--green-deep)}
.case-hd{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;transition:background .18s}
.case-hd::-webkit-details-marker{display:none}
.case-hd:hover{background:rgba(108,76,240,.06)}
.case-logo{width:62px;height:62px;border-radius:14px;object-fit:contain;padding:8px;background:rgba(108,76,240,.07);border:1px solid rgba(108,76,240,.22);flex-shrink:0}
.case-id{display:flex;align-items:center;gap:15px}
.case-nm{display:flex;flex-direction:column;line-height:1.15}
.case-nm .nm{font-family:var(--sans);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.case-nm .url{font-family:var(--mono);font-size:12.5px;color:var(--green-deep);margin-top:5px;transition:color .15s}
.case-nm .url:hover{color:var(--ink);text-decoration:underline}
.case-hd-r{display:flex;align-items:center;gap:16px;flex-shrink:0}
.case-hook{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:var(--green-deep);text-align:center;padding:0 18px}
.case-hook::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-deep);flex-shrink:0;opacity:.55}
@media(max-width:860px){.case-hook{display:none}}
.case-tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--green-deep);background:rgba(108,76,240,.1);border:1px solid var(--green);padding:7px 14px;border-radius:999px;white-space:nowrap}
.case-ic{width:34px;height:34px;border-radius:50%;background:rgba(108,76,240,.12);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;flex-shrink:0;transition:transform .22s,background .18s,color .18s}
.case[open] .case-ic{transform:rotate(45deg);background:var(--green-deep);color:#fff}
.case-body{display:grid;grid-template-columns:1.05fr .95fr;border-top:1px solid rgba(108,76,240,.22)}
.case-main{padding:32px 34px;display:flex;flex-direction:column;gap:24px}
.case-blk .l{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);margin-bottom:9px}
.case-blk p{font-size:14.5px;color:var(--ink-soft);line-height:1.6;text-wrap:pretty}
.case-appr{list-style:none;display:flex;flex-direction:column;gap:9px}
.case-appr li{position:relative;padding-left:24px;font-size:14px;color:var(--ink-soft);line-height:1.5}
.case-appr li::before{content:"\2192";position:absolute;left:0;top:0;color:var(--green-deep);font-weight:700}
.case-side{background:transparent;border-left:1px solid rgba(108,76,240,.22);padding:30px 32px;display:flex;flex-direction:column}
.case-res-h{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:800;font-size:15px;letter-spacing:.01em;text-transform:uppercase;color:var(--green-deep);margin-bottom:20px}
.case-res-h img{width:24px;height:24px;object-fit:contain}
.case-stat{padding:17px 0;border-bottom:1px solid rgba(108,76,240,.18);display:flex;align-items:baseline;gap:16px}
.case-stat:first-child{padding-top:0}
.case-stat .v{font-family:var(--sans);font-weight:800;font-size:38px;letter-spacing:-.03em;line-height:1;color:var(--green-deep);flex-shrink:0;min-width:118px}
.case-stat .k{font-size:13px;color:var(--ink);font-weight:700;line-height:1.4}
.case-quote{margin-top:24px;display:flex;gap:14px;align-items:flex-start}
.case-quote img.qa{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}
.case-quote .qx{font-size:13px;color:var(--ink-soft);line-height:1.5;font-style:italic}
.case-quote .qx b{display:block;font-family:var(--sans);font-size:13px;margin-top:7px;color:var(--ink);font-style:normal}
@media(max-width:820px){.case-body{grid-template-columns:1fr}.case-side{border-left:none;border-top:1px solid rgba(108,76,240,.22)}.case-stat .v{min-width:104px;font-size:33px}.case-hd{flex-wrap:wrap;gap:14px}}

/* ===== QUOTE ===== */
.quote-sec{padding:18px 0}
.quote-band{position:relative;background:var(--green-deep);color:#fff;border-radius:30px;padding:84px 88px;overflow:hidden}
.quote-band .bigq{position:absolute;top:8px;right:40px;font-family:Georgia,serif;font-size:300px;line-height:1;color:rgba(255,255,255,.13);pointer-events:none}
.quote-band blockquote{position:relative;font-family:var(--sans);font-weight:800;font-size:clamp(24px,3vw,40px);line-height:1.22;letter-spacing:-.02em;max-width:30ch;text-wrap:balance}
.quote-band blockquote em{font-style:normal;color:#ffd9c9}
.quote-by{position:relative;display:flex;align-items:center;gap:16px;margin-top:42px}
.quote-by image-slot{width:58px;height:58px;flex-shrink:0}
.quote-by .qt b{font-family:var(--sans);font-size:17px;font-weight:800;letter-spacing:-.01em;display:block}
.quote-by .qt span{font-family:var(--mono);font-size:13px;color:rgba(255,255,255,.82)}
@media(max-width:680px){.quote-band{padding:48px 28px;border-radius:22px}.quote-band .bigq{font-size:180px;right:10px;top:-10px}}

/* ===== LOGO WALL ===== */
.wall{display:grid;grid-template-columns:repeat(5,1fr);gap:46px 30px;align-items:center;justify-items:center;max-width:1000px;margin:0 auto}
.wall img{max-height:38px;max-width:130px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .2s,opacity .2s}
.wall img:hover{filter:grayscale(0);opacity:1}
@media(max-width:880px){.wall{grid-template-columns:repeat(3,1fr);gap:40px 26px}}
@media(max-width:480px){.wall{grid-template-columns:repeat(2,1fr);gap:34px 20px}}

/* ===== AVIS CLIENTS ===== */
.reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.review{background:#fff;border:1.5px solid var(--ink);border-radius:18px;padding:24px;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}
.review:hover{transform:translateY(-4px);box-shadow:6px 8px 0 var(--ink)}
.review .gr{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.review .gr .gG{width:19px;height:19px;background:url("../../img/chips/google.webp") center/contain no-repeat;display:inline-block}
.review .gr .stars{color:#f5a623;font-size:15px;letter-spacing:1px}
.review p{font-size:13.5px;color:var(--ink-soft);margin-bottom:20px;line-height:1.55;flex:1}
.review p .hl{background:var(--orange-soft);color:var(--orange-deep);font-weight:700;padding:0 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.review .who{display:flex;align-items:center;gap:12px}
.review .av{width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--green);flex-shrink:0}
.review .av img{width:100%;height:100%;object-fit:cover;display:block}
.review .nm{font-weight:700;font-size:14px}
.review .co{font-size:12.5px;color:var(--muted)}
@media(max-width:1080px){.reviews{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.reviews{grid-template-columns:1fr}}

/* ===== CTA ===== */
.cta-band{background:var(--orange);border-radius:26px;padding:64px;text-align:center;color:#fff}
.cta-band img{width:84px;height:auto;image-rendering:pixelated;margin:0 auto 20px}
.cta-band h2{font-weight:800;font-size:clamp(30px,3.8vw,50px);line-height:1.05;letter-spacing:-.025em;color:#fff}
.cta-band p{color:rgba(255,255,255,.92);font-size:17px;max-width:48ch;margin:18px auto 32px}
.cta-band .btn{background:#fff;border-color:#fff;color:var(--ink)}
.cta-band .btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:600px){.cta-band{padding:40px 24px;border-radius:20px}}

/* FOOTER */
footer{padding:72px 0 40px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:46px;border-bottom:1px solid var(--line)}
.foot-grid h4{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);margin-bottom:18px}
.foot-grid a{display:block;font-size:14.5px;color:var(--ink-soft);padding:5px 0}
.foot-grid a:hover{color:var(--orange)}
.foot-grid p{font-size:14px;color:var(--ink-soft);max-width:32ch;margin-top:14px}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-family:var(--mono);font-size:12px;color:var(--muted);flex-wrap:wrap;gap:14px}
.foot-bottom a{color:var(--muted)}.foot-bottom a:hover{color:var(--ink)}
@media(max-width:880px){.foot-grid{grid-template-columns:1fr 1fr}}

@media(max-width:560px){
  .wrap{padding:0 20px}
  section.block{padding:52px 0}
  .cc-hero{padding:36px 0 4px}
  .cc-hero p.lead{font-size:16px;margin-top:20px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px 24px}
  /* cartes cas clients dépliables */
  .cas-grid{gap:16px}
  .case{border-radius:14px;box-shadow:3px 4px 0 var(--green-deep);margin-bottom:12px}
  .case[open]{box-shadow:4px 5px 0 var(--green-deep)}
  .case-hd{padding:16px 16px;gap:12px}
  .case-id{gap:12px}
  .case-logo{width:46px;height:46px;border-radius:11px;padding:6px}
  .case-nm .nm{font-size:16px}
  .case-nm .url{font-size:11.5px;margin-top:3px}
  .case-hd-r{gap:10px}
  .case-tag{font-size:10px;padding:5px 10px;white-space:normal;text-align:center;line-height:1.25;max-width:132px}
  .case-ic{width:30px;height:30px;font-size:19px}
  .case-main{padding:24px 22px;gap:20px}
  .case-side{padding:24px 22px}
  .case-blk p,.case-appr li{font-size:13.5px}
  .case-stat{gap:12px;padding:14px 0}
  .case-stat .v{min-width:82px;font-size:27px}
  .case-stat .k{font-size:12.5px}
  .case-quote img.qa{width:42px;height:42px}
  /* avis */
  .review{padding:20px}
}
@media(max-width:430px){
  .case-tag{display:none}
  .case-hd-r{gap:0}
  .case-id{flex:1;min-width:0}
  .case-nm{min-width:0}
  .case-nm .nm{font-size:15.5px;overflow-wrap:anywhere}
  .case-stat{flex-wrap:wrap;gap:4px 12px}
  .foot-grid{grid-template-columns:1fr}
}
@media(max-width:400px){.foot-grid{grid-template-columns:1fr}}
.svc-link{display:inline-flex;align-items:center;gap:.5em;font-family:var(--sans);font-weight:700;font-size:17px;color:var(--ink);text-decoration:none}
.svc-link .svc-link-txt{position:relative;z-index:0;padding:0 .12em;white-space:nowrap}
.svc-link .svc-link-txt::before{content:"";position:absolute;z-index:-1;left:-.08em;right:-.08em;top:46%;bottom:2%;transform:rotate(-1deg);border-radius:.5em .4em .55em .45em;filter:url(#stabylo);background:linear-gradient(95deg,rgba(170,165,156,0) 0%,rgba(170,165,156,.55) 4%,rgba(170,165,156,.36) 26%,rgba(170,165,156,.52) 52%,rgba(170,165,156,.34) 78%,rgba(170,165,156,.48) 96%,rgba(170,165,156,0) 100%)}
.svc-link .svc-arrow{transition:transform .25s ease;font-weight:800}
.svc-link:hover .svc-arrow{transform:translateX(5px)}