/* Mise en page identique au guide Choisir son reprogrammateur — CS PERFORMANCE */

/* Présentation premium : 5 engagements et trois grandes étapes. */
.cs-why-choose .panel{padding:clamp(20px,2.6vw,30px)}
.cs-reasons-kicker{margin:0 0 9px!important;font:700 10px/1.5 'IBM Plex Mono',monospace!important;letter-spacing:.14em;color:#d7c428!important}
.cs-why-choose .panel h2{font-size:clamp(22px,2.3vw,29px);line-height:1.2;margin:0 0 11px;color:#f7f7f6}
.cs-intro-compact{margin:0 0 22px!important;max-width:670px;font-size:14px!important}
.cs-why-choose .cs-priority-panel{background:radial-gradient(ellipse at 90% 0,rgba(215,196,40,.055),transparent 55%),linear-gradient(145deg,#1b2028,#151920);border-color:#343b44;box-shadow:0 15px 35px rgba(0,0,0,.16)}
.cs-promise-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.cs-promise-list li{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid rgba(215,196,40,.22);border-radius:10px;background:linear-gradient(145deg,rgba(7,11,16,.88),rgba(19,24,31,.9));color:#eeeef0;font:650 12px/1.4 'Inter',Arial,sans-serif;box-shadow:0 5px 12px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03)}
.cs-promise-list .cs-promise-check{color:#e5d133;background:rgba(215,196,40,.11);border:1px solid rgba(215,196,40,.16);width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:13px}
.cs-method-section{border-top:1px solid rgba(255,255,255,.1);margin-top:27px;padding-top:26px}
.cs-method-head{margin-bottom:18px}
.cs-method-head h2{font-size:clamp(24px,2.6vw,32px)!important;margin-bottom:7px!important}
.cs-method-head p:last-child{font-size:13px;color:#aeb7c3;max-width:640px;margin:0}
.cs-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cs-method-card{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;min-height:213px;padding:20px 17px 17px;background:radial-gradient(ellipse at 95% 0%,rgba(215,196,40,.065),transparent 56%),linear-gradient(155deg,#131a21,#090d12);border:1px solid #303940;border-radius:14px;box-shadow:0 11px 22px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cs-method-card::before{content:'';position:absolute;top:0;left:18px;right:18px;height:2px;background:linear-gradient(90deg,#dcc62d,rgba(220,198,45,.15),transparent)}
.cs-method-index{font:700 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#d9c831;margin-bottom:19px}
.cs-method-card h3{font-size:clamp(19px,1.7vw,23px);letter-spacing:-.02em;line-height:1.16;margin:0 0 11px;color:#fff}
.cs-method-card>p{font-size:12.6px!important;line-height:1.65!important;color:#b9c3cd!important;margin:0!important}
.cs-method-tag{display:block;margin-top:auto;padding-top:17px;color:#e1cf52;font:700 10px/1.45 'IBM Plex Mono',monospace;letter-spacing:.035em}
.cs-our-services p + p,.cs-local-cta p + p{margin-top:12px!important}
.cs-why-choose a:not(.button){text-decoration:underline;text-decoration-color:rgba(215,196,40,.55);text-underline-offset:3px;color:#eee2a3}
.cs-why-choose .actions{margin-top:18px}
.cs-quote-reminder{color:#e7d440!important}
@media(hover:hover){.cs-method-card:hover{transform:translateY(-3px);border-color:rgba(215,196,40,.37);box-shadow:0 17px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045)}}
@media(max-width:760px){.cs-method-grid{grid-template-columns:1fr}.cs-method-card{min-height:unset;padding:17px 18px}.cs-method-index{margin-bottom:10px}.cs-method-tag{padding-top:11px}.cs-promise-list li{flex:1 1 190px}.cs-why-choose .panel{padding:20px}.cs-google-trust{margin-bottom:18px}}
@media(max-width:440px){.cs-promise-list li{flex:1 1 100%}.cs-method-section{margin-top:23px;padding-top:22px}}
@media(prefers-reduced-motion:reduce){.cs-method-card{transition:none}}


/* Affichage des prestations : bandeau premium + trois étapes + informations pratiques. */
.cs-service-spotlight{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(150px,205px) minmax(0,1fr);gap:clamp(18px,3.5vw,38px);align-items:center;margin:8px 0 28px;padding:clamp(21px,3vw,32px);border:1px solid rgba(215,196,40,.28);border-radius:18px;background:radial-gradient(ellipse at 92% 0%,rgba(215,196,40,.07) 0%,transparent 43%),linear-gradient(143deg,rgba(0,0,0,.98) 0%,rgba(16,22,28,.98) 47%,rgba(8,12,18,.99) 100%);box-shadow:0 18px 42px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.04)}
.cs-service-spotlight::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(215,196,40,.7),transparent)}
.cs-premium-mark{min-height:138px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.028);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px;text-align:center}
.cs-premium-mark-top{font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#c3ccd5;text-transform:uppercase}
.cs-premium-mark-main{font-family:'Big Shoulders',Impact,sans-serif;font-size:clamp(32px,3.4vw,51px);font-weight:800;line-height:1;color:#e4d13b;text-transform:uppercase}
.cs-premium-mark-main{font-size:clamp(27px,2.65vw,40px);overflow-wrap:anywhere;text-wrap:balance}
.cs-premium-mark-sub{font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#aab7c3;text-transform:uppercase}
.cs-service-spotlight-content{min-width:0}
.cs-service-spotlight-content .cs-reasons-kicker{margin:0 0 9px!important}
.cs-service-spotlight h2{font-size:clamp(23px,2.5vw,34px);line-height:1.13;margin:0 0 12px;color:#fff;letter-spacing:-.025em}
.cs-service-spotlight p.cs-spotlight-desc{font-size:14px;line-height:1.65;color:#bdc6d0;margin:0 0 17px;max-width:660px}
.cs-spotlight-chips{display:flex;flex-wrap:wrap;gap:7px}
.cs-spotlight-chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;background:rgba(215,196,40,.055);border:1px solid rgba(215,196,40,.19);font:600 12px/1.3 'Inter',sans-serif;color:#e8e9e7}
.cs-spotlight-chips span::before{content:"✓";font-weight:900;color:#ddc92e}
.cs-service-article .cs-priority-panel{padding:clamp(20px,2.6vw,28px)}
.cs-service-article .cs-method-section{margin-top:0;padding-top:0;border-top:0}
.cs-service-article .cs-method-grid{margin-top:18px}
.cs-service-article .cs-method-card{min-height:220px}
.cs-service-article .cs-method-card h3{font-size:clamp(17px,1.5vw,22px)}
.cs-service-article .cs-method-head p:last-child{font-size:13px}
.cs-service-info h2{font-size:clamp(20px,2vw,27px);margin:0 0 16px}
.cs-service-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cs-service-note{padding:16px 17px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(140deg,rgba(7,11,16,.62),rgba(18,23,30,.58));min-width:0}
.cs-service-note h3{font-size:15px;color:#f5f5f0;margin:0 0 8px;line-height:1.35}
.cs-service-note p{font-size:12.6px!important;line-height:1.65;color:#bfc8d2!important;margin:0}
.cs-premium-extra-action{display:inline-flex;margin-top:16px}
.cs-service-info .cs-location-foot{font:500 12px/1.65 'Inter',sans-serif;color:#aeb8c3;margin:14px 0 0}
.cs-service-info .cs-location-foot strong{color:#e2cf35}
@media(max-width:760px){.cs-service-spotlight{grid-template-columns:1fr;gap:13px;padding:18px;margin-bottom:19px}.cs-premium-mark{min-height:0;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;text-align:left;padding:12px 14px}.cs-premium-mark-main{font-size:29px}.cs-premium-mark-top,.cs-premium-mark-sub{font-size:9px}.cs-service-spotlight h2{font-size:25px}.cs-service-spotlight p.cs-spotlight-desc{font-size:13px}.cs-spotlight-chips span{font-size:11px}.cs-service-article .cs-method-card{min-height:0}.cs-service-info-grid{grid-template-columns:1fr}}
@media(max-width:440px){.cs-service-spotlight h2{font-size:23px}.cs-spotlight-chips{gap:6px}.cs-spotlight-chips span{padding:7px 9px}.cs-service-article .cs-priority-panel{padding:18px}.cs-service-note{padding:14px}}