/* V8.23 — Bento Grid expertises */
.services-v84 .svc823-bento-section{position:relative;overflow:hidden;}
.services-v84 .svc823-bento-head{max-width:940px;margin-bottom:48px;}
.services-v84 .svc823-bento-head h2{max-width:13ch;}
.services-v84 .svc823-bento-head p{max-width:64ch;}
.services-v84 .svc823-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;}
.services-v84 .svc823-bento-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:250px;padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(145deg,rgba(16,28,37,.96),rgba(7,16,24,.98));color:#f7fbfa;text-decoration:none;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;}
.services-v84 .svc823-bento-card--creation{grid-column:span 7;min-height:430px;background:linear-gradient(145deg,#0b1b24 0%,#071018 70%);}
.services-v84 .svc823-bento-card--refonte{grid-column:span 5;min-height:430px;background:linear-gradient(145deg,#101d24 0%,#071018 72%);}
.services-v84 .svc823-bento-card--small{grid-column:span 3;min-height:235px;}
.services-v84 .svc823-bento-card::marker{display:none;}
.services-v84 .svc823-bento-card:focus-visible{outline:2px solid rgba(111,211,191,.72);outline-offset:3px;}
@media (hover:hover) and (pointer:fine){.services-v84 .svc823-bento-card:hover{transform:translateY(-3px);border-color:rgba(107,205,185,.20);box-shadow:0 18px 46px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.035);}}
.services-v84 .svc823-bento-top{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:2;}
.services-v84 .svc823-index{font-size:10px;letter-spacing:.16em;color:#78908e;font-weight:800;}
.services-v84 .svc823-status{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8dcbbd;border:1px solid rgba(141,203,189,.18);padding:7px 10px;border-radius:999px;background:rgba(115,194,178,.05);}
.services-v84 .svc823-bento-copy{position:relative;z-index:2;margin-top:auto;}
.services-v84 .svc823-kicker{display:block;margin-bottom:9px;color:#77b9aa;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.services-v84 .svc823-bento-card h3{margin:0 0 12px;color:#fff;font-size:clamp(26px,2.4vw,40px);line-height:1.02;letter-spacing:-.04em;}
.services-v84 .svc823-bento-card--small h3{font-size:25px;}
.services-v84 .svc823-bento-card p{margin:0;color:#aab8bd;font-size:13px;line-height:1.68;max-width:58ch;}
.services-v84 .svc823-bento-card strong{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#f5f8f7;font-size:11px;}
.services-v84 .svc823-bento-card strong i{font-style:normal;color:#79c2b2;}
.services-v84 .svc823-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;}
.services-v84 .svc823-tags span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#87999f;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.025);}
.services-v84 .svc823-bento-icon{position:absolute;right:28px;top:68px;width:46%;height:150px;border:1px solid rgba(124,203,188,.10);border-radius:18px;background:linear-gradient(180deg,rgba(118,195,180,.04),transparent);z-index:1;overflow:hidden;}
.services-v84 .svc823-bento-icon::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.075);border-radius:12px;}
.services-v84 .svc823-bento-icon span,.services-v84 .svc823-bento-icon i,.services-v84 .svc823-bento-icon b{position:absolute;display:block;border-radius:999px;background:rgba(127,203,188,.38);}
.services-v84 .svc823-bento-icon span{left:34px;top:42px;width:34%;height:4px;}
.services-v84 .svc823-bento-icon i{left:34px;top:62px;width:58%;height:3px;opacity:.45;}
.services-v84 .svc823-bento-icon b{left:34px;top:88px;width:22%;height:32px;border-radius:7px;background:rgba(127,203,188,.10);border:1px solid rgba(127,203,188,.16);}
.services-v84 .svc823-bento-compare{position:absolute;right:26px;top:72px;width:42%;height:145px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.02);z-index:1;}
.services-v84 .svc823-bento-compare span{height:100%;display:flex;align-items:flex-end;padding:10px;border-radius:11px;font-size:8px;letter-spacing:.14em;color:#839599;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));}
.services-v84 .svc823-bento-compare span:last-child{color:#80c6b6;background:linear-gradient(145deg,rgba(102,191,172,.10),rgba(255,255,255,.018));}
.services-v84 .svc823-bento-compare i{width:1px;height:100%;background:linear-gradient(transparent,rgba(118,203,185,.65),transparent);}
.services-v84 .svc823-mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid rgba(120,201,184,.15);background:rgba(111,194,176,.05);color:#7ec4b5;font-size:15px;}
@media(max-width:1000px){
.services-v84 .svc823-bento-card--creation,.services-v84 .svc823-bento-card--refonte{grid-column:span 6;}
.services-v84 .svc823-bento-card--small{grid-column:span 6;}
.services-v84 .svc823-bento-icon,.services-v84 .svc823-bento-compare{width:38%;opacity:.78;}
}
@media(max-width:720px){
.services-v84 .svc823-bento-head{margin-bottom:30px;}
.services-v84 .svc823-bento{grid-template-columns:1fr;gap:12px;}
.services-v84 .svc823-bento-card--creation,.services-v84 .svc823-bento-card--refonte,.services-v84 .svc823-bento-card--small{grid-column:auto;min-height:0;padding:22px;}
.services-v84 .svc823-bento-card--creation,.services-v84 .svc823-bento-card--refonte{min-height:320px;}
.services-v84 .svc823-bento-icon,.services-v84 .svc823-bento-compare{position:relative;right:auto;top:auto;width:100%;height:110px;margin:22px 0 26px;}
.services-v84 .svc823-bento-copy{margin-top:22px;}
.services-v84 .svc823-bento-card h3,.services-v84 .svc823-bento-card--small h3{font-size:28px;}
.services-v84 .svc823-bento-card--small{display:block;}
}
@media (prefers-reduced-motion:reduce){.services-v84 .svc823-bento-card{transition:none!important;transform:none!important;}}

/* Spotlight V8.21 conservé sur les nouvelles cartes sombres du Bento uniquement */
@media (hover:hover) and (pointer:fine) {
  .services-v84 .svc823-bento .spotlight-benefit-card {
    --spot-x:50%; --spot-y:50%; --spot-opacity:0;
  }
  .services-v84 .svc823-bento .spotlight-benefit-card::before {
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    opacity:var(--spot-opacity);
    background:radial-gradient(230px circle at var(--spot-x) var(--spot-y),rgba(96,205,181,.10) 0%,rgba(77,182,193,.055) 35%,transparent 72%);
    transition:opacity .22s ease;
  }
  .services-v84 .svc823-bento .spotlight-benefit-card > * { position:relative; z-index:2; }
}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  .services-v84 .svc823-bento .spotlight-benefit-card::before{display:none!important;}
}