/* ══════════════════════════════════════════════════════════════
   VTComptes — Cockpit Public CSS (login, register, reset, légal…)
   Aligné sur la landing v2 cockpit-atelier-idf
   À inclure dans toutes les pages publiques pour harmonie totale
   ══════════════════════════════════════════════════════════════ */

:root{
  /* DA 2026 « Liquid Glass » — mêmes tokens que app/index.html.
     Source de vérité : ~/agents/projects/vtcomptes/design/da-liquid-glass-2026.md
     Alias legacy conservés (--copper/--gold/--cream/--text-N) pour ne pas
     toucher aux consommateurs existants dans login/register/pSEO. */
  /* ── DA « Maybach bordeaux » (David 13/10/2026) — remplace ambre/cuivre ──
     Tokens clairs ; les anciens noms (--copper…) pointent dessus pour ne pas
     toucher aux consommateurs (login/register/pSEO/landing).
     Doc : design/da-maybach-2026-public.md · contrastes AA mesurés. */
  --mb-bg:#0B0B0D;
  --mb-card:#141418;
  --mb-card-hi:#1A1A1F;
  --mb-bordeaux:#6E0F1F;            /* début du dégradé laqué */
  --mb-bordeaux-hi:#9B1B30;         /* fin du dégradé laqué */
  --mb-accent-text:#E8627A;         /* bordeaux CLAIR pour texte/liens sur noir : 6,9:1 */
  --mb-chrome:#D5D9E0;              /* chrome : chiffres clés, liserés */
  --mb-silver:#B8BCC4;              /* texte secondaire : 10:1 */
  --mb-chrome-line:rgba(205,210,220,.16);
  --mb-chrome-line-hi:rgba(235,238,244,.42);
  --mb-lacquer:linear-gradient(135deg,#6E0F1F 0%,#9B1B30 100%);
  --mb-quilt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='userSpaceOnUse' cx='32' cy='32' r='22'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.075'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='22'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.075'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='64' cy='0' r='22'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.075'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' gradientUnits='userSpaceOnUse' cx='0' cy='64' r='22'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.075'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' gradientUnits='userSpaceOnUse' cx='64' cy='64' r='22'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.075'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M32 0L64 32L32 64L0 32Z' fill='url(%23a)'/%3E%3Cpath d='M0 0H32L0 32Z' fill='url(%23b)'/%3E%3Cpath d='M64 0H32L64 32Z' fill='url(%23c)'/%3E%3Cpath d='M0 64H32L0 32Z' fill='url(%23d)'/%3E%3Cpath d='M64 64H32L64 32Z' fill='url(%23e)'/%3E%3Cpath d='M32 0L64 32L32 64L0 32Z M0 0L32 0M0 0L0 32M64 0L32 0M64 0L64 32M0 64L32 64M0 64L0 32M64 64L32 64M64 64L64 32' fill='none' stroke='%23000' stroke-opacity='.7' stroke-width='1.6'/%3E%3Cpath d='M32 4.5L59.5 32L32 59.5L4.5 32Z' fill='none' stroke='%23C9CED6' stroke-opacity='.10' stroke-width='.7' stroke-dasharray='2 2'/%3E%3Cg fill='%23C9CED6' fill-opacity='.16'%3E%3Ccircle cx='32' cy='0' r='1.4'/%3E%3Ccircle cx='32' cy='64' r='1.4'/%3E%3Ccircle cx='0' cy='32' r='1.4'/%3E%3Ccircle cx='64' cy='32' r='1.4'/%3E%3C/g%3E%3C/svg%3E");
  --bg-deep:#0B0B0D;
  --copper:#6E0F1F;
  --copper-bright:#E8627A;
  --gold:#D5D9E0;
  --cream:#F4F5F7;
  --text-1:#F4F5F7;
  --text-2:#B8BCC4;
  --text-3:#8D919A;
  --text-4:#7C808A;
  --glass:rgba(20,20,24,.72);
  --glass-strong:rgba(20,20,24,.88);
  --glass-light:rgba(205,210,220,.05);
  --border-glass:rgba(205,210,220,.13);
  --border-glass-hover:rgba(235,238,244,.38);
  --green: #10b981;
  --red: #ef4444;
  --r-sm: 8px;
  --r-md: 8px;
  --r-lg: 16px;
  --r-xl: 16px;
  --r-pill: 999px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
*::selection{background:var(--copper);color:var(--cream)}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:400;font-size:16px;line-height:1.55;
  color:var(--text-1);background:var(--bg-deep);
  min-height:100vh;overflow-x:hidden;
  position:relative;
}

/* ───── Fond : cuir capitonné noir (sièges Maybach, choix David 13/10/2026 — L3) ─────
   Photo du cuir en pleine page (cover, recadrage mobile/desktop dédié), statique
   (aucune animation, aucun flou). Vignette sombre par-dessus : texte lisible partout. */
/* FOND4K : cuir capitonné, 3 définitions natives (1080 / 2560 / 3840), AVIF puis WebP */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 38%,rgba(11,11,13,.35) 0%,rgba(11,11,13,.62) 60%,rgba(11,11,13,.85) 100%),url('/assets/img/maybach-cuir-m1080.webp') center/cover no-repeat,var(--mb-bg);
  background:radial-gradient(ellipse at 50% 38%,rgba(11,11,13,.35) 0%,rgba(11,11,13,.62) 60%,rgba(11,11,13,.85) 100%),image-set(url('/assets/img/maybach-cuir-m1080.avif') type("image/avif"),url('/assets/img/maybach-cuir-m1080.webp') type("image/webp")) center/cover no-repeat,var(--mb-bg)}
@media(min-width:900px){
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),url('/assets/img/maybach-cuir-2560.webp') center/cover no-repeat,var(--mb-bg);
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),image-set(url('/assets/img/maybach-cuir-2560.avif') type("image/avif"),url('/assets/img/maybach-cuir-2560.webp') type("image/webp")) center/cover no-repeat,var(--mb-bg)}
}
@media(min-width:1920px),(min-width:900px) and (min-resolution:2dppx){
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),url('/assets/img/maybach-cuir-3840.webp') center/cover no-repeat,var(--mb-bg);
  background:radial-gradient(ellipse at 50% 32%,rgba(11,11,13,.30) 0%,rgba(11,11,13,.58) 60%,rgba(11,11,13,.82) 100%),image-set(url('/assets/img/maybach-cuir-3840.avif') type("image/avif"),url('/assets/img/maybach-cuir-3840.webp') type("image/webp")) center/cover no-repeat,var(--mb-bg)}
}

/* FX4K : reflet chromé sur les titres, cartes qui se soulèvent (transform/opacité/background-position seulement) */
@keyframes mxSweep{from{background-position:110% 0,0 0}to{background-position:-10% 0,0 0}}
@media(hover:hover){
  body h1{background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,1) 50%,transparent 62%) 110% 0/250% 100% no-repeat,linear-gradient(180deg,#EEF0F4 0%,#A9AFBA 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  body h1:hover{animation:mxSweep 1.1s ease 1}
  .ps-plan{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
  .ps-plan:hover{transform:translateY(-3px);border-color:rgba(235,238,244,.42);box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 0 0 1px rgba(235,238,244,.08)}
}
@media(hover:none){
  body h1{background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,1) 50%,transparent 62%) 110% 0/250% 100% no-repeat,linear-gradient(180deg,#EEF0F4 0%,#A9AFBA 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mxSweep 1.4s ease .7s 1 both}
}
@media(prefers-reduced-motion:reduce){
  body h1,body h1:hover,.ps-plan:hover{animation:none !important;transition:none !important;transform:none !important}
}

/* ───── Container ───── */
.ck-page{
  min-height:100vh;
  display:flex;flex-direction:column;
}

/* ───── Header ───── */
.ck-header{
  padding:18px 32px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--border-glass);
  background:var(--glass);backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
}
/* ── Navigation des pages villes / pSEO ───────────────────────────────────
   Avant (David 2026-09-01) : ces ~50 pages — la principale porte d'entrée SEO —
   n'affichaient que le logo et « Connexion ». Aucun accès au blog, aux tarifs
   ni au simulateur : le visiteur arrivait de Google et n'avait nulle part où
   aller. Desktop : liens au centre. Mobile : rail horizontal au 2e rang. */
.ck-nav{
  display:flex;align-items:center;gap:4px;
  margin:0 auto;
}
.ck-nav a{
  color:var(--text-2,#d0d6e0);text-decoration:none;
  font-size:14px;font-weight:500;
  padding:7px 14px;border-radius:999px;
  white-space:nowrap;
  transition:background .2s,color .2s;
}
.ck-nav a:hover{color:var(--cream,#f7f8f8);background:var(--glass-light,rgba(255,255,255,.06))}

@media (max-width:820px){
  .ck-header{
    flex-wrap:wrap;column-gap:12px;row-gap:0;
    padding:12px 18px 0;
  }
  .ck-logo{order:1}
  .ck-header-right{order:2;margin-left:auto}
  .ck-nav{
    order:3;width:100%;
    margin:9px -18px 0;padding:8px 18px 9px;
    gap:5px;
    overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    border-top:1px solid var(--border-glass,rgba(255,255,255,.06));
  }
  .ck-nav::-webkit-scrollbar{display:none}
  .ck-nav a{
    padding:6px 13px;font-size:13px;font-weight:600;
    background:var(--glass-light,rgba(255,255,255,.06));
    border:1px solid var(--border-glass,rgba(255,255,255,.06));
  }
  .nav-word-extra{display:none}
}
@media (max-width:400px){
  .ck-nav{
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);
            mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);
  }
}

.ck-logo{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;
}
.ck-logo-mark{
  width:32px;height:32px;border-radius:9px;
  background:linear-gradient(135deg, var(--copper) 0%, var(--gold) 100%);
  display:grid;place-items:center;
  font-family:'JetBrains Mono',monospace;
  font-weight:700;font-size:13px;color:var(--bg-deep);
  box-shadow:0 6px 20px rgba(184,116,58,0.45), inset 0 1px 0 rgba(255,255,255,0.4);
  flex-shrink:0;
}
.ck-logo-text{
  font-family:'Inter',sans-serif;
  font-weight:700;font-size:17px;color:var(--cream);
  letter-spacing:-0.02em;
}
.ck-header-right{
  display:flex;align-items:center;gap:14px;
  font-size:13px;color:var(--text-3);
}
.ck-header-right a{color:var(--copper-bright);text-decoration:none;font-weight:500;transition:color .2s}
.ck-header-right a:hover{color:var(--gold)}

/* ───── Main centered ───── */
.ck-main{
  flex:1;display:flex;align-items:center;justify-content:center;
  padding:40px 20px;
  position:relative;
}

/* ───── Card glass ───── */
.ck-card{
  background:var(--glass-strong);
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border:1px solid var(--border-glass);
  border-radius:var(--r-xl);
  padding:40px 36px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
  width:100%;max-width:440px;
  position:relative;
}
.ck-card.ck-card-wide{max-width:520px}

.ck-card-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;text-transform:uppercase;letter-spacing:.16em;
  color:var(--copper-bright);
  margin-bottom:14px;
  display:inline-flex;align-items:center;gap:8px;
}
.ck-card-eyebrow::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--copper-bright);
  box-shadow:0 0 8px var(--copper-bright);
}

body h1{
  font-family:'Inter',sans-serif;font-weight:700;
  font-size:clamp(26px, 3vw, 34px);
  line-height:1.15;letter-spacing:-0.025em;
  color:var(--cream);
  margin-bottom:8px;
}
.ck-card-sub{
  color:var(--text-2);font-size:15px;line-height:1.55;
  margin-bottom:32px;
}

/* ───── Form ───── */
.ck-form{display:flex;flex-direction:column;gap:18px}
.ck-field{display:flex;flex-direction:column;gap:8px;position:relative}
.ck-field label{
  font-size:12px;color:var(--text-3);
  font-family:'JetBrains Mono',monospace;
  text-transform:uppercase;letter-spacing:.12em;font-weight:500;
}
.ck-field input,
.ck-field select,
.ck-field textarea{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--border-glass);
  border-radius:var(--r-md);
  padding:14px 16px;
  font-family:'Inter',sans-serif;font-size:15px;
  color:var(--cream);
  transition:border-color .25s, background .25s, box-shadow .25s;
}
.ck-field input::placeholder{color:var(--text-4)}
.ck-field input:focus,
.ck-field select:focus,
.ck-field textarea:focus{
  outline:none;
  border-color:var(--copper-bright);
  background:rgba(255,255,255,0.05);
  box-shadow:0 0 0 3px rgba(155,27,48,0.3);
}
.ck-field-hint{
  font-size:11px;color:var(--text-4);
  font-family:'JetBrains Mono',monospace;
  margin-top:4px;
}
.ck-field-error{
  font-size:12px;color:var(--red);
  margin-top:4px;
}
.ck-field input[aria-invalid="true"]{
  border-color:var(--red);
  box-shadow:0 0 0 3px rgba(239,68,68,0.12);
}

/* Toggle password visibility */
.ck-pwd-wrap{position:relative}
.ck-pwd-toggle{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:var(--text-3);cursor:pointer;
  padding:6px;border-radius:6px;transition:color .2s;
  display:grid;place-items:center;
}
.ck-pwd-toggle:hover{color:var(--copper-bright)}
.ck-pwd-toggle svg{width:18px;height:18px}

/* ───── Buttons ───── */
.ck-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 24px;
  border-radius:var(--r-sm);
  font-family:'Inter',sans-serif;font-size:14px;font-weight:600;
  text-decoration:none;border:1px solid transparent;
  cursor:pointer;transition:transform .25s, box-shadow .25s, background .25s;
  width:100%;
}
.ck-btn-primary{
  background:linear-gradient(135deg, var(--copper) 0%, var(--copper-bright) 100%);
  color:var(--bg-deep);
  box-shadow:0 12px 32px rgba(184,116,58,0.35), inset 0 1px 0 rgba(255,255,255,0.3);
}
.ck-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 40px rgba(184,116,58,0.5), inset 0 1px 0 rgba(255,255,255,0.4);
}
.ck-btn-primary:disabled{
  opacity:.55;cursor:not-allowed;transform:none;
  box-shadow:0 6px 18px rgba(184,116,58,0.2);
}
.ck-btn-ghost{
  background:var(--glass);backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid var(--border-glass);color:var(--cream);
}
.ck-btn-ghost:hover{
  background:var(--glass-strong);
  border-color:var(--border-glass-hover);
}
.ck-btn svg{width:16px;height:16px}

/* ───── Divider ───── */
.ck-divider{
  display:flex;align-items:center;gap:14px;
  margin:24px 0;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:var(--text-4);
  text-transform:uppercase;letter-spacing:.14em;
}
.ck-divider::before,.ck-divider::after{
  content:'';flex:1;height:1px;background:var(--border-glass);
}

/* ───── Bottom links / footer ───── */
.ck-card-bottom{
  margin-top:28px;text-align:center;
  font-size:14px;color:var(--text-3);
}
.ck-card-bottom a{
  color:var(--copper-bright);text-decoration:none;
  font-weight:500;transition:color .2s;
}
.ck-card-bottom a:hover{color:var(--gold)}

.ck-footer{
  padding:24px 32px;
  border-top:1px solid var(--border-glass);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:16px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:var(--text-4);
}
.ck-footer a{color:var(--text-3);text-decoration:none;transition:color .2s}
.ck-footer a:hover{color:var(--copper-bright)}
.ck-footer-links{display:flex;gap:18px;flex-wrap:wrap}

/* ───── Alerts ───── */
.ck-alert{
  border-radius:var(--r-md);
  padding:14px 18px;
  font-size:14px;line-height:1.55;
  display:flex;align-items:flex-start;gap:12px;
  margin-bottom:18px;
}
.ck-alert svg{flex-shrink:0;margin-top:2px;width:18px;height:18px}
.ck-alert-error{
  background:rgba(239,68,68,0.1);
  border:1px solid rgba(239,68,68,0.3);
  color:#fca5a5;
}
.ck-alert-success{
  background:rgba(16,185,129,0.1);
  border:1px solid rgba(16,185,129,0.3);
  color:#6ee7b7;
}
.ck-alert-info{
  background:rgba(155,27,48,0.1);
  border:1px solid rgba(232,98,122,0.28);
  color:var(--text-2);
}

/* ───── Side panel (split layout register/login wide) ───── */
.ck-split{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
  max-width:1080px;margin:0 auto;align-items:center;
}
@media (max-width:900px){
  .ck-split{grid-template-columns:1fr}
}
.ck-side{
  padding:40px 0;
}
.ck-side h2{
  font-family:'Inter',sans-serif;font-weight:700;
  font-size:clamp(28px, 3.6vw, 44px);
  line-height:1.1;letter-spacing:-0.025em;
  color:var(--cream);margin-bottom:18px;
}
.ck-side h2 em{
  font-style:normal;
  background:linear-gradient(120deg, var(--copper-bright) 0%, var(--gold) 75%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ck-side-sub{
  color:var(--text-2);font-size:16px;line-height:1.6;
  margin-bottom:28px;max-width:440px;
}
.ck-perks{
  display:flex;flex-direction:column;gap:14px;
}
.ck-perk{
  display:flex;align-items:flex-start;gap:12px;
  font-size:14px;color:var(--text-2);line-height:1.55;
}
.ck-perk-mark{
  width:22px;height:22px;border-radius:50%;
  background:rgba(16,185,129,.14);
  border:1px solid rgba(16,185,129,.3);
  display:grid;place-items:center;
  color:var(--green);flex-shrink:0;margin-top:1px;
}
.ck-perk-mark svg{width:12px;height:12px}

/* Loading state on button */
.ck-btn-loading{position:relative;color:transparent !important;pointer-events:none}
.ck-btn-loading::after{
  content:'';position:absolute;top:50%;left:50%;
  width:18px;height:18px;margin:-9px 0 0 -9px;
  border:2px solid rgba(255,255,255,0.35);
  border-top-color:#ffffff;
  border-radius:50%;
  animation:ckSpin .7s linear infinite;
}
@keyframes ckSpin{to{transform:rotate(360deg)}}


/* ══════════════════════════════════════════════════════════════
   DA « Maybach bordeaux » — composants (David 13/10/2026)
   Retenue : le chrome ne sert QUE le CTA principal, les chiffres clés et les
   bordures de cartes. Chargé avant les <style> de page → préfixe `body` pour
   gagner la cascade sans toucher aux ~55 pages qui l'incluent.
   Doc : design/da-maybach-2026-public.md
   ══════════════════════════════════════════════════════════════ */
*::selection{background:var(--mb-bordeaux-hi);color:#fff}

/* Remplissage laqué bordeaux + contour chrome qui accroche la lumière */
body .ck-btn-primary,body .btn-submit.primary,body .tab.active,body .rg-submit,
body .rg-conflict-btn.primary,body .ps-cta.primary,body .ps-plan.featured .ps-plan-cta{
  color:#fff;border:1px solid transparent;
  background:
    linear-gradient(115deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%) 130% 0/260% 100% no-repeat padding-box,
    var(--mb-lacquer) padding-box,
    linear-gradient(135deg,rgba(235,238,244,.55),rgba(235,238,244,.14) 38%,rgba(235,238,244,.5)) border-box;
  box-shadow:0 10px 28px -8px rgba(155,27,48,.55),inset 0 1px 0 rgba(255,255,255,.16);
  text-shadow:0 1px 0 rgba(0,0,0,.25);
  transition:background-position .6s ease,transform .25s,box-shadow .25s;
}
body .ck-btn-primary:hover,body .btn-submit.primary:hover,body .rg-submit:hover,
body .rg-conflict-btn.primary:hover,body .ps-cta.primary:hover,body .ps-plan.featured .ps-plan-cta:hover{
  background-position:-30% 0,0 0,0 0;filter:none;
  background:
    linear-gradient(115deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%) -30% 0/260% 100% no-repeat padding-box,
    var(--mb-lacquer) padding-box,
    linear-gradient(135deg,#fff,rgba(235,238,244,.5) 40%,#fff) border-box;
  transform:translateY(-1px);
  box-shadow:0 14px 34px -8px rgba(155,27,48,.7),inset 0 1px 0 rgba(255,255,255,.22);
}
body .ck-btn-primary:active,body .btn-submit.primary:active,body .rg-submit:active,body .ps-cta.primary:active{
  transform:translateY(0);box-shadow:0 4px 14px -6px rgba(155,27,48,.7),inset 0 2px 6px rgba(0,0,0,.35);
}
body .ck-btn-primary:disabled,body .btn-submit.primary:disabled{opacity:.55;box-shadow:none}
body .tab.active{box-shadow:0 4px 14px -6px rgba(155,27,48,.6),inset 0 1px 0 rgba(255,255,255,.16)}

/* Secondaire : noir laqué + liseré chrome */
body .ck-btn-ghost,body .ps-cta.ghost{
  color:var(--cream);border:1px solid transparent;
  background:
    linear-gradient(180deg,#1A1A1F,#0F0F12) padding-box,
    linear-gradient(135deg,rgba(235,238,244,.42),rgba(235,238,244,.1) 40%,rgba(235,238,244,.36)) border-box;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
body .ck-btn-ghost:hover,body .ps-cta.ghost:hover{
  background:
    linear-gradient(180deg,#1E1E24,#121216) padding-box,
    linear-gradient(135deg,#fff,rgba(235,238,244,.4) 40%,#fff) border-box;
}

/* Marque : plaque laquée */
body .ck-logo-mark,body .logo-mark,body .rg-merchant-mark{
  color:#fff;background:var(--mb-lacquer) padding-box,linear-gradient(135deg,rgba(235,238,244,.6),rgba(235,238,244,.15)) border-box;
  border:1px solid transparent;
  box-shadow:0 6px 18px -6px rgba(155,27,48,.6),inset 0 1px 0 rgba(255,255,255,.18);
}

/* Cartes : noir laqué + liseré chrome (reflet sur l'arête haute) */
body .ck-card,body .card{
  background:linear-gradient(180deg,rgba(26,26,31,.94),rgba(15,15,18,.96));
  border:1px solid var(--mb-chrome-line);border-top-color:rgba(235,238,244,.3);
  box-shadow:0 30px 80px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.07);
}
body .ck-header{background:rgba(11,11,13,.82)}

/* Textes d'accent (bordeaux clair, AA) et chrome pour les mots forts */
body .ck-side h2 em,body .ps-hero h1 em{
  background:linear-gradient(180deg,#fff 0%,var(--mb-chrome) 45%,#9AA0AB 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.ck-card-eyebrow::before,body .ps-eyebrow::before{background:var(--mb-bordeaux-hi);box-shadow:0 0 8px rgba(155,27,48,.8)}
body .ps-eyebrow{border-color:rgba(232,98,122,.32)}
.ck-field input:focus,.ck-field select:focus,.ck-field textarea:focus,
body .form-group input:focus,body .rg-input:focus{
  border-color:var(--mb-chrome);box-shadow:0 0 0 3px rgba(155,27,48,.38);
}
.ck-alert-info{background:rgba(155,27,48,.1);border-color:rgba(232,98,122,.28)}

/* pSEO : cartes, forfaits, FAQ, bloc final */
body .ps-feat,body .ps-plan,body .ps-faq details{
  background:linear-gradient(180deg,rgba(26,26,31,.9),rgba(15,15,18,.94));
  border-color:var(--mb-chrome-line);backdrop-filter:none;-webkit-backdrop-filter:none;
}
body .ps-feat:hover{border-color:var(--border-glass-hover)}
body .ps-feat-icon{background:rgba(155,27,48,.14);border-color:rgba(232,98,122,.28)}
body .ps-plan.featured{
  border-color:var(--mb-chrome-line-hi);
  background:linear-gradient(180deg,rgba(110,15,31,.28) 0%,rgba(15,15,18,.96) 70%);
  box-shadow:0 0 0 1px rgba(235,238,244,.12),0 24px 50px -18px rgba(155,27,48,.55);
}
body .ps-plan-tag{color:#fff;box-shadow:0 6px 18px -6px rgba(155,27,48,.7)}
body .ps-plan-price,body .ps-plan-price .ccy{
  background:linear-gradient(180deg,#fff,var(--mb-chrome) 55%,#9AA0AB);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
body .ps-plan-price .cyc{-webkit-text-fill-color:var(--text-3);color:var(--text-3)}
body .ps-faq details[open]{border-color:var(--mb-chrome-line-hi)}
body .ps-final{background:linear-gradient(180deg,rgba(110,15,31,.22) 0%,rgba(15,15,18,.95) 70%);border-color:var(--mb-chrome-line)}

/* Curseur : point chrome (l'ancien point ambre n'existe plus dans la DA) */
body .ck-cursor-dot{background:var(--mb-chrome);box-shadow:0 0 14px rgba(155,27,48,.7)}
body .ck-cursor-dot.is-hover{background:transparent;border-color:var(--mb-chrome);box-shadow:none}
body .ck-cursor-spot{background:radial-gradient(circle,rgba(155,27,48,.14) 0%,rgba(155,27,48,.04) 30%,transparent 60%)}

@media (prefers-reduced-motion:reduce){
  body .ck-btn-primary,body .btn-submit.primary,body .rg-submit,body .ps-cta.primary{transition:none}
}