/* ==========================================================================
       1. VARIABLES CSS TYPÉES (@property) POUR LES FONDUS CHROMATIQUES FLUIDES
          RÈGLE ABSOLUE : TOUS LES BODYS SONT BLANCS / LUMINEUX (#FFFFFF) !
       ========================================================================== */
    @property --acc-accent {
      syntax: '<color>';
      inherits: true;
      initial-value: #fb9f6f;
    }

    @property --acc-accent-2 {
      syntax: '<color>';
      inherits: true;
      initial-value: #ed8956;
    }

    @property --acc-accent-soft {
      syntax: '<color>';
      inherits: true;
      initial-value: #fff3ec;
    }

    @property --acc-surface-tint {
      syntax: '<color>';
      inherits: true;
      initial-value: #faf8f5;
    }

    @property --acc-contrast-block {
      syntax: '<color>';
      inherits: true;
      initial-value: #16181d;
    }


    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html,
    body {
      background: #080c16;
      color: #f8fafc;
      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      line-height: 1.4;
      min-height: 100vh;
      overflow-x: hidden;
    }

    /* ==========================================================================
       2. SYSTÈME AUTO-RÉTRACTABLE 10 PX + BARRE COMMUNE .studio-top + SOUS-MENU POPOVER
       ========================================================================== */
    .top-hover-sensor {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 10px;
      z-index: 1100;
      background: linear-gradient(90deg, #0f172a 0%, #fb9f6f 50%, #0f172a 100%);
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.25s ease, height 0.2s ease;
    }

    body.studio-autohide:not(.studio-revealed) .top-hover-sensor {
      opacity: 0.95;
      pointer-events: auto;
    }

    .top-hover-sensor:hover {
      height: 13px;
    }

    .top-mini-handle {
      position: fixed;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1105;
      background: rgba(11, 16, 30, 0.94);
      border: 1px solid rgba(250, 135, 75, 0.55);
      border-top: 0;
      color: #fed7aa;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10.8px;
      font-weight: 700;
      padding: 4px 14px 5px;
      border-radius: 0 0 6px 6px;
      cursor: pointer;
      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.22s ease, transform 0.22s ease;
      white-space: nowrap;
    }

    body.studio-autohide:not(.studio-revealed) .top-mini-handle {
      opacity: 1;
      pointer-events: auto;
    }

    .top-mini-handle:hover {
      background: #192542;
      color: #fff;
    }

    .studio-chrome {
      position: sticky;
      top: 0;
      z-index: 1050;
      transition: transform 0.3s cubic-bezier(0.2, 0.85, 0.2, 1);
      box-shadow: 0 16px 44px rgba(0, 0, 0, 0.62);
    }

    body.studio-autohide .studio-chrome {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
    }

    body.studio-autohide:not(.studio-revealed) .studio-chrome {
      transform: translateY(calc(-100% - 16px));
    }

    /* Barre Supérieure Inter-Modules (.studio-top sur 2 lignes propres sans aucun chevauchement) */
    .studio-top {
      background: rgba(5, 8, 17, 0.96);
      border-bottom: 1px solid #1f2e4d;
      padding: 7px 22px;
      height: auto;
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px 12px;
      flex-wrap: wrap;
      backdrop-filter: blur(16px);
      box-sizing: border-box;
    }

    .studio-brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      flex: 1 1 100%;
      text-decoration: none;
      color: inherit;
      cursor: pointer;
      border-radius: 8px;
      padding: 2px 4px;
      margin: -2px -4px;
      transition: opacity 0.16s ease;
    }

    .studio-brand:hover {
      opacity: 0.92;
    }

    .studio-brand:hover .studio-badge {
      filter: brightness(1.08);
    }

    .studio-badge {
      background: linear-gradient(135deg, #fb9f6f, #ea580c);
      color: #0b0f19;
      font-family: 'Outfit', sans-serif;
      font-weight: 900;
      font-size: 11.4px;
      line-height: 16px;
      padding: 5px 8px;
      width: 138px;
      text-align: center;
      border-radius: 7px;
      letter-spacing: 0.03em;
      flex-shrink: 0;
    }

    .studio-title {
      font-family: 'Outfit', sans-serif;
      font-weight: 700;
      font-size: 14.5px;
      line-height: 19px;
      height: 35px;
      color: #f8fafc;
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .studio-title code {
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      line-height: 1;
      color: #fed7aa;
      background: rgba(250, 135, 75, 0.12);
      padding: 1px 5px;
      border-radius: 4px;
    }

    .studio-title small {
      display: block;
      font-family: 'DM Sans', sans-serif;
      font-size: 11px;
      line-height: 16px;
      height: 16px;
      color: #94a3b8;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .module-nav {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 6px;
      flex: 1 1 100%;
      min-width: 0;
    }

    .mod-link {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      height: 36px;
      padding: 0 9px;
      border-radius: 9px;
      font-size: 11.8px;
      line-height: 1;
      font-weight: 700;
      color: #cbd5e1;
      text-decoration: none;
      border: 1px solid transparent;
      background: rgba(255, 255, 255, 0.03);
      transition: background 0.18s, color 0.18s, border-color 0.18s;
      white-space: nowrap;
    }

    .mod-link:hover {
      background: #162038;
      color: #fff;
    }

    .mod-link.active {
      background: rgba(250, 135, 75, 0.16);
      color: #ffb38a;
      border-color: rgba(250, 135, 75, 0.45);
    }

    .mod-link.mod-wp1 {
      border-color: rgba(16, 185, 129, 0.45);
      color: #6ee7b7;
      background: rgba(16, 185, 129, 0.10);
    }

    .mod-link.mod-wp2 {
      border-color: rgba(214, 195, 154, 0.48);
      color: #fde68a;
      background: rgba(180, 154, 103, 0.13);
    }

    @media (max-width: 1180px) {
      .studio-top {
        height: auto;
        flex-wrap: wrap;
      }
    }

    /* Bascule 1-Clic Site 1 Global / Site 2 International / Vue Duo */
    .site-switch-seg {
      display: inline-flex;
      align-items: center;
      background: #0c1428;
      border: 1px solid #2b4270;
      border-radius: 6px;
      padding: 2px;
      gap: 2px;
      height: 32px;
      flex-shrink: 0;
    }

    .site-switch-btn {
      border: 0;
      background: transparent;
      color: #cbd5e1;
      font-family: 'Outfit', sans-serif;
      font-size: 11.4px;
      line-height: 1;
      font-weight: 800;
      height: 26px;
      padding: 0 10px;
      border-radius: 4px;
      cursor: pointer;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      transition: background 0.16s, color 0.16s;
    }

    .site-switch-btn:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.06);
    }

    .site-switch-btn.active {
      background: linear-gradient(135deg, #fb9f6f, #ea580c);
      color: #090d16;
      box-shadow: 0 2px 8px rgba(234, 88, 12, 0.35);
    }

    /* ERGONOMIE 1 — SOUS-MENU COMPACT 1 LIGNE À POPOVERS + BOUTONS ANCRÉS À DROITE */
    .concept-subbar {
      background: rgba(11, 17, 32, 0.98);
      border-bottom: 1px solid #243557;
      padding: 6px 22px;
      min-height: 45px;
      backdrop-filter: blur(18px);
    }

    body[data-ergo="cockpit"] .concept-subbar .subbar-popovers-group {
      display: none;
    }

    .concept-subbar-inner {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: nowrap;
    }

    @media (max-width: 1380px) {
      .concept-subbar-inner {
        flex-wrap: wrap;
      }
    }

    .subbar-menus {
      display: flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
      min-width: 0;
    }

    .subbar-popovers-group {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
    }

    .pop-item {
      position: relative;
      flex-shrink: 0;
    }

    .pop-trigger {
      background: #101829;
      border: 1px solid #243556;
      color: #cbd5e1;
      height: 32px;
      padding: 0 9px;
      border-radius: 6px;
      font-family: inherit;
      font-size: 11.3px;
      line-height: 1;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      transition: background 0.16s, border-color 0.16s, color 0.16s;
    }

    .pop-trigger:hover {
      background: #17233b;
      border-color: #3b5587;
      color: #f8fafc;
    }

    .pop-item.open .pop-trigger {
      background: rgba(250, 135, 75, 0.16);
      border-color: rgba(250, 135, 75, 0.48);
      color: #ffb38a;
    }

    .pop-trigger.is-highlighted {
      background: #101829;
      border-color: #243556;
      color: #cbd5e1;
    }

    .trig-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #fb9f6f;
      border: 1px solid rgba(255, 255, 255, 0.85);
      display: inline-block;
      flex-shrink: 0;
    }

    .pop-trigger .val-pill {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.10);
      color: #e2e8f0;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      line-height: 14px;
      font-weight: 700;
      padding: 1px 6px;
      border-radius: 4px;
      display: inline-block;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
    }

    #lblThemeShort {
      width: 84px;
    }

    #lblActiveCadence {
      width: 38px;
    }

    #lblBaselineShort {
      width: 96px;
    }

    #lblEffectsShort {
      width: 78px;
    }

    #lblLayoutShort {
      width: 104px;
    }

    #lblPageShort {
      width: 76px;
    }

    #lblSupportShort {
      width: 68px;
    }

    #lblPersonaShort {
      width: 58px;
    }

    .pop-caret {
      font-size: 10px;
      line-height: 1;
      color: #94a3b8;
      transition: transform 0.18s;
    }

    .pop-item.open .pop-caret {
      transform: rotate(180deg);
      color: #ffb38a;
    }

    /* Bouton standardisé : Fixer Filtres & Télémétrie */
    .pin-telemetry-btn {
      background: #101829;
      border: 1px solid #243556;
      color: #cbd5e1;
      height: 32px;
      padding: 0 10px;
      border-radius: 6px;
      font-family: inherit;
      font-size: 11.3px;
      line-height: 1;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      white-space: nowrap;
      flex-shrink: 0;
      transition: background 0.16s, border-color 0.16s, color 0.16s;
    }

    .pin-telemetry-btn:hover {
      background: #17233b;
      border-color: #3b5587;
      color: #f8fafc;
    }

    .pin-telemetry-btn.active {
      background: rgba(250, 135, 75, 0.16);
      border-color: rgba(250, 135, 75, 0.48);
      color: #ffb38a;
    }

    .pin-telemetry-btn .pin-state-tag {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9.6px;
      line-height: 14px;
      font-weight: 700;
      padding: 1px 5px;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.06);
      color: inherit;
      display: inline-block;
      width: 42px;
      text-align: center;
    }

    .pop-panel {
      position: absolute;
      top: calc(100% + 8px);
      left: 0;
      min-width: 350px;
      max-width: min(560px, 92vw);
      background: #0d1426;
      border: 1px solid #2e4473;
      border-radius: 8px;
      padding: 14px;
      box-shadow: 0 26px 70px rgba(0, 0, 0, 0.82);
      display: none;
      z-index: 1200;
    }

    .pop-panel.align-right {
      left: auto;
      right: 0;
    }

    .pop-item.open .pop-panel {
      display: block;
      animation: popIn 0.16s ease-out;
    }

    @keyframes popIn {
      from {
        opacity: 0;
        transform: translateY(-5px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .pop-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .pop-head-title {
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.09em;
      color: #94a3b8;
    }

    .opt-list {
      display: grid;
      gap: 6px;
    }

    .opt-grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
    }

    .opt-card {
      background: #131d36;
      border: 1px solid #24365c;
      color: #e2e8f0;
      padding: 9px 11px;
      border-radius: 6px;
      text-align: left;
      font-family: inherit;
      text-decoration: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      transition: all 0.16s;
    }

    .opt-card:hover {
      background: #1a2849;
      border-color: #4f6da8;
    }

    .opt-card.active {
      background: rgba(250, 135, 75, 0.18);
      border-color: #fb9f6f;
      color: #ffffff;
    }

    .opt-card strong {
      display: block;
      font-size: 12.2px;
      font-weight: 700;
      color: #ffffff;
    }

    .opt-card small {
      display: block;
      font-size: 10.6px;
      color: #94a3b8;
      margin-top: 2px;
    }

    .opt-card.active small {
      color: #fed7aa;
    }

    .sw-trio {
      display: inline-flex;
      align-items: center;
      flex-shrink: 0;
    }

    .sw-trio i {
      width: 13px;
      height: 13px;
      border-radius: 50%;
      border: 1.5px solid #ffffff;
      margin-left: -4px;
      display: inline-block;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    }

    .sw-trio i:first-child {
      margin-left: 0;
    }

    .cadence-box {
      margin-top: 12px;
      padding: 11px 12px;
      background: #080d1a;
      border: 1px solid #253861;
      border-radius: 6px;
    }

    .cadence-presets {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      margin: 8px 0 10px;
    }

    .cad-pill {
      background: #131e38;
      border: 1px solid #293d69;
      color: #cbd5e1;
      padding: 4px 9px;
      border-radius: 5px;
      font-family: inherit;
      font-size: 11px;
      font-weight: 700;
      cursor: pointer;
    }

    .cad-pill:hover {
      border-color: #fb9f6f;
      color: #fff;
    }

    .cad-pill.active {
      background: #fb9f6f;
      border-color: #fb9f6f;
      color: #0b0f19;
    }

    .cad-slider-row {
      display: grid;
      grid-template-columns: 118px 1fr 48px;
      align-items: center;
      gap: 8px;
      font-size: 11.2px;
      color: #cbd5e1;
      margin-top: 6px;
    }

    .cad-slider-row input[type="range"] {
      width: 100%;
      accent-color: #fb9f6f;
      cursor: pointer;
    }

    .cad-slider-row code {
      font-family: 'JetBrains Mono', monospace;
      color: #ffb38a;
      font-weight: 700;
      text-align: right;
    }

    .shade-steps-indicator {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: 9px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10.5px;
      color: #93c5fd;
    }

    .shade-dot-live {
      width: 11px;
      height: 11px;
      border-radius: 50%;
      border: 1.5px solid #fff;
      display: inline-block;
      transition: transform 0.3s ease, background 0.6s ease;
    }

    .subbar-right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      margin-left: auto;
      flex-shrink: 0;
      flex-wrap: nowrap;
    }

    @media (max-width: 1100px) {
      .subbar-right {
        flex-wrap: wrap;
      }
    }

    /* Sélecteur rapide des 3 Ergonomies (1. Menus · 2. Fixé · 3. Les 2 ★) */
    .ergo-seg {
      display: inline-flex;
      align-items: center;
      background: #0a1020;
      border: 1px solid #2a3e69;
      border-radius: 6px;
      padding: 2px;
      height: 32px;
      gap: 2px;
    }

    .ergo-seg button {
      background: transparent;
      border: 0;
      color: #94a3b8;
      font-family: inherit;
      font-size: 10.6px;
      line-height: 1;
      font-weight: 800;
      height: 26px;
      padding: 0 7px;
      border-radius: 4px;
      cursor: pointer;
      white-space: nowrap;
      transition: all 0.16s;
    }

    .ergo-seg button:hover {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.06);
    }

    .ergo-seg button.active {
      background: rgba(250, 135, 75, 0.20);
      color: #ffb38a;
    }

    /* Largeur verrouillée au pixel pour éviter tout décalage horizontal après le ping REST WordPress */
    .wp-live-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10.1px;
      line-height: 1;
      width: 214px;
      height: 32px;
      padding: 0 9px;
      border-radius: 6px;
      background: #101829;
      border: 1px solid #243556;
      color: #cbd5e1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 0;
    }

    .wp-live-pill i {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #10b981;
      display: inline-block;
      flex-shrink: 0;
    }

    .deploy-cta-btn {
      background: linear-gradient(135deg, #059669 0%, #047857 100%);
      border: 1.5px solid #34d399;
      color: #ecfdf5;
      height: 32px;
      padding: 0 12px;
      border-radius: 6px;
      font-family: inherit;
      font-size: 11.4px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.01em;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      white-space: nowrap;
      box-shadow: 0 2px 12px rgba(16, 185, 129, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.22);
      transition: transform 0.14s ease, background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
    }

    .deploy-cta-btn:hover {
      background: linear-gradient(135deg, #10b981 0%, #059669 100%);
      border-color: #6ee7b7;
      color: #ffffff;
      box-shadow: 0 4px 16px rgba(16, 185, 129, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.3);
      transform: translateY(-0.5px);
    }

    .deploy-cta-btn:disabled {
      opacity: 0.55;
      cursor: not-allowed;
      transform: none;
    }

    .autohide-btn {
      background: #101829;
      border: 1px solid #243556;
      color: #cbd5e1;
      height: 32px;
      padding: 0 9px;
      border-radius: 6px;
      font-family: inherit;
      font-size: 11px;
      line-height: 1;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      transition: background 0.16s, border-color 0.16s, color 0.16s;
    }

    .autohide-btn:hover {
      background: #17233b;
      border-color: #3b5587;
      color: #f8fafc;
    }

    /* ==========================================================================
       2B. ERGONOMIE 1 — RUBAN DE NAVIGATION RAPIDE & TÉLÉMÉTRIE COMPACTE (1 LIGNE VERROUILLÉE)
       ========================================================================== */
    .telemetry-ribbon-compact {
      background: rgba(7, 12, 24, 0.98);
      border-bottom: 1px solid #1e2f4f;
      padding: 0 22px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: nowrap;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .telemetry-ribbon-compact::-webkit-scrollbar {
      display: none;
    }

    body[data-ergo="cockpit"] .telemetry-ribbon-compact {
      display: none;
    }

    .trc-left {
      display: flex;
      align-items: center;
      gap: 5px;
      flex-wrap: nowrap;
      min-width: 0;
      flex-shrink: 0;
    }

    .trc-group-lbl {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9.8px;
      line-height: 1;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: #64748b;
      margin-right: 2px;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .trc-sep {
      width: 1px;
      height: 16px;
      background: #233557;
      margin: 0 4px;
      flex-shrink: 0;
    }

    .trc-pill {
      background: #101829;
      border: 1px solid #243556;
      color: #cbd5e1;
      font-family: inherit;
      font-size: 10.7px;
      line-height: 1;
      font-weight: 700;
      height: 24px;
      padding: 0 8px;
      border-radius: 5px;
      cursor: pointer;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      flex-shrink: 0;
      transition: background 0.15s, border-color 0.15s, color 0.15s;
    }

    .trc-pill:hover {
      border-color: #3b5587;
      color: #f8fafc;
      background: #17233b;
    }

    .trc-pill.active,
    .trc-pill.is-fun.active {
      background: rgba(250, 135, 75, 0.16);
      border-color: rgba(250, 135, 75, 0.48);
      color: #ffb38a;
      font-weight: 700;
    }

    .trc-pill.is-fun {
      border-color: #243556;
      color: #cbd5e1;
    }

    .trc-right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      margin-left: auto;
      flex-shrink: 0;
      flex-wrap: nowrap;
    }

    .tele-mini-chip {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: #0d1629;
      border: 1px solid #213459;
      border-radius: 5px;
      height: 24px;
      padding: 0 7px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      line-height: 1;
      color: #cbd5e1;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .tele-mini-chip b {
      color: #6ee7b7;
      font-weight: 700;
    }

    .tele-mini-chip.seo-score-chip {
      background: rgba(16, 185, 129, 0.15);
      border-color: rgba(16, 185, 129, 0.52);
      color: #a7f3d0;
      cursor: pointer;
    }

    .tele-mini-chip.seo-score-chip b {
      color: #34d399;
      font-size: 10.6px;
    }

    .reset-state-btn {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid #2b3f69;
      color: #94a3b8;
      font-family: inherit;
      font-size: 10.3px;
      line-height: 1;
      font-weight: 700;
      height: 24px;
      padding: 0 7px;
      border-radius: 5px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .reset-state-btn:hover {
      color: #fff;
      border-color: #fb9f6f;
    }

    .reset-state-btn.is-active {
      background: rgba(16, 185, 129, 0.18);
      border-color: #10b981;
      color: #6ee7b7;
    }

    /* ==========================================================================
       2C. ERGONOMIE 2 — COCKPIT GLOBAL FIXÉ (5 COLONNES DE FILTRES + 4 MODULES TÉLÉMÉTRIE)
       ========================================================================== */
    .global-cockpit-dock {
      background: linear-gradient(180deg, #0a1020 0%, #070c18 100%);
      border-bottom: 1px solid #25385e;
      border-top: 1px solid #1d2d4d;
      padding: 10px 22px 12px;
      color: #e2e8f0;
      display: none;
    }

    body[data-ergo="cockpit"] .global-cockpit-dock,
    body[data-ergo="both"] .global-cockpit-dock {
      display: block;
    }

    .cockpit-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: nowrap;
      height: 33px;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .cockpit-head-title {
      display: flex;
      align-items: center;
      gap: 9px;
      font-family: 'Outfit', sans-serif;
      font-size: 12.8px;
      line-height: 1;
      font-weight: 800;
      color: #f8fafc;
      letter-spacing: 0.02em;
      white-space: nowrap;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .cockpit-head-badge {
      background: rgba(250, 135, 75, 0.18);
      border: 1px solid rgba(250, 135, 75, 0.48);
      color: #fed7aa;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      line-height: 14px;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 4px;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .cockpit-head-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      margin-left: auto;
      flex-wrap: nowrap;
      flex-shrink: 0;
    }

    .ck-ctrl-btn {
      background: #111b33;
      border: 1px solid #293e6b;
      color: #cbd5e1;
      font-family: inherit;
      font-size: 10.8px;
      line-height: 1;
      font-weight: 700;
      height: 25px;
      padding: 0 9px;
      border-radius: 5px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      transition: all 0.15s;
    }

    .ck-ctrl-btn:hover {
      border-color: #fb9f6f;
      color: #fff;
    }

    .ck-ctrl-btn.active {
      background: rgba(59, 130, 246, 0.22);
      border-color: #60a5fa;
      color: #dbeafe;
    }

    /* Bandeau d'Ambiances Complètes 1-Clic — Retour à la ligne automatique (Zéro bouton rogné) */
    .ambiance-presets-strip {
      display: flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
      height: auto;
      min-height: 44px;
      background: rgba(15, 25, 48, 0.85);
      border: 1px solid #243860;
      border-radius: 6px;
      padding: 6px 8px;
      margin-bottom: 10px;
      box-sizing: border-box;
    }

    .ambiance-presets-strip::-webkit-scrollbar {
      display: none;
    }

    .amb-preset-btn {
      background: #121e38;
      border: 1px solid #2b4270;
      color: #e2e8f0;
      font-family: inherit;
      font-size: 10.6px;
      line-height: 1;
      font-weight: 700;
      height: 28px;
      padding: 0 8px;
      border-radius: 5px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      flex-shrink: 0;
      transition: all 0.16s;
    }

    .amb-preset-btn:hover {
      border-color: #fb9f6f;
      background: #1a2b4f;
      color: #fff;
    }

    .amb-preset-btn.active {
      background: linear-gradient(135deg, #fb9f6f, #ea580c);
      border-color: #fdba74;
      color: #080c16;
      font-weight: 800;
    }

    /* Matrice des Filtres Globaux Étalés Côte à Côte (5 Colonnes Identiques au Pixel) */
    .gf-matrix {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 10px;
    }

    .gf-matrix.hidden {
      display: none;
    }

    @media (max-width: 1500px) {
      .gf-matrix {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 960px) {
      .gf-matrix {
        grid-template-columns: 1fr;
      }
    }

    .gf-col {
      background: #0d1528;
      border: 1px solid #213358;
      border-radius: 6px;
      padding: 8px 10px;
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-width: 0;
    }

    .gf-col-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      height: 26px;
      font-size: 10.3px;
      line-height: 1;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #93c5fd;
      padding-bottom: 5px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      white-space: nowrap;
    }

    .gf-sublbl {
      font-size: 9.8px;
      line-height: 13px;
      height: 13px;
      font-weight: 700;
      color: #94a3b8;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      margin-top: 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .gf-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
    }

    .gf-pills.gf-row-1 {
      flex-wrap: nowrap;
      height: 22px;
      overflow-x: auto;
      scrollbar-width: none;
    }

    .gf-pills.gf-row-1::-webkit-scrollbar {
      display: none;
    }

    .gf-pills.gf-row-2 {
      height: auto;
      min-height: 48px;
      align-content: flex-start;
      overflow: visible;
    }

    .gf-pill {
      background: #131f3a;
      border: 1px solid #263b66;
      color: #cbd5e1;
      font-family: inherit;
      font-size: 10.4px;
      line-height: 1;
      font-weight: 700;
      height: 22px;
      padding: 0 7px;
      border-radius: 4px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      white-space: nowrap;
      flex-shrink: 0;
      transition: all 0.14s;
    }

    .gf-col-head .gf-pill {
      height: 20px;
      padding: 0 6px;
      font-size: 10px;
    }

    .gf-pill:hover {
      border-color: #fb9f6f;
      color: #fff;
      background: #1b2c52;
    }

    .gf-pill.active {
      background: rgba(250, 135, 75, 0.24);
      border-color: #fb9f6f;
      color: #ffffff;
      box-shadow: inset 0 0 0 1px rgba(250, 135, 75, 0.35);
    }

    .gf-pill i.sw {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: inline-block;
      border: 1px solid rgba(255, 255, 255, 0.8);
      flex-shrink: 0;
    }

    .ck-whisper-range {
      display: block;
      width: 100%;
      height: 16px;
      margin: 2px 0;
      accent-color: #fb9f6f;
      cursor: pointer;
    }

    /* Cases à cocher multi-sélection Baselines & Univers (pleine hauteur exploitée dans la colonne) */
    .chk-grid-mini {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-content: start;
      gap: 3px;
      height: 152px;
      max-height: 152px;
      overflow-y: auto;
      padding-right: 2px;
    }

    .gf-matrix .chk-grid-mini {
      flex: 1 1 auto;
      height: 258px;
      min-height: 258px;
      max-height: 258px;
    }

    .chk-chip {
      display: flex;
      align-items: center;
      gap: 5px;
      background: #111b33;
      border: 1px solid #22355c;
      border-radius: 4px;
      height: 22px;
      padding: 0 6px;
      font-size: 10px;
      line-height: 1;
      color: #cbd5e1;
      cursor: pointer;
      user-select: none;
      min-width: 0;
    }

    .chk-chip:hover {
      border-color: #4b6cb7;
      color: #fff;
    }

    .chk-chip.is-playing {
      border-color: #fb9f6f;
      background: rgba(250, 135, 75, 0.16);
      color: #fff;
    }

    .chk-chip input {
      accent-color: #fb9f6f;
      cursor: pointer;
      margin: 0;
      flex-shrink: 0;
    }

    .chk-chip span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 1;
      min-width: 0;
    }

    /* Ensemble des 4 Modules d'Outils de Télémétrie en Temps Réel (Hauteur Verrouillée au Pixel) */
    .tele-suite-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }

    .tele-suite-grid.hidden {
      display: none;
    }

    @media (max-width: 1400px) {
      .tele-suite-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 820px) {
      .tele-suite-grid {
        grid-template-columns: 1fr;
      }
    }

    .tele-card {
      background: #0b1222;
      border: 1px solid #22365c;
      border-radius: 6px;
      padding: 9px 11px;
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-width: 0;
    }

    .tele-card.is-seo-card {
      border-color: rgba(16, 185, 129, 0.48);
      background: linear-gradient(180deg, rgba(6, 78, 59, 0.18) 0%, #0b1222 100%);
    }

    .tele-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      height: 24px;
      font-size: 10.6px;
      line-height: 1;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: #fed7aa;
      padding-bottom: 5px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      white-space: nowrap;
    }

    .tele-card-head .gf-pill {
      height: 19px;
      padding: 0 6px;
      font-size: 9.8px;
    }

    .tele-badge-ok {
      background: rgba(16, 185, 129, 0.18);
      border: 1px solid rgba(16, 185, 129, 0.45);
      color: #6ee7b7;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9.8px;
      line-height: 14px;
      font-weight: 800;
      padding: 1px 6px;
      border-radius: 4px;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .tele-kv-list {
      display: grid;
      gap: 4px;
      font-size: 10.7px;
    }

    .tele-kv {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      height: 16px;
      line-height: 16px;
      color: #94a3b8;
      white-space: nowrap;
      min-width: 0;
    }

    .tele-kv span {
      flex-shrink: 0;
      white-space: nowrap;
    }

    .tele-kv code {
      font-family: 'JetBrains Mono', monospace;
      font-size: 10.2px;
      line-height: 16px;
      color: #f1f5f9;
      font-weight: 700;
      text-align: right;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 0;
    }

    .tele-bar-track {
      height: 5px;
      background: #17233d;
      border-radius: 3px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .tele-bar-fill {
      height: 100%;
      background: linear-gradient(90deg, #10b981, #34d399);
      border-radius: 3px;
      transition: width 0.35s ease;
    }

    /* ==========================================================================
       3. SCÈNE DE PRÉSENTATION & CHÂSSIS (L × H EXACTS + MOLETTE + POIGNÉE + MODE DUO)
       ========================================================================== */
    .stage-area,
    .stage-main {
      padding: 18px 14px 26px;
      min-height: calc(100vh - 110px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background: radial-gradient(circle at 50% 14%, #131e36 0%, #070a12 76%);
      transition: padding-top 0.3s ease;
    }

    body.studio-autohide .stage-area,
    body.studio-autohide .stage-main {
      padding-top: 24px;
    }

    .scale-holder {
      transform-origin: top center;
      transition: transform 0.2s ease;
      display: flex;
      gap: 24px;
      align-items: flex-start;
      justify-content: center;
    }

    .device-bezel {
      display: inline-flex;
      flex-direction: column;
      align-items: stretch;
      background: #141925;
      border: 2px solid #2b3956;
      border-radius: 12px;
      padding: 10px 10px 8px;
      box-shadow: 0 32px 95px rgba(0, 0, 0, 0.82), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
      position: relative;
    }

    .device-bezel.is-mobile {
      border-radius: 26px;
      padding: 15px 11px 11px;
      border-width: 3px;
    }

    .bezel-bar {
      width: 0;
      min-width: 100%;
      height: 22px;
      overflow: hidden;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 0 8px 7px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10.6px;
      line-height: 15px;
      color: #94a3b8;
    }

    .bezel-dots {
      display: inline-flex;
      gap: 5px;
      flex-shrink: 0;
    }

    .bezel-dots i {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #334155;
      display: inline-block;
    }

    .device-viewport {
      width: 1920px;
      height: 1080px;
      background: #ffffff;
      border-radius: 6px;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative;
      container-type: inline-size;
      container-name: accscreen;
    }

    .device-bezel.is-mobile .device-viewport {
      border-radius: 18px;
    }

    .twin-site-bezel {
      display: none;
      border-color: rgba(214, 195, 154, 0.55) !important;
      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(214, 195, 154, 0.2) inset !important;
    }

    .twin-site-bezel.open {
      display: inline-flex;
      flex-direction: column;
    }

    .twin-bezel-actions {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      flex-wrap: nowrap;
    }

    .twin-mini-btn {
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: #e2e8f0;
      font-family: 'DM Sans', sans-serif;
      font-size: 10.2px;
      line-height: 1;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 5px;
      cursor: pointer;
      text-decoration: none;
      transition: all 0.16s ease;
    }

    .twin-mini-btn:hover {
      background: rgba(255, 255, 255, 0.15);
      color: #fff;
    }

    .twin-mini-btn.active {
      background: rgba(180, 154, 103, 0.28);
      border-color: #d6c39a;
      color: #fef3c7;
    }

    .twin-iframe-viewport {
      width: 1920px;
      height: 1080px;
      background: #11110f;
      border-radius: 6px;
      overflow: hidden;
      position: relative;
    }

    .twin-iframe-viewport iframe {
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    .fold-overlay {
      position: sticky;
      bottom: 0;
      left: 0;
      right: 0;
      height: 0;
      z-index: 120;
      pointer-events: none;
    }

    .fold-line {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-bottom: 2px dashed rgba(239, 68, 68, 0.85);
      display: flex;
      justify-content: flex-end;
      padding: 0 10px 3px;
    }

    .fold-line span {
      background: rgba(220, 38, 38, 0.92);
      color: #fff;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9.8px;
      font-weight: 700;
      padding: 2px 7px;
      border-radius: 4px;
    }

    .fold-overlay.hidden {
      display: none;
    }

    .height-drag-handle {
      width: 0;
      min-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-top: 7px;
      height: 17px;
      border-radius: 6px;
      background: #1a243b;
      border: 1px solid #2e426b;
      cursor: ns-resize;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9.8px;
      line-height: 1;
      color: #93c5fd;
      user-select: none;
      transition: all 0.15s;
    }

    .height-drag-handle:hover {
      background: #243354;
      border-color: #fb9f6f;
      color: #fed7aa;
    }

    /* Modale de Validation & Déploiement Double-Site WordPress */
    .deploy-modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 2000;
      background: rgba(6, 10, 20, 0.84);
      backdrop-filter: blur(10px);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

    .deploy-modal-overlay.open {
      display: flex;
    }

    .deploy-modal-box,
    .deploy-modal-card {
      width: min(1020px, 96vw);
      max-height: 91vh;
      overflow-y: auto;
      background: #0d1426;
      border: 1.5px solid #304878;
      border-radius: 10px;
      padding: 22px 24px;
      color: #f8fafc;
      box-shadow: 0 32px 90px rgba(0, 0, 0, 0.88);
    }

    .deploy-summary-grid {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 12px;
      margin: 12px 0 14px;
    }

    .deploy-summary-box {
      background: #111b33;
      border: 1px solid #263a63;
      border-radius: 8px;
      padding: 12px 14px;
      font-size: 12.1px;
      line-height: 1.5;
    }

    .deploy-summary-box h4 {
      margin: 0 0 8px;
      font-size: 11.5px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #6ee7b7;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .deploy-summary-list {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 5px;
    }

    .deploy-summary-list li {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      border-bottom: 1px dashed rgba(148, 163, 184, 0.14);
      padding-bottom: 4px;
      color: #cbd5e1;
    }

    .deploy-summary-list li:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .deploy-summary-list li strong {
      color: #f8fafc;
      text-align: right;
    }

    .deploy-feas-panel {
      background: #091020;
      border: 1px solid #253963;
      border-radius: 8px;
      padding: 13px 15px;
      margin-bottom: 13px;
    }

    .deploy-feas-track {
      height: 11px;
      background: #16223c;
      border-radius: 999px;
      overflow: hidden;
      border: 1px solid #273c66;
      margin: 8px 0 10px;
    }

    .deploy-feas-fill {
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, #059669, #10b981, #34d399);
      transition: width 0.38s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .deploy-feas-checks {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .deploy-feas-item {
      background: #10192e;
      border: 1px solid #22345a;
      border-radius: 6px;
      padding: 8px 10px;
      font-size: 11.5px;
    }

    .deploy-feas-item.ok {
      border-color: rgba(16, 185, 129, 0.45);
      background: rgba(16, 185, 129, 0.08);
    }

    .deploy-feas-item.warn {
      border-color: rgba(245, 158, 11, 0.55);
      background: rgba(245, 158, 11, 0.09);
    }

    .deploy-step2-gate {
      background: linear-gradient(135deg, rgba(6, 78, 59, 0.42), rgba(15, 23, 42, 0.92));
      border: 1.5px solid #10b981;
      border-radius: 9px;
      padding: 14px 16px;
      margin-bottom: 13px;
      box-shadow: 0 10px 28px rgba(16, 185, 129, 0.16);
    }

    .deploy-transport-panel {
      background: #070d1b;
      border: 1.5px solid #2b4475;
      border-radius: 9px;
      padding: 14px 16px;
      margin-bottom: 12px;
    }

    .deploy-transport-step {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      padding: 8px 10px;
      border-radius: 6px;
      background: #0e172c;
      border: 1px solid #1e2f52;
      margin-bottom: 7px;
      font-size: 12px;
    }

    .deploy-transport-step.done {
      border-color: rgba(16, 185, 129, 0.5);
      background: rgba(16, 185, 129, 0.09);
    }

    .deploy-transport-step.running {
      border-color: rgba(56, 189, 248, 0.6);
      background: rgba(14, 116, 144, 0.16);
    }

    .deploy-prod-vault {
      background: linear-gradient(135deg, rgba(120, 53, 15, 0.28), rgba(15, 23, 42, 0.95));
      border: 1.5px solid #f59e0b;
      border-radius: 9px;
      padding: 13px 15px;
      margin-bottom: 13px;
      font-size: 12.1px;
    }

    @media (max-width: 820px) {

      .deploy-summary-grid,
      .deploy-feas-checks,
      .deploy-targets-grid {
        grid-template-columns: 1fr;
      }
    }

    .deploy-target-lock {
      background: rgba(16, 185, 129, 0.12);
      border: 1px solid rgba(16, 185, 129, 0.45);
      color: #a7f3d0;
      padding: 10px 14px;
      border-radius: 6px;
      font-size: 12.4px;
      margin: 12px 0 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    .deploy-targets-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 12px;
    }

    .deploy-target-card {
      background: #0d1629;
      border: 1px solid #24375c;
      border-radius: 6px;
      padding: 10px 12px;
      cursor: pointer;
      text-align: left;
      font-family: inherit;
      color: #e2e8f0;
      transition: border-color 0.16s, background 0.16s;
    }

    .deploy-target-card:hover {
      border-color: #4f6da8;
    }

    .deploy-target-card.active {
      border-color: #fb9f6f;
      background: rgba(250, 135, 75, 0.13);
    }

    .deploy-target-card strong {
      display: block;
      font-size: 12.6px;
      color: #fff;
    }

    .deploy-target-card small {
      display: block;
      color: #94a3b8;
      font-size: 11px;
      margin-top: 3px;
    }

    .deploy-check-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 16px;
    }

    .deploy-check-item {
      background: #131e38;
      border: 1px solid #283c66;
      border-radius: 6px;
      padding: 10px 12px;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      cursor: pointer;
      font-size: 12.3px;
    }

    .deploy-check-item input {
      margin-top: 3px;
      accent-color: #10b981;
    }

    .deploy-code-preview {
      background: #060913;
      border: 1px solid #223357;
      border-radius: 6px;
      padding: 12px 14px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11.2px;
      color: #93c5fd;
      max-height: 190px;
      overflow-y: auto;
      white-space: pre-wrap;
      margin-bottom: 14px;
    }

    /* Mode Aperçu Embarqué (?embed=1 pour Vue Duo & Inspecteur) */
    body.is-embed-preview {
      background: #ffffff !important;
      overflow: auto !important;
    }

    body.is-embed-preview .studio-chrome,
    body.is-embed-preview .top-hover-sensor,
    body.is-embed-preview .top-mini-handle,
    body.is-embed-preview #cockpitSlotTop,
    body.is-embed-preview #cockpitSlotBottom,
    body.is-embed-preview .bezel-bar,
    body.is-embed-preview .device-bezel-top,
    body.is-embed-preview .height-drag-handle,
    body.is-embed-preview #twinSiteBezel,
    body.is-embed-preview #foldOverlay,
    body.is-embed-preview .fold-overlay {
      display: none !important;
    }

    body.is-embed-preview .stage-area,
    body.is-embed-preview .stage-main,
    body.is-embed-preview .workspace-stage {
      padding: 0 !important;
      margin: 0 !important;
      min-height: 100vh !important;
      display: block !important;
      background: transparent !important;
    }

    body.is-embed-preview .scale-holder {
      display: block !important;
      transform: none !important;
      margin: 0 !important;
      width: 100% !important;
    }

    body.is-embed-preview .device-bezel,
    body.is-embed-preview #primarySiteBezel,
    body.is-embed-preview .device-shell {
      display: block !important;
      width: 100% !important;
      max-width: none !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      transform: none !important;
      background: transparent !important;
    }

    body.is-embed-preview .device-viewport,
    body.is-embed-preview #deviceViewport {
      width: 100% !important;
      height: auto !important;
      min-height: 100vh !important;
      border-radius: 0 !important;
      overflow: visible !important;
    }

    /* ==========================================================================
       4. CANEVAS DU SITE AMBASSADE CABINET CONSEIL (100% BODY BLANC LUMINEUX !)
          GÉOMÉTRIE ARCHITECTURALE UNIFIÉE : 0 PX SUR LES BANDEAUX PLEINE LARGEUR,
          MICRO-RAYON STRICT 6 PX SUR TOUS LES COMPOSANTS INTÉRIEURS (ZÉRO CAPSULE !)
       ========================================================================== */
    #siteCanvas {
      --u: 1;
      --fade-dur: 5s;
      --acc-body-bg: #ffffff;
      --acc-ink: #16181d;
      --acc-muted: #555b66;
      --acc-border: #e5e2dc;
      --acc-accent: #fb9f6f;
      --acc-accent-2: #ed8956;
      --acc-accent-soft: #fff3ec;
      --acc-surface-tint: #faf8f5;
      --acc-contrast-block: #16181d;
      --acc-font-display: 'Outfit', sans-serif;
      --acc-font-body: 'DM Sans', sans-serif;
      --acc-radius: 6px;
      --acc-btn-radius: 6px;

      min-height: 100%;
      display: flex;
      flex-direction: column;
      background-color: var(--acc-body-bg, #ffffff);
      color: var(--acc-ink);
      font-family: var(--acc-font-body);
      font-size: calc(15px * var(--u));
      line-height: 1.62;
      position: relative;
      transition:
        --acc-accent var(--fade-dur) ease-in-out,
        --acc-accent-2 var(--fade-dur) ease-in-out,
        --acc-accent-soft var(--fade-dur) ease-in-out,
        --acc-surface-tint var(--fade-dur) ease-in-out,
        --acc-contrast-block var(--fade-dur) ease-in-out;
    }

    .acc-wrap {
      width: min(calc(1340px * var(--u)), calc(100% - 56px * var(--u)));
      margin: 0 auto;
    }

    /* ICÔNES VECTORIELLES HARMONIEUSES (ZÉRO EMOJI DISPARATE DANS #siteCanvas !) */
    .acc-ico {
      width: 1.08em;
      height: 1.08em;
      display: inline-block;
      vertical-align: -0.17em;
      flex-shrink: 0;
    }

    .ico-accent {
      color: var(--acc-accent);
    }

    .cert-mark-svg {
      height: calc(44px * var(--u));
      width: auto;
      display: block;
      flex-shrink: 0;
    }

    /* Monogramme officiel ACC en filigrane parallaxe léger sur fond blanc */
    .acc-monogram-section {
      position: relative;
      background-color: #ffffff;
      overflow: hidden;
    }

    .acc-monogram-bg {
      position: absolute;
      inset: -80px 0;
      background-image: url('/wp-content/uploads/2025/10/LOGO-fond-scaled.gif');
      background-size: calc(640px * var(--u)) auto;
      background-repeat: repeat;
      opacity: 0.32;
      pointer-events: none;
      transform: translate3d(0, var(--mono-py, 0px), 0);
    }

    .acc-logo-svg {
      display: block;
      height: auto;
    }

    .acc-logo-svg,
    .acc-logo-svg path,
    .acc-logo-svg .logo-spire-path,
    .acc-logo-svg .logo-words-group,
    .acc-logo-svg .logo-words-group path,
    .acc-logo-svg .logo-square-dot {
      fill: #ffffff !important;
      color: #ffffff !important;
      transition: none !important;
    }

    /* BOUTONS ARCHITECTURAUX UNIFORMES (RAYON STRICT 6 PX SUR LES 4 COINS) */
    .acc-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: calc(8px * var(--u));
      height: calc(42px * var(--u));
      padding: 0 calc(18px * var(--u));
      border-radius: calc(var(--acc-btn-radius) * var(--u));
      background: var(--acc-accent);
      color: var(--acc-on-accent, #141414);
      font-family: var(--acc-font-body);
      font-size: calc(13.3px * var(--u));
      font-weight: 800;
      letter-spacing: 0.01em;
      border: 1px solid transparent;
      cursor: pointer;
      text-decoration: none;
      white-space: nowrap !important;
      flex-shrink: 0;
      transition: transform 0.18s ease, background 0.3s ease, border-color 0.25s ease, box-shadow 0.25s ease, color 0.2s ease;
      box-shadow: 0 5px 14px -6px rgba(0, 0, 0, 0.2);
    }

    .acc-btn:hover {
      background: var(--acc-accent-2);
      color: var(--acc-on-accent-2, #ffffff);
      transform: translateY(-1px);
    }

    .acc-btn-dark {
      background: var(--acc-contrast-block);
      color: #ffffff;
    }

    .acc-btn-dark:hover {
      background: #000000;
      color: #ffffff;
    }

    .acc-btn-outline {
      background: #ffffff;
      color: #17181c !important;
      border: 1.5px solid #d4d1ca;
      box-shadow: none;
    }

    .acc-btn-outline:hover {
      border-color: var(--acc-accent);
      color: var(--acc-accent) !important;
      background: var(--acc-accent-soft);
    }

    /* Anti-blanc-sur-blanc universel sur TOUS les blocs sombres (garantie 100% WCAG) */
    .acc-card-contrast .acc-btn-outline,
    .persona-lens-banner .acc-btn-outline,
    .cinema-stage-box .acc-btn-outline,
    .hero-v-index5 .acc-btn-outline,
    #sec-expertises .acc-btn-outline,
    .acc-panel-dark .acc-btn-outline,
    .acc-service.acc-mystere .acc-btn-outline,
    .acc-home-formation-banner .acc-btn-outline,
    .acc-home-intl-banner .acc-btn-outline,
    .acc-home-contact-sec .acc-btn-outline,
    .acc-btn-outline[style*="color:#fff"],
    .acc-btn-outline[style*="color: #fff"] {
      background: rgba(20, 22, 28, 0.78) !important;
      color: #ffffff !important;
      border: 1.5px solid rgba(255, 255, 255, 0.46) !important;
    }

    .acc-card-contrast .acc-btn-outline:hover,
    .persona-lens-banner .acc-btn-outline:hover,
    .cinema-stage-box .acc-btn-outline:hover,
    .hero-v-index5 .acc-btn-outline:hover,
    #sec-expertises .acc-btn-outline:hover,
    .acc-panel-dark .acc-btn-outline:hover,
    .acc-service.acc-mystere .acc-btn-outline:hover,
    .acc-home-formation-banner .acc-btn-outline:hover,
    .acc-home-intl-banner .acc-btn-outline:hover,
    .acc-home-contact-sec .acc-btn-outline:hover,
    .acc-btn-outline[style*="color:#fff"]:hover,
    .acc-btn-outline[style*="color: #fff"]:hover {
      background: var(--acc-accent, #f69259) !important;
      color: var(--acc-on-accent, #141414) !important;
      border-color: var(--acc-accent, #f69259) !important;
    }

    .acc-btn-sm {
      height: calc(35px * var(--u));
      padding: 0 calc(13px * var(--u));
      font-size: calc(12.3px * var(--u));
    }

    /* Bandeau Hero : 2 boutons d'action prioritaires ("Explorer nos expertises ↗" & "Calculer mes économies ↗") */
    .hero-top-cta-row {
      display: flex;
      align-items: center;
      gap: calc(14px * var(--u));
      flex-wrap: wrap;
      margin: calc(10px * var(--u)) 0 calc(8px * var(--u));
    }

    .hero-top-cta-row .hero-cta-explore,
    .hero-top-cta-row .acc-btn-hero-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: var(--acc-accent, #f69259) !important;
      color: var(--acc-on-accent, #161616) !important;
      border: 1.5px solid var(--acc-accent, #f69259) !important;
      font-family: var(--acc-font-body);
      font-size: calc(13px * var(--u));
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none !important;
      height: calc(46px * var(--u));
      padding: 0 calc(22px * var(--u));
      border-radius: calc(max(6px, var(--acc-btn-radius, 6px)) * var(--u));
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
      transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
      cursor: pointer;
    }

    .hero-top-cta-row .hero-cta-explore:hover,
    .hero-top-cta-row .acc-btn-hero-primary:hover {
      transform: translateY(-2px);
      background: var(--acc-accent-2, #ff8c42) !important;
      border-color: var(--acc-accent-2, #ff8c42) !important;
      color: var(--acc-on-accent-2, #ffffff) !important;
      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34);
    }

    .hero-top-cta-row .hero-cta-calc,
    .hero-top-cta-row .acc-btn-hero-outline {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: rgba(18, 20, 24, 0.68) !important;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      color: #ffffff !important;
      border: 1.5px solid rgba(255, 255, 255, 0.55) !important;
      font-family: var(--acc-font-body);
      font-size: calc(13px * var(--u));
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none !important;
      height: calc(46px * var(--u));
      padding: 0 calc(22px * var(--u));
      border-radius: calc(max(6px, var(--acc-btn-radius, 6px)) * var(--u));
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
      transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
      cursor: pointer;
    }

    .hero-top-cta-row .hero-cta-calc:hover,
    .hero-top-cta-row .acc-btn-hero-outline:hover {
      transform: translateY(-2px);
      background: rgba(255, 255, 255, 0.18) !important;
      border-color: #ffffff !important;
      color: #ffffff !important;
    }

    /* ==========================================================================
       5. HEADER PLEINE LARGEUR (0 PX RADIUS), NAVIGATION CRAWLABLE & HREFLANG
       ========================================================================== */
    .acc-topbar-intl {
      background: var(--acc-surface-tint);
      border-bottom: 1px solid var(--acc-border);
      font-size: calc(11.4px * var(--u));
      color: var(--acc-muted);
      padding: calc(5px * var(--u)) 0;
    }

    .acc-topbar-intl .acc-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    .intl-hub-links {
      display: flex;
      align-items: center;
      gap: calc(10px * var(--u));
      flex-wrap: wrap;
    }

    .intl-hub-links a {
      color: var(--acc-muted);
      text-decoration: none;
      font-weight: 600;
      transition: color 0.18s;
    }

    .intl-hub-links a:hover {
      color: var(--acc-accent);
    }

    .acc-header {
      position: sticky;
      top: 0;
      z-index: 95;
      background: rgba(255, 255, 255, 0.98);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--acc-border);
      border-radius: 0;
      color: var(--acc-ink);
    }

    .acc-header-inner {
      min-height: calc(76px * var(--u));
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(18px * var(--u));
    }

    .acc-brand-link {
      color: var(--acc-ink);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      padding: calc(4px * var(--u)) 0;
      flex-shrink: 0;
    }

    .acc-brand-link .acc-logo-horiz {
      width: calc(186px * var(--u));
    }

    .acc-brand-link .acc-logo-crest {
      display: none;
      width: calc(90px * var(--u));
    }

    /* Galerie 3 Ambiances (Poste × Lieu × Environnement) sur Fiche Poste */
    .sj-visual-showcase {
      display: flex;
      flex-direction: column;
      gap: calc(8px * var(--u));
    }

    .sj-main-photo-wrap {
      position: relative;
      border-radius: calc(var(--acc-radius) * var(--u));
      overflow: hidden;
      border: 1px solid var(--acc-border);
      aspect-ratio: 16 / 9;
      background: #f5f3ee;
      box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    }

    .sj-main-photo-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 22%;
      display: block;
    }

    .sj-photo-context-tag {
      position: absolute;
      left: calc(10px * var(--u));
      bottom: calc(10px * var(--u));
      right: calc(10px * var(--u));
      background: rgba(15, 23, 42, 0.84);
      backdrop-filter: blur(8px);
      color: #ffffff;
      font-size: calc(11.2px * var(--u));
      font-weight: 700;
      padding: calc(6px * var(--u)) calc(10px * var(--u));
      border-radius: calc(4px * var(--u));
      border-left: 3px solid var(--acc-accent);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }

    .sj-ambiance-thumbs {
      display: none !important;
    }

    .sj-role-priority-bar {
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-left: 3.5px solid var(--acc-accent);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(10px * var(--u)) calc(14px * var(--u));
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
    }

    .sj-role-priority-main {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .sj-role-priority-kicker {
      font-size: calc(9.8px * var(--u));
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--acc-accent);
    }

    .sj-role-priority-title {
      font-size: calc(12.8px * var(--u));
      font-weight: 800;
      color: var(--acc-ink);
    }

    .sj-role-priority-pill {
      font-size: calc(11px * var(--u));
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 999px;
      background: var(--acc-surface-tint);
      border: 1px solid var(--acc-border);
      color: var(--acc-ink);
      white-space: nowrap;
    }

    /* Mention légale & marketing au survol de toutes les images d'illustration */
    .sj-legal-noncontractual-note {
      font-size: calc(10.8px * var(--u));
      line-height: 1.48;
      color: var(--acc-muted);
      background: rgba(15, 23, 42, 0.035);
      border: 1px dashed var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(7px * var(--u)) calc(11px * var(--u));
      display: flex;
      align-items: flex-start;
      gap: 7px;
    }
    .sj-legal-noncontractual-note strong {
      color: var(--acc-ink);
      font-weight: 700;
    }

    #accImgLegalHoverPill {
      display: none !important;
      position: fixed;
      z-index: 2147483000;
      pointer-events: none;
      opacity: 0;
      transform: translateY(4px) scale(0.98);
      transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1), transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
      max-width: 350px;
      background: rgba(12, 16, 23, 0.92);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      color: #f8fafc;
      border: 1px solid rgba(250, 135, 75, 0.45);
      border-left: 3px solid var(--acc-accent, #fa874b);
      border-radius: 7px;
      padding: 7px 11px;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      font-size: 11px;
      line-height: 1.42;
    }
    #accImgLegalHoverPill.is-visible {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    #accImgLegalHoverPill .acc-ilhp-title {
      display: flex;
      align-items: center;
      gap: 5px;
      font-weight: 800;
      font-size: 10.3px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #ffb38a;
      margin-bottom: 2px;
    }
    #accImgLegalHoverPill .acc-ilhp-sub {
      color: rgba(241, 245, 249, 0.88);
      font-weight: 500;
      font-size: 10.6px;
    }

    .sj-amb-thumb {
      background: #ffffff;
      border: 1.5px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(4px * var(--u));
      cursor: pointer;
      text-align: left;
      font-family: inherit;
      display: flex;
      flex-direction: column;
      gap: 4px;
      transition: border-color 0.16s, box-shadow 0.16s;
    }

    .sj-amb-thumb:hover {
      border-color: var(--acc-accent);
    }

    .sj-amb-thumb.active {
      border-color: var(--acc-accent);
      box-shadow: 0 0 0 1px var(--acc-accent);
      background: var(--acc-accent-soft);
    }

    .sj-amb-thumb img {
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      object-position: center 22%;
      border-radius: calc(3px * var(--u));
      display: block;
    }

    .sj-amb-thumb span {
      font-size: calc(10.2px * var(--u));
      font-weight: 700;
      color: var(--acc-ink);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 2px;
    }

    .acc-nav {
      display: flex;
      align-items: center;
      gap: calc(3px * var(--u));
    }

    .acc-nav-link {
      color: var(--acc-ink);
      text-decoration: none;
      font-size: calc(13.5px * var(--u));
      font-weight: 600;
      padding: calc(8px * var(--u)) calc(12px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      gap: calc(6px * var(--u));
      position: relative;
      transition: color 0.18s, background 0.18s;
    }

    .acc-nav-link:hover {
      background: var(--acc-accent-soft);
      color: var(--acc-accent);
    }

    .acc-nav-link.current {
      color: var(--acc-accent);
      font-weight: 700;
    }

    .acc-nav-link.current::after {
      content: '';
      position: absolute;
      left: calc(12px * var(--u));
      right: calc(12px * var(--u));
      bottom: calc(2px * var(--u));
      height: 2px;
      background: var(--acc-accent);
    }

    .nav-count-dot {
      font-size: calc(10.5px * var(--u));
      font-weight: 800;
      padding: 1px calc(6px * var(--u));
      border-radius: calc(4px * var(--u));
      background: var(--acc-accent-soft);
      color: var(--acc-accent);
    }

    .acc-dropdown {
      position: relative;
    }

    .acc-dropdown-menu {
      position: absolute;
      top: 100%;
      margin-top: 2px;
      left: 0;
      min-width: calc(255px * var(--u));
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);
      padding: calc(6px * var(--u));
      display: none;
      flex-direction: column;
      gap: 2px;
      z-index: 250;
      pointer-events: auto;
    }
    /* Pont invisible anti-perte de souris entre l'onglet du menu et la boîte flottante */
    .acc-dropdown-menu::before {
      content: '';
      position: absolute;
      top: -18px;
      left: -12px;
      right: -12px;
      height: 22px;
      background: transparent;
      pointer-events: auto;
    }
    .acc-dropdown:hover .acc-dropdown-menu,
    .acc-dropdown.is-open .acc-dropdown-menu { display: flex; }
    .acc-dropdown-item {
      color: var(--acc-ink);
      text-decoration: none;
      padding: calc(8px * var(--u)) calc(11px * var(--u));
      border-radius: calc(4px * var(--u));
      font-size: calc(12.8px * var(--u));
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

    .acc-dropdown-item:hover {
      background: var(--acc-accent-soft);
      color: var(--acc-accent);
    }

    .acc-header-right {
      display: flex;
      align-items: center;
      gap: calc(8px * var(--u));
      flex-shrink: 0;
    }

    .hreflang-switch {
      display: inline-flex;
      align-items: center;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      overflow: hidden;
      font-size: calc(11.3px * var(--u));
      font-weight: 700;
    }

    .hreflang-switch a {
      text-decoration: none;
      padding: calc(6px * var(--u)) calc(8px * var(--u));
      color: var(--acc-muted);
    }

    .hreflang-switch a.on {
      background: var(--acc-surface-tint);
      color: var(--acc-ink);
    }

    .acc-burger-btn {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 6px;
      height: calc(38px * var(--u));
      padding: 0 calc(12px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      border: 1px solid var(--acc-border);
      background: #ffffff;
      color: var(--acc-ink);
      font-family: inherit;
      font-size: calc(12.5px * var(--u));
      font-weight: 700;
      cursor: pointer;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .acc-mobile-drawer {
      display: none;
      background: #ffffff;
      border-bottom: 1px solid var(--acc-border);
      padding: 14px 20px 18px;
      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.08);
    }

    .acc-mobile-drawer.open {
      display: block;
    }

    .acc-mobile-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .acc-mobile-grid a {
      background: var(--acc-surface-tint);
      border: 1px solid var(--acc-border);
      border-radius: 6px;
      padding: 10px 12px;
      text-decoration: none;
      font-size: 12.8px;
      font-weight: 700;
      color: var(--acc-ink);
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .acc-mobile-grid a:hover {
      border-color: var(--acc-accent);
      color: var(--acc-accent);
    }

    .acc-breadcrumb {
      background: var(--acc-surface-tint);
      border-bottom: 1px solid var(--acc-border);
      padding: calc(8px * var(--u)) 0;
      font-size: calc(12px * var(--u));
    }

    .acc-breadcrumb.hidden {
      display: none;
    }

    .acc-breadcrumb ol {
      list-style: none;
      display: flex;
      align-items: center;
      gap: calc(7px * var(--u));
      flex-wrap: wrap;
      color: var(--acc-muted);
    }

    .acc-breadcrumb a {
      color: var(--acc-ink);
      text-decoration: none;
      font-weight: 600;
    }

    .acc-breadcrumb a:hover {
      color: var(--acc-accent);
      text-decoration: underline;
    }

    .acc-breadcrumb .bc-sep {
      color: #a1a1aa;
    }

    .acc-breadcrumb .bc-current {
      color: var(--acc-accent);
      font-weight: 700;
    }

    /* ==========================================================================
       6. PAGES & LES 6 DISPOSITIONS D'ACCUEIL (DU SUPER FUN POP AU PRESTIGE EXÉCUTIF)
       ========================================================================== */
    .acc-page {
      display: none;
    }

    .acc-page.active {
      display: flex;
      flex-direction: column;
      flex: 1 0 auto;
    }

    .acc-page.active>section:last-child,
    .acc-page.active>.acc-bottom-harmony-band {
      flex: 1 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .home-hero-variant {
      display: none;
      position: relative;
    }

    #siteCanvas[data-layout="cinema"] .hero-v-cinema {
      display: block;
    }

    #siteCanvas[data-layout="popfun"] .hero-v-popfun {
      display: block;
    }

    #siteCanvas[data-layout="executive"] .hero-v-executive {
      display: block;
    }

    #siteCanvas[data-layout="creativecut"] .hero-v-creativecut {
      display: block;
    }

    #siteCanvas[data-layout="fun"] .hero-v-fun {
      display: block;
    }

    #siteCanvas[data-layout="gallery"] .hero-v-gallery {
      display: block;
    }

    #siteCanvas[data-layout="index5_monolith"] .hero-v-index5 {
      display: block;
    }

    #siteCanvas[data-layout="splitmag"] .hero-v-splitmag {
      display: block;
    }

    #siteCanvas[data-layout="bauhausrail"] .hero-v-bauhausrail {
      display: block;
    }

    /* --- BANDEAU CERTIFICAT LIVE : NOTE RÉFÉRENCEMENT TECHNOLOGIQUE ACQUIS (99 %) --- */
    .seo-tech-cert-bar {
      background: linear-gradient(90deg, #0c1726 0%, #102033 55%, #0c1b2a 100%);
      color: #f8fafc;
      border-bottom: 2px solid #10b981;
      padding: calc(7px * var(--u)) 0;
      font-size: calc(11.4px * var(--u));
    }

    #siteCanvas[data-seobar="off"] .seo-tech-cert-bar {
      display: none;
    }

    .seo-tech-cert-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(10px * var(--u));
      flex-wrap: wrap;
    }

    .seo-tech-score-pill {
      display: inline-flex;
      align-items: center;
      gap: calc(8px * var(--u));
      background: rgba(16, 185, 129, 0.18);
      border: 1px solid rgba(52, 211, 153, 0.55);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(3px * var(--u)) calc(10px * var(--u));
      font-weight: 800;
      color: #ecfdf5;
    }

    .seo-tech-pct-ring {
      background: #10b981;
      color: #04130e;
      font-family: 'JetBrains Mono', monospace;
      font-weight: 900;
      font-size: calc(11.6px * var(--u));
      padding: calc(2px * var(--u)) calc(7px * var(--u));
      border-radius: calc(4px * var(--u));
    }

    .seo-tech-pillars {
      display: flex;
      align-items: center;
      gap: calc(6px * var(--u));
      flex-wrap: wrap;
    }

    .seo-pillar-chip {
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.14);
      color: #cbd5e1;
      font-family: 'JetBrains Mono', monospace;
      font-size: calc(10px * var(--u));
      padding: calc(2px * var(--u)) calc(7px * var(--u));
      border-radius: calc(4px * var(--u));
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }

    .seo-pillar-chip b {
      color: #34d399;
    }

    /* --- MOTS-CLÉS MÉTIERS SUBTILS EN SURIMPRESSION PARALLAXE (OPACITÉ 3 % À 7 %) --- */
    .whisper-words-layer {
      position: absolute;
      inset: 0;
      pointer-events: none;
      user-select: none;
      overflow: hidden;
      z-index: 3;
    }

    #siteCanvas[data-whisper="off"] .whisper-words-layer {
      display: none !important;
    }

    .whisper-word {
      position: absolute;
      font-family: var(--acc-font-display);
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      white-space: nowrap;
      line-height: 1;
      color: var(--whisper-ink, #16181d);
      opacity: var(--whisper-alpha, 0.05);
      transition: opacity 0.45s ease, transform 0.25s ease-out;
    }

    .whisper-word.w1 {
      top: 9%;
      left: 3%;
      font-size: calc(4.1rem * var(--u));
      transform: translate3d(var(--whisper-x1, 0px), calc(var(--hero-py, 0px) * 0.8), 0);
    }

    .whisper-word.w2 {
      top: 38%;
      right: 4%;
      font-size: calc(4.8rem * var(--u));
      transform: translate3d(var(--whisper-x2, 0px), calc(var(--hero-py, 0px) * -1.1), 0);
    }

    .whisper-word.w3 {
      bottom: 13%;
      left: 16%;
      font-size: calc(3.5rem * var(--u));
      transform: translate3d(var(--whisper-x1, 0px), calc(var(--hero-py, 0px) * 0.6), 0);
    }

    .whisper-word.w4 {
      top: 18%;
      left: 44%;
      font-size: calc(2.9rem * var(--u));
      transform: translate3d(var(--whisper-x2, 0px), calc(var(--hero-py, 0px) * 1.25), 0);
    }

    #siteCanvas[data-hero-veil="warm"] .hero-v-cinema .whisper-word,
    #siteCanvas[data-hero-veil="cinema"] .hero-v-cinema .whisper-word {
      --whisper-ink: #ffffff;
    }

    /* --- EFFETS DE DÉLIMITATION D'IMAGES (« PÉTER LES CODES » : FONDU, OBLIQUE, ONDE) --- */
    #siteCanvas[data-edge-fx="fondu"] .cinema-canvas-wrap,
    #siteCanvas[data-edge-fx="fondu"] .exec-bg-crossfade {
      -webkit-mask-image: linear-gradient(96deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.45) 34%, rgba(0, 0, 0, 1) 54%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 0.28) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 88%, rgba(0, 0, 0, 0) 100%);
      -webkit-mask-composite: source-in;
      mask-image: linear-gradient(96deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.45) 34%, rgba(0, 0, 0, 1) 54%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 0.28) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 88%, rgba(0, 0, 0, 0) 100%);
      mask-composite: intersect;
    }

    #siteCanvas[data-edge-fx="oblique"] .cinema-stage-box,
    #siteCanvas[data-edge-fx="oblique"] .hero-v-popfun .popfun-stage {
      clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
    }

    #siteCanvas[data-edge-fx="oblique"] .ccut-backdrop-media {
      -webkit-mask-image: none;
      mask-image: none;
      clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
    }

    #siteCanvas[data-edge-fx="oblique"] .fun-video-card,
    #siteCanvas[data-edge-fx="oblique"] .exec-visual-frame,
    #siteCanvas[data-edge-fx="oblique"] .pano-window {
      clip-path: polygon(0 0, 97% 0, 100% 93%, 3% 100%);
    }

    #siteCanvas[data-edge-fx="vague"] .cinema-canvas-wrap,
    #siteCanvas[data-edge-fx="vague"] .ccut-backdrop-media,
    #siteCanvas[data-edge-fx="vague"] .exec-bg-crossfade {
      -webkit-mask-image: radial-gradient(122% 96% at 78% 46%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.34) 73%, rgba(0, 0, 0, 0) 94%);
      mask-image: radial-gradient(122% 96% at 78% 46%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.34) 73%, rgba(0, 0, 0, 0) 94%);
    }

    #siteCanvas[data-edge-fx="franc"] .ccut-backdrop-media {
      -webkit-mask-image: none;
      mask-image: none;
      width: 49%;
      border-left: 3px solid var(--acc-accent);
    }

    /* --- ACCENTUATION VISUELLE & ENCADREMENT DES ÉLÉMENTS CLÉS (data-focus-fx) --- */
    #siteCanvas[data-focus-fx="tech"] .acc-card,
    #siteCanvas[data-focus-fx="tech"] .silo-box,
    #siteCanvas[data-focus-fx="tech"] .form-pillar-card {
      border-color: rgba(22, 24, 29, 0.18);
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
      position: relative;
    }

    #siteCanvas[data-focus-fx="tech"] .acc-card::before,
    #siteCanvas[data-focus-fx="tech"] .silo-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 34px;
      height: 3px;
      background: var(--acc-accent);
      border-radius: 6px 0 0 0;
    }

    #siteCanvas[data-focus-fx="tech"] .j-tag.salary,
    #siteCanvas[data-focus-fx="tech"] .key-callout-pill {
      outline: 1.5px solid var(--acc-accent);
      box-shadow: 0 3px 10px rgba(250, 135, 75, 0.16);
      font-weight: 800;
    }

    #siteCanvas[data-focus-fx="pop"] .acc-card,
    #siteCanvas[data-focus-fx="pop"] .silo-box {
      border: 2px solid var(--acc-ink);
      box-shadow: 4px 4px 0 var(--acc-accent);
    }

    #siteCanvas[data-focus-fx="pop"] .j-tag.salary {
      background: #fef08a;
      color: #16181d;
      border: 1.5px solid #16181d;
      font-weight: 800;
    }

    /* --- COMPOSANT FONDU DE BASELINES (RAYON UNIFORME 6 PX SUR LES 4 COINS) --- */
    .living-baseline-wrap {
      display: inline-flex;
      flex-direction: column;
      gap: calc(4px * var(--u));
      margin: calc(4px * var(--u)) 0 calc(15px * var(--u));
      padding: calc(10px * var(--u)) calc(14px * var(--u));
      border: 1px solid var(--acc-border);
      border-left: 3px solid var(--acc-accent);
      background: rgba(255, 255, 255, 0.90);
      backdrop-filter: blur(8px);
      border-radius: calc(var(--acc-radius) * var(--u));
      max-width: calc(660px * var(--u));
    }

    .living-baseline-wrap.is-centered {
      margin-left: auto;
      margin-right: auto;
      border-left: 1px solid var(--acc-border);
      border-top: 3px solid var(--acc-accent);
      background: var(--acc-surface-tint);
      text-align: center;
      align-items: center;
    }

    .living-baseline-tag {
      font-size: calc(10.3px * var(--u));
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.11em;
      color: var(--acc-accent);
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: opacity var(--baseline-fade, 0.85s) ease;
    }

    .living-baseline-quote {
      font-family: 'Playfair Display', Georgia, serif;
      font-style: italic;
      font-size: calc(1.11rem * var(--u));
      font-weight: 600;
      line-height: 1.42;
      color: var(--acc-ink);
      transition: opacity var(--baseline-fade, 0.85s) ease, transform var(--baseline-fade, 0.85s) ease;
    }

    .living-baseline-wrap.is-fading .living-baseline-quote,
    .living-baseline-wrap.is-fading .living-baseline-tag {
      opacity: 0;
      transform: translateY(4px);
    }

    /* --- ÉCRIN PARTENAIRES CONTEXTUELS HARMONISÉS SUR LES IMAGES EN FONDU --- */
    .hero-partner-bar {
      display: inline-flex;
      align-items: center;
      gap: calc(10px * var(--u));
      flex-wrap: wrap;
      background: rgba(255, 255, 255, 0.95);
      border: 1px solid rgba(22, 24, 29, 0.12);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(6px * var(--u)) calc(11px * var(--u));
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    }

    .hero-partner-label {
      font-size: calc(10.6px * var(--u));
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--acc-muted);
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding-right: calc(8px * var(--u));
      border-right: 1px solid var(--acc-border);
    }

    .hero-partner-chips {
      display: inline-flex;
      align-items: center;
      gap: calc(8px * var(--u));
      flex-wrap: wrap;
      transition: opacity 0.35s ease;
    }

    .hero-partner-chips.is-fading {
      opacity: 0.18;
    }

    .hero-logo-chip {
      background: #ffffff;
      border: 1px solid #ebe8e2;
      border-radius: calc(4px * var(--u));
      height: calc(30px * var(--u));
      padding: calc(3px * var(--u)) calc(8px * var(--u));
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .hero-logo-chip img {
      max-height: calc(22px * var(--u));
      max-width: calc(74px * var(--u));
      width: auto;
      height: auto;
      object-fit: contain;
      mix-blend-mode: multiply;
    }

    /* --- 1. BANDEAU IMMERSIF PLEINE LARGEUR (0 PX RADIUS — ZÉRO CAPSULE ARRONDIE !) --- */
    .hero-v-cinema {
      background: #ffffff;
      padding: 0;
      border-bottom: 1px solid var(--acc-border);
    }

    .cinema-stage-box {
      position: relative;
      border-radius: 0;
      overflow: hidden;
      min-height: calc(560px * var(--u));
      background: #f7f4ef;
      color: var(--acc-ink);
    }

    .cinema-canvas-wrap {
      position: absolute;
      inset: 0;
      z-index: 1;
    }

    .cinema-canvas-wrap canvas {
      width: 100%;
      height: 100%;
      display: block;
    }

    .cinema-shade {
      position: absolute;
      inset: 0;
      z-index: 2;
      background: linear-gradient(92deg, rgba(255, 254, 251, 0.99) 0%, rgba(255, 253, 249, 0.96) 34%, rgba(255, 252, 248, 0.66) 46%, rgba(255, 252, 247, 0.14) 55%, rgba(255, 255, 255, 0) 61%);
      transition: background 0.45s ease;
      pointer-events: none;
    }

    #siteCanvas[data-hero-veil="warm"] .cinema-stage-box,
    #siteCanvas[data-hero-veil="cinema"] .cinema-stage-box {
      color: #ffffff;
      background: #1c1917;
    }

    #siteCanvas[data-hero-veil="warm"] .cinema-shade {
      background: linear-gradient(92deg, rgba(28, 20, 15, 0.97) 0%, rgba(28, 20, 15, 0.90) 34%, rgba(28, 20, 15, 0.50) 46%, rgba(28, 20, 15, 0.08) 55%, rgba(0, 0, 0, 0) 61%);
    }

    #siteCanvas[data-hero-veil="cinema"] .cinema-shade {
      background: linear-gradient(92deg, rgba(14, 17, 23, 0.98) 0%, rgba(14, 17, 23, 0.92) 34%, rgba(14, 17, 23, 0.52) 46%, rgba(14, 17, 23, 0.08) 55%, rgba(0, 0, 0, 0) 61%);
    }

    #siteCanvas[data-hero-veil="warm"] .hero-v-cinema .living-baseline-wrap,
    #siteCanvas[data-hero-veil="cinema"] .hero-v-cinema .living-baseline-wrap {
      background: rgba(15, 18, 26, 0.66);
      border-color: rgba(255, 255, 255, 0.16);
      border-left: 3px solid var(--acc-accent);
    }

    #siteCanvas[data-hero-veil="warm"] .hero-v-cinema .living-baseline-quote,
    #siteCanvas[data-hero-veil="cinema"] .hero-v-cinema .living-baseline-quote {
      color: #ffffff;
    }

    .cinema-spire-watermark {
      position: absolute;
      right: 1.4%;
      bottom: -4%;
      top: auto;
      width: calc(165px * var(--u));
      color: rgba(255, 255, 255, 0.11);
      z-index: 2;
      pointer-events: none;
      transform: translate3d(0, var(--emblem-py, 0px), 0);
    }

    .cinema-inner {
      position: relative;
      z-index: 4;
      padding: calc(36px * var(--u)) 0 calc(28px * var(--u));
      min-height: calc(560px * var(--u));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: calc(18px * var(--u));
    }

    .hero-kicker {
      display: inline-flex;
      align-items: center;
      gap: calc(9px * var(--u));
      font-size: calc(11.3px * var(--u));
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.13em;
      color: var(--acc-accent);
      margin-bottom: calc(9px * var(--u));
    }

    .hero-kicker::before {
      content: '';
      width: calc(22px * var(--u));
      height: 2px;
      background: var(--acc-accent);
      display: inline-block;
    }

    /* RÈGLE CLIENT : TITRE PRINCIPAL H1 STRICTEMENT SUR 2 À 3 LIGNES MAXIMUM */
    .hero-main-heading {
      font-family: var(--acc-font-display);
      font-size: calc(2.42rem * var(--u));
      font-weight: 800;
      line-height: 1.09;
      letter-spacing: -0.02em;
      max-width: calc(740px * var(--u));
      margin-bottom: calc(9px * var(--u));
      text-wrap: balance;
    }

    .hero-v-cinema .hero-main-heading,
    #siteCanvas [data-seo-h1="cinema"] {
      font-size: calc(3.15rem * var(--u)) !important;
      max-width: calc(960px * var(--u)) !important;
      line-height: 1.06 !important;
    }

    .hero-v-cinema .living-baseline-wrap {
      max-width: calc(640px * var(--u));
    }

    .hero-main-heading em {
      display: block !important;
      font-style: normal;
      color: var(--acc-accent);
    }

    .hero-sub {
      font-size: calc(14.6px * var(--u));
      color: var(--acc-muted);
      max-width: calc(555px * var(--u));
      line-height: 1.58;
    }

    #siteCanvas[data-hero-veil="warm"] .hero-sub,
    #siteCanvas[data-hero-veil="cinema"] .hero-sub {
      color: rgba(255, 255, 255, 0.9);
    }

    .candidate-magnet-bar {
      background: #f2f0ea;
      color: var(--acc-ink);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(6px * var(--u));
      border: 1.5px solid rgba(22, 24, 29, 0.44);
      box-shadow: 0 0 0 3px rgba(22, 24, 29, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 16px 38px rgba(15, 23, 42, 0.16);
      display: grid;
      grid-template-columns: 1.16fr 1.12fr auto;
      gap: calc(6px * var(--u));
      align-items: center;
      max-width: calc(795px * var(--u));
      transition: border-color 0.22s ease, box-shadow 0.22s ease;
    }

    #siteCanvas[data-hero-veil="warm"] .candidate-magnet-bar,
    #siteCanvas[data-hero-veil="cinema"] .candidate-magnet-bar {
      background: #f2f0ea;
      border: 1.5px solid color-mix(in srgb, var(--acc-accent) 82%, #ffffff 18%);
      box-shadow: 0 0 0 3.5px rgba(15, 18, 24, 0.62), 0 0 0 4.5px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 20px 44px rgba(0, 0, 0, 0.42);
    }

    .magnet-field {
      display: flex;
      align-items: center;
      gap: calc(8px * var(--u));
      min-height: calc(42px * var(--u));
      padding: 0 calc(11px * var(--u));
      background: #ffffff;
      border: 1px solid rgba(22, 24, 29, 0.20);
      border-radius: calc(max(4px, var(--acc-radius) - 1.5px) * var(--u));
      box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
      color: var(--acc-accent);
      transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    .magnet-field:hover {
      border-color: rgba(22, 24, 29, 0.36);
    }

    .magnet-field:focus-within {
      border-color: var(--acc-accent);
      box-shadow: 0 0 0 2.5px color-mix(in srgb, var(--acc-accent) 20%, transparent);
    }

    .magnet-field input,
    .magnet-field select {
      border: 0;
      background: transparent;
      width: 100%;
      font-family: inherit;
      font-size: calc(13.3px * var(--u));
      font-weight: 600;
      color: var(--acc-ink);
    }

    .magnet-field input::placeholder {
      color: #5a5954;
      font-weight: 500;
      opacity: 1;
    }

    .magnet-field input:focus,
    .magnet-field select:focus {
      outline: none;
    }

    .showreel-hud {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      padding-top: calc(10px * var(--u));
    }

    .reel-controls {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
    }

    .reel-pill {
      background: rgba(255, 255, 255, 0.94);
      border: 1px solid rgba(22, 24, 29, 0.16);
      color: var(--acc-ink);
      padding: calc(5px * var(--u)) calc(9px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      font-size: calc(11px * var(--u));
      font-weight: 700;
      cursor: pointer;
      font-family: inherit;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
      transition: all 0.16s ease;
    }

    .reel-pill:hover {
      border-color: var(--acc-accent);
    }

    .reel-pill.active {
      background: var(--acc-accent);
      border-color: var(--acc-accent);
      color: #ffffff;
    }

    /* --- 2. INSTITUTIONNEL & EXÉCUTIF SÉRIEUX (100% BLANC & RAYON UNIFORME 6 PX) --- */
    .hero-v-executive {
      position: relative;
      background: #ffffff;
      border-bottom: 1px solid var(--acc-border);
      padding: calc(42px * var(--u)) 0;
      overflow: hidden;
    }

    .exec-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1.06fr 0.94fr;
      gap: calc(38px * var(--u));
      align-items: center;
    }

    .exec-crest-badge {
      display: inline-flex;
      align-items: center;
      gap: calc(12px * var(--u));
      padding: calc(8px * var(--u)) calc(14px * var(--u));
      background: var(--acc-surface-tint);
      border: 1px solid var(--acc-border);
      border-left: 3px solid var(--acc-accent);
      border-radius: calc(var(--acc-radius) * var(--u));
      margin-bottom: calc(16px * var(--u));
    }

    .exec-crest-badge svg {
      width: calc(24px * var(--u));
      color: var(--acc-accent);
    }

    .exec-heading {
      font-family: 'Playfair Display', Georgia, serif;
      font-size: calc(2.78rem * var(--u));
      line-height: 1.11;
      color: var(--acc-ink);
      margin-bottom: calc(12px * var(--u));
    }

    .exec-heading em {
      font-style: normal;
      color: var(--acc-accent);
    }

    .exec-metrics-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: calc(14px * var(--u));
      margin-top: calc(22px * var(--u));
      padding-top: calc(18px * var(--u));
      border-top: 1px solid var(--acc-border);
    }

    .exec-stat strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: calc(1.7rem * var(--u));
      font-weight: 800;
      color: var(--acc-ink);
    }

    .exec-stat span {
      font-size: calc(11.8px * var(--u));
      color: var(--acc-muted);
    }

    .exec-visual-frame {
      position: relative;
      border-radius: calc(var(--acc-radius) * var(--u));
      overflow: hidden;
      border: 1px solid var(--acc-border);
      box-shadow: 0 20px 46px rgba(15, 23, 42, 0.08);
      aspect-ratio: 16 / 11;
      background: #f5f4f0;
    }

    .exec-visual-frame>img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 118%;
      object-fit: cover;
      transform: translate3d(0, var(--hero-py, 0px), 0);
      transition: opacity var(--img-fade, 1.4s) ease-in-out;
    }

    .exec-visual-frame>img.is-hidden-layer {
      opacity: 0;
    }

    .exec-floating-card {
      position: absolute;
      left: calc(14px * var(--u));
      right: calc(14px * var(--u));
      bottom: calc(14px * var(--u));
      background: rgba(255, 255, 255, 0.96);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(22, 24, 29, 0.1);
      border-left: 4px solid var(--acc-accent);
      padding: calc(11px * var(--u)) calc(14px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    /* --- 3. GRILLE CRÉATIVE & ÉDITORIALE (GÉOMÉTRIE 6 PX ALIGNÉE — ZÉRO CAPSULE ARRONDIE !) --- */
    .hero-v-fun {
      background: var(--acc-surface-tint);
      position: relative;
      overflow: hidden;
      padding: calc(28px * var(--u)) 0 0;
      border-bottom: 1px solid var(--acc-border);
    }

    .fun-bento {
      display: grid;
      grid-template-columns: 1.06fr 0.94fr;
      gap: calc(20px * var(--u));
      align-items: stretch;
      margin-bottom: calc(26px * var(--u));
    }

    .fun-left-card {
      background: #ffffff;
      border: 1.5px solid var(--acc-ink);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(30px * var(--u));
      box-shadow: calc(4px * var(--u)) calc(4px * var(--u)) 0 var(--acc-accent);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .fun-sticker {
      display: inline-flex;
      align-self: flex-start;
      align-items: center;
      gap: 7px;
      background: var(--acc-accent-soft);
      color: var(--acc-accent-2);
      font-weight: 800;
      font-size: calc(11.3px * var(--u));
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: calc(5px * var(--u)) calc(11px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      border: 1px solid var(--acc-accent);
      margin-bottom: calc(14px * var(--u));
    }

    .fun-heading {
      font-family: var(--acc-font-display);
      font-size: calc(2.7rem * var(--u));
      font-weight: 900;
      line-height: 1.07;
      color: var(--acc-ink);
      margin-bottom: calc(12px * var(--u));
    }

    .fun-heading em {
      font-style: normal;
      color: var(--acc-accent);
    }

    .fun-mood-pills {
      display: flex;
      flex-wrap: wrap;
      gap: calc(7px * var(--u));
      margin: calc(14px * var(--u)) 0;
    }

    .mood-pill {
      background: var(--acc-surface-tint);
      border: 1px solid var(--acc-border);
      color: var(--acc-ink);
      text-decoration: none;
      font-size: calc(12.2px * var(--u));
      font-weight: 700;
      padding: calc(7px * var(--u)) calc(11px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      display: inline-flex;
      align-items: center;
      gap: 6px;
      white-space: nowrap;
      transition: transform 0.15s, background 0.15s, border-color 0.15s;
    }

    .mood-pill:hover {
      background: var(--acc-accent);
      border-color: var(--acc-accent);
      color: #ffffff;
      transform: translateY(-1px);
    }

    .fun-video-card {
      position: relative;
      border-radius: calc(var(--acc-radius) * var(--u));
      border: 1.5px solid var(--acc-ink);
      overflow: hidden;
      min-height: calc(420px * var(--u));
      background: #14171f;
    }

    .fun-video-card canvas {
      width: 100%;
      height: 100%;
      display: block;
    }

    .fun-video-badge {
      position: absolute;
      top: calc(14px * var(--u));
      left: calc(14px * var(--u));
      background: rgba(255, 255, 255, 0.96);
      color: var(--acc-ink);
      border: 1px solid rgba(22, 24, 29, 0.18);
      padding: calc(5px * var(--u)) calc(10px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      font-size: calc(11.1px * var(--u));
      font-weight: 800;
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }

    .fun-video-badge i {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ef4444;
      box-shadow: 0 0 8px #ef4444;
      display: inline-block;
    }

    .fun-video-caption {
      position: absolute;
      left: calc(14px * var(--u));
      right: calc(14px * var(--u));
      bottom: calc(14px * var(--u));
      background: rgba(255, 255, 255, 0.97);
      color: var(--acc-ink);
      border: 1px solid rgba(22, 24, 29, 0.16);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(11px * var(--u)) calc(14px * var(--u));
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .fun-marquee {
      background: var(--acc-contrast-block);
      color: #ffffff;
      padding: calc(10px * var(--u)) 0;
      overflow: hidden;
      white-space: nowrap;
      border-top: 2px solid var(--acc-accent);
    }

    .fun-marquee-track {
      display: inline-block;
      font-family: var(--acc-font-display);
      font-weight: 800;
      font-size: calc(12.2px * var(--u));
      letter-spacing: 0.11em;
      animation: accMarquee 28s linear infinite;
    }

    .fun-marquee-track b {
      color: var(--acc-accent);
      margin: 0 14px;
    }

    @keyframes accMarquee {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }

    /* --- 4. GALERIE PANORAMIQUE & GRAND BLASON PARALLAXE (RAYON UNIFORME 6 PX) --- */
    .hero-v-gallery {
      background: #ffffff;
      padding: calc(34px * var(--u)) 0 calc(40px * var(--u));
      border-bottom: 1px solid var(--acc-border);
      text-align: center;
    }

    .gallery-crest-center {
      width: calc(104px * var(--u));
      margin: 0 auto calc(14px * var(--u));
      color: var(--acc-ink);
    }

    .gallery-heading {
      font-family: 'Playfair Display', Georgia, serif;
      font-size: calc(2.85rem * var(--u));
      line-height: 1.09;
      max-width: calc(880px * var(--u));
      margin: 0 auto calc(12px * var(--u));
      color: var(--acc-ink);
    }

    .gallery-heading em {
      color: var(--acc-accent);
      font-style: italic;
    }

    .gallery-panoramas {
      margin-top: calc(26px * var(--u));
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: calc(16px * var(--u));
      text-align: left;
    }

    .pano-window {
      position: relative;
      height: calc(280px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      overflow: hidden;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: calc(18px * var(--u));
      text-decoration: none;
      border: 1px solid var(--acc-border);
    }

    .pano-window img {
      position: absolute;
      inset: -14% 0;
      width: 100%;
      height: 128%;
      object-fit: cover;
      object-position: center 22%;
      z-index: 0;
      transform: translate3d(0, var(--pano-py, 0px), 0);
    }

    .pano-window::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(10, 12, 16, 0.04) 20%, rgba(10, 12, 16, 0.84) 100%);
      z-index: 1;
    }

    .pano-window>div {
      position: relative;
      z-index: 2;
    }

    /* --- 2. DISPOSITION SUPER FUN & POP STUDIO (« C'EST TOI LE CHEF ! 🤙 ») --- */
    .hero-v-popfun {
      background: #ffffff;
      border-bottom: 1px solid var(--acc-border);
      padding: 0 0 calc(16px * var(--u));
    }

    .popfun-stage {
      position: relative;
      background: var(--pop-stage-bg, #fdd938);
      color: #12141a;
      overflow: hidden;
      min-height: calc(540px * var(--u));
      transition: background 0.45s cubic-bezier(0.22, 1, 0.36, 1);
      border-bottom: 3px solid #16181d;
    }

    .popfun-stage::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: calc(36px * var(--u));
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.22) 100%);
      pointer-events: none;
      z-index: 2;
    }

    .popfun-grid {
      position: relative;
      z-index: 4;
      display: grid;
      grid-template-columns: 1.08fr 0.92fr;
      align-items: center;
      gap: calc(22px * var(--u));
      min-height: calc(535px * var(--u));
      padding: calc(32px * var(--u)) 0 calc(24px * var(--u));
    }

    .popfun-copy {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: calc(11px * var(--u));
    }

    .popfun-kicker-sticker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #16181d;
      color: #ffffff;
      font-family: var(--acc-font-display);
      font-size: calc(11.6px * var(--u));
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: calc(6px * var(--u)) calc(13px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      transform: rotate(-1.3deg);
      box-shadow: 4px 4px 0 rgba(22, 24, 29, 0.22);
    }

    .popfun-heading {
      font-family: 'Outfit', sans-serif;
      font-size: calc(2.85rem * var(--u));
      font-weight: 900;
      line-height: 1.04;
      letter-spacing: -0.03em;
      color: #111318;
    }

    .popfun-heading mark {
      background: #ffffff;
      color: #111318;
      padding: 0 calc(9px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      border: 2px solid #16181d;
      box-shadow: 4px 4px 0 #16181d;
      display: inline-block;
      transform: rotate(-0.8deg);
    }

    .popfun-speech-bubble {
      background: #ffffff;
      border: 2px solid #16181d;
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(11px * var(--u)) calc(15px * var(--u));
      box-shadow: 5px 5px 0 #16181d;
      max-width: calc(590px * var(--u));
      font-size: calc(14.5px * var(--u));
      font-weight: 600;
      color: #16181d;
      line-height: 1.45;
    }

    .popfun-perks-row {
      display: flex;
      flex-wrap: wrap;
      gap: calc(8px * var(--u));
    }

    .pop-sticker-tag {
      background: rgba(255, 255, 255, 0.94);
      border: 1.5px solid #16181d;
      color: #16181d;
      font-size: calc(12px * var(--u));
      font-weight: 800;
      padding: calc(5px * var(--u)) calc(10px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      box-shadow: 2px 2px 0 #16181d;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .popfun-roles-bar {
      display: flex;
      flex-wrap: wrap;
      gap: calc(6px * var(--u));
      margin-top: calc(3px * var(--u));
    }

    .pop-role-btn {
      background: rgba(22, 24, 29, 0.10);
      border: 1.5px solid rgba(22, 24, 29, 0.35);
      color: #111318;
      font-family: inherit;
      font-size: calc(11.8px * var(--u));
      font-weight: 800;
      padding: calc(6px * var(--u)) calc(11px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      cursor: pointer;
      transition: all 0.16s;
    }

    .pop-role-btn:hover {
      background: #ffffff;
      border-color: #16181d;
      transform: translateY(-1px);
    }

    .pop-role-btn.active {
      background: #16181d;
      border-color: #16181d;
      color: #ffffff;
      box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.75);
    }

    .popfun-cta-row {
      display: flex;
      align-items: center;
      gap: calc(10px * var(--u));
      flex-wrap: wrap;
      margin-top: calc(4px * var(--u));
    }

    .pop-cta-dark {
      background: #16181d;
      color: #ffffff;
      border: 2px solid #16181d;
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(12px * var(--u)) calc(20px * var(--u));
      font-family: var(--acc-font-display);
      font-size: calc(14px * var(--u));
      font-weight: 800;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      box-shadow: 4px 4px 0 #ffffff;
      cursor: pointer;
      transition: transform 0.16s;
    }

    .pop-cta-dark:hover {
      transform: translate(-1px, -2px);
    }

    .pop-cta-light {
      background: #ffffff;
      color: #16181d;
      border: 2px solid #16181d;
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(11px * var(--u)) calc(16px * var(--u));
      font-family: var(--acc-font-display);
      font-size: calc(13.2px * var(--u));
      font-weight: 800;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      box-shadow: 3px 3px 0 #16181d;
    }

    /* Scène Portrait Pop 100 % ZÉRO DÉFORMATION MORPHOLOGIQUE (object-fit: contain / cover cadré haut) */
    .popfun-visual-col {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      min-height: calc(455px * var(--u));
    }

    .popfun-portrait-frame {
      position: relative;
      width: 100%;
      height: calc(455px * var(--u));
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      transform: translate3d(0, calc(var(--hero-py, 0px) * 0.45), 0);
    }

    .popfun-portrait-frame img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: right bottom;
      display: block;
      transition: opacity 0.3s ease, transform 0.35s ease;
    }

    .popfun-portrait-frame.is-scene-photo img {
      object-fit: cover;
      object-position: center 22%;
      border-radius: calc(var(--acc-radius) * var(--u));
      border: 2.5px solid #16181d;
      box-shadow: 8px 8px 0 #16181d;
      -webkit-mask-image: none;
      mask-image: none;
    }

    .popfun-floating-card {
      position: absolute;
      bottom: calc(16px * var(--u));
      left: calc(4px * var(--u));
      background: #ffffff;
      border: 2px solid #16181d;
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(9px * var(--u)) calc(13px * var(--u));
      box-shadow: 5px 5px 0 #16181d;
      z-index: 5;
      max-width: calc(275px * var(--u));
      transform: rotate(-1.5deg) translate3d(0, calc(var(--hero-py, 0px) * -0.5), 0);
    }

    .popfun-floating-card strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: calc(13.2px * var(--u));
      color: #16181d;
    }

    .popfun-floating-card span {
      font-size: calc(11.4px * var(--u));
      color: #475569;
      font-weight: 700;
    }

    /* --- 4. DISPOSITION DÉCOUPE CRÉATIVE, BORDURES FONDUES & PARALLAXE (« PÉTER LES CODES ») --- */
    .hero-v-creativecut {
      position: relative;
      background: #ffffff;
      border-bottom: 1px solid var(--acc-border);
      overflow: hidden;
      min-height: calc(560px * var(--u));
    }

    .ccut-backdrop-media {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 62%;
      z-index: 1;
      overflow: hidden;
      /* Bordure fondue multi-directionnelle : zéro coupure droite rigide ! */
      -webkit-mask-image:
        linear-gradient(98deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 19%, rgba(0, 0, 0, 0.88) 38%, rgba(0, 0, 0, 1) 54%),
        linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
      -webkit-mask-composite: source-in;
      mask-image:
        linear-gradient(98deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 19%, rgba(0, 0, 0, 0.88) 38%, rgba(0, 0, 0, 1) 54%),
        linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
      mask-composite: intersect;
    }

    .ccut-backdrop-media canvas {
      width: 100%;
      height: 100%;
      display: block;
    }

    .ccut-inner {
      position: relative;
      z-index: 4;
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: calc(24px * var(--u));
      align-items: center;
      min-height: calc(555px * var(--u));
      padding: calc(36px * var(--u)) 0;
    }

    .ccut-left-panel {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: calc(12px * var(--u));
    }

    .ccut-contrast-frame {
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(12px);
      border: 1.5px solid var(--acc-ink);
      border-left: 5px solid var(--acc-accent);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(18px * var(--u)) calc(20px * var(--u));
      box-shadow: 0 20px 50px rgba(15, 23, 42, 0.09);
    }

    .ccut-parallax-cards {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-between;
      gap: calc(14px * var(--u));
      min-height: calc(390px * var(--u));
      padding: calc(10px * var(--u));
    }

    .ccut-float-badge {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(14px);
      border: 1px solid rgba(22, 24, 29, 0.16);
      border-top: 3px solid var(--acc-accent);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(12px * var(--u)) calc(15px * var(--u));
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
      max-width: calc(310px * var(--u));
      transition: transform 0.25s ease;
    }

    .ccut-float-badge.b1 {
      align-self: flex-end;
      transform: translate3d(0, calc(var(--hero-py, 0px) * -0.7), 0);
    }

    .ccut-float-badge.b2 {
      align-self: flex-end;
      margin-right: calc(14px * var(--u));
      transform: translate3d(0, calc(var(--hero-py, 0px) * 0.55), 0);
    }

    .ccut-float-badge.b3 {
      align-self: flex-end;
      transform: translate3d(0, calc(var(--hero-py, 0px) * -0.4), 0);
    }

    .ccut-float-badge strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: calc(13.8px * var(--u));
      color: var(--acc-ink);
      margin-bottom: 2px;
    }

    .ccut-float-badge span {
      font-size: calc(11.8px * var(--u));
      color: var(--acc-muted);
      line-height: 1.4;
      display: block;
    }

    /* ==========================================================================
       7. COMPOSANTS SEO-BY-DESIGN, LOGOS PARTENAIRES ADAPTATIFS & FORMATIONS QUALIOPI
       ========================================================================== */
    .acc-section {
      padding: calc(48px * var(--u)) 0;
      background: #ffffff;
      position: relative;
    }

    .acc-section-tinted {
      background: var(--acc-surface-tint);
      border-top: 1px solid var(--acc-border);
      border-bottom: 1px solid var(--acc-border);
    }

    .sec-head-flex {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: calc(18px * var(--u));
      flex-wrap: wrap;
      margin-bottom: calc(22px * var(--u));
    }

    .acc-eyebrow {
      font-size: calc(11.2px * var(--u));
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.13em;
      color: var(--acc-accent);
      margin-bottom: calc(5px * var(--u));
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .acc-h2 {
      font-family: var(--acc-font-display);
      font-size: calc(2.02rem * var(--u));
      line-height: 1.14;
      color: var(--acc-ink);
      letter-spacing: -0.02em;
    }

    #siteCanvas[data-layout="executive"] .acc-h2,
    #siteCanvas[data-layout="gallery"] .acc-h2 {
      font-family: 'Playfair Display', Georgia, serif;
    }

    .acc-h2 em {
      font-style: normal;
      color: var(--acc-accent);
    }

    .acc-grid-4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: calc(16px * var(--u));
    }

    .acc-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(18px * var(--u));
    }

    .acc-grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(20px * var(--u));
    }

    .silo-hubs-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: calc(20px * var(--u));
    }

    .silo-box {
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(22px * var(--u));
    }

    .silo-pills {
      display: flex;
      flex-wrap: wrap;
      gap: calc(8px * var(--u));
      margin-top: calc(14px * var(--u));
    }

    .silo-link {
      display: inline-flex;
      align-items: center;
      gap: calc(6px * var(--u));
      padding: calc(7px * var(--u)) calc(12px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      background: var(--acc-surface-tint);
      border: 1px solid var(--acc-border);
      color: var(--acc-ink);
      text-decoration: none;
      font-size: calc(12.6px * var(--u));
      font-weight: 700;
      transition: all 0.18s;
    }

    .silo-link.active {
      background: var(--acc-accent, #f69259) !important;
      color: #ffffff !important;
      border-color: var(--acc-accent, #f69259) !important;
    }
    .silo-link:hover {
      background: var(--acc-accent-soft);
      border-color: var(--acc-accent);
      color: var(--acc-accent);
      transform: translateY(-1px);
    }

    .acc-card {
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(22px * var(--u));
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }

    .acc-card:hover {
      transform: translateY(-2px);
      border-color: var(--acc-accent);
      box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
    }

    .acc-card-contrast {
      background: var(--acc-contrast-block);
      color: #ffffff;
      border-color: var(--acc-contrast-block);
    }

    .acc-card-contrast .acc-h3 {
      color: #ffffff;
    }

    .acc-job-card {
      padding: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .acc-job-media {
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: #f3f2ee;
    }

    .acc-job-media img {
      width: 100%;
      height: 116%;
      object-fit: cover;
      object-position: center 22%;
      transform: translate3d(0, var(--card-py, 0px), 0);
      transition: transform 0.35s ease;
    }

    .acc-job-card:hover .acc-job-media img {
      transform: translate3d(0, var(--card-py, 0px), 0) scale(1.04);
    }

    .acc-job-pill {
      position: absolute;
      top: calc(10px * var(--u));
      left: calc(10px * var(--u));
      background: rgba(255, 255, 255, 0.96);
      color: var(--acc-ink);
      font-size: calc(10.6px * var(--u));
      font-weight: 800;
      padding: calc(4px * var(--u)) calc(9px * var(--u));
      border-radius: calc(4px * var(--u));
    }

    .acc-job-ref {
      position: absolute;
      bottom: calc(9px * var(--u));
      right: calc(9px * var(--u));
      background: rgba(20, 22, 27, 0.85);
      color: #ffffff;
      font-family: 'JetBrains Mono', monospace;
      font-size: calc(10px * var(--u));
      padding: 2px 7px;
      border-radius: 4px;
    }

    .acc-job-amb-bar {
      position: absolute;
      bottom: calc(9px * var(--u));
      left: calc(9px * var(--u));
      display: inline-flex;
      align-items: center;
      gap: 4px;
      background: rgba(15, 23, 42, 0.86);
      backdrop-filter: blur(6px);
      color: #ffffff;
      padding: 3px 7px;
      border-radius: 4px;
      border-left: 2.5px solid var(--acc-accent);
      z-index: 3;
      max-width: calc(100% - 96px);
    }

    .acc-job-amb-lbl {
      font-size: calc(9.8px * var(--u));
      font-weight: 700;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #f8fafc;
      margin-right: 2px;
    }

    .j-amb-dot {
      width: calc(17px * var(--u));
      height: calc(17px * var(--u));
      border-radius: 3px;
      border: 1px solid rgba(255, 255, 255, 0.28);
      background: rgba(255, 255, 255, 0.1);
      color: #e2e8f0;
      font-family: 'JetBrains Mono', monospace;
      font-size: calc(9.5px * var(--u));
      font-weight: 800;
      line-height: 1;
      padding: 0;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: background 0.15s, border-color 0.15s;
    }

    .j-amb-dot:hover {
      border-color: var(--acc-accent);
      color: #ffffff;
    }

    .j-amb-dot.active {
      background: var(--acc-accent);
      border-color: var(--acc-accent);
      color: #ffffff;
    }

    .acc-job-body {
      padding: calc(18px * var(--u));
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .acc-h3 {
      font-family: var(--acc-font-display);
      font-size: calc(1.15rem * var(--u));
      font-weight: 700;
      line-height: 1.26;
      color: var(--acc-ink);
      margin-bottom: calc(8px * var(--u));
    }

    .acc-h3 a {
      color: inherit;
      text-decoration: none;
    }

    .acc-h3 a:hover {
      color: var(--acc-accent);
    }

    .job-schema-tags {
      display: flex;
      flex-wrap: wrap;
      gap: calc(6px * var(--u));
      margin-bottom: calc(14px * var(--u));
    }

    .j-tag {
      font-size: calc(11.3px * var(--u));
      font-weight: 600;
      padding: calc(3px * var(--u)) calc(8px * var(--u));
      border-radius: calc(4px * var(--u));
      background: var(--acc-surface-tint);
      border: 1px solid var(--acc-border);
      color: var(--acc-ink);
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }

    .j-tag.salary {
      background: var(--acc-accent-soft);
      border-color: rgba(250, 135, 75, 0.35);
      color: var(--acc-accent-2);
      font-weight: 700;
    }

    .parallax-band {
      position: relative;
      min-height: calc(280px * var(--u));
      overflow: hidden;
      display: flex;
      align-items: center;
      color: #ffffff;
      background: #161920;
      border-radius: 0;
    }

    .parallax-band-img {
      position: absolute;
      inset: -18% 0;
      width: 100%;
      height: 136%;
      object-fit: cover;
      opacity: 0.45;
      transform: translate3d(0, var(--band-py, 0px), 0);
    }

    .parallax-band-inner {
      position: relative;
      z-index: 2;
      padding: calc(38px * var(--u)) 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(24px * var(--u));
      flex-wrap: wrap;
    }

    /* --- GALERIE ADAPTATIVE DES 18 VRAIS LOGOS PARTENAIRES & MAISONS ACCOMPAGNÉES --- */
    .partner-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: calc(18px * var(--u));
      padding: calc(10px * var(--u)) calc(14px * var(--u));
      background: var(--acc-surface-tint);
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
    }

    .tab-pill-group {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
    }

    .ui-tab-pill {
      background: #ffffff;
      border: 1px solid var(--acc-border);
      color: var(--acc-ink);
      padding: calc(6px * var(--u)) calc(11px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      font-family: inherit;
      font-size: calc(12px * var(--u));
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: all 0.16s;
    }

    .ui-tab-pill:hover {
      border-color: var(--acc-accent);
      color: var(--acc-accent);
    }

    .ui-tab-pill.active {
      background: var(--acc-accent);
      border-color: var(--acc-accent);
      color: #ffffff;
    }

    .partner-logos-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: calc(12px * var(--u));
    }

    .partner-tile {
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(12px * var(--u)) calc(12px * var(--u)) calc(9px * var(--u));
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: calc(7px * var(--u));
      min-height: calc(96px * var(--u));
      transition: all 0.2s ease;
    }

    .partner-tile:hover {
      border-color: var(--acc-accent);
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    }

    .partner-logo-stage {
      width: 100%;
      height: calc(46px * var(--u));
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .partner-logo-stage img {
      max-height: calc(42px * var(--u));
      max-width: calc(124px * var(--u));
      width: auto;
      height: auto;
      object-fit: contain;
      mix-blend-mode: multiply;
      transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
    }

    .partner-tile:hover .partner-logo-stage img {
      transform: scale(1.05);
    }

    .partner-tile-meta {
      text-align: center;
      line-height: 1.2;
    }

    .partner-tile-meta strong {
      display: block;
      font-size: calc(10.8px * var(--u));
      font-weight: 700;
      color: var(--acc-ink);
    }

    .partner-tile-meta span {
      font-size: calc(9.8px * var(--u));
      color: var(--acc-muted);
    }

    /* Mode 2 : Monochrome Architectural Cabinet */
    .partner-logos-grid[data-logo-mode="mono"] .partner-logo-stage img {
      filter: grayscale(1) contrast(1.1);
      opacity: 0.78;
    }

    .partner-logos-grid[data-logo-mode="mono"] .partner-tile:hover .partner-logo-stage img {
      filter: grayscale(0) contrast(1);
      opacity: 1;
    }

    /* Mode 3 : Ruban Défilant Continu (Infinite Marquee) */
    .partner-marquee-shell {
      display: none;
      overflow: hidden;
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(16px * var(--u)) 0;
    }

    .partner-marquee-shell.show {
      display: block;
    }

    .partner-marquee-track {
      display: flex;
      align-items: center;
      gap: calc(16px * var(--u));
      width: max-content;
      animation: accMarquee 36s linear infinite;
    }

    .partner-marquee-shell:hover .partner-marquee-track {
      animation-play-state: paused;
    }

    .partner-marquee-track .partner-tile {
      width: calc(185px * var(--u));
      flex-shrink: 0;
    }

    /* --- UNIVERS FORMATIONS QUALIOPI CONTRASTÉ & SIMULATEUR OPCO AKTO --- */
    .roi-impact-pill {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: var(--acc-contrast-block);
      color: #ffffff;
      font-size: calc(11px * var(--u));
      font-weight: 800;
      padding: calc(4px * var(--u)) calc(9px * var(--u));
      border-radius: calc(4px * var(--u));
    }

    .roi-impact-pill b {
      color: var(--acc-accent);
    }

    .opco-simulator-box {
      background: var(--acc-surface-tint);
      border: 1.5px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(24px * var(--u));
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: calc(24px * var(--u));
      align-items: stretch;
      margin-bottom: calc(34px * var(--u));
    }

    .opco-result-panel {
      background: var(--acc-contrast-block);
      color: #ffffff;
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(22px * var(--u));
      border-top: 4px solid var(--acc-accent);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 14px;
    }

    .opco-kpi-row {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      padding: 12px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .opco-kpi-row strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: calc(1.45rem * var(--u));
      color: var(--acc-accent);
    }

    .opco-kpi-row span {
      font-size: calc(11.5px * var(--u));
      color: rgba(255, 255, 255, 0.75);
    }

    /* --- SIMULATEUR ROI FORFAIT B2B 6 MOIS --- */
    .b2b-roi-box {
      background: var(--acc-surface-tint);
      border: 1.5px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(24px * var(--u));
      margin-bottom: calc(34px * var(--u));
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: calc(24px * var(--u));
      align-items: center;
    }

    /* --- VUE 9 : QUALITÉ WORDPRESS, AUDIT DES 30 EXTENSIONS & DÉPLOIEMENT 1-CLIC --- */
    .wp-score-banner {
      background: var(--acc-contrast-block);
      color: #ffffff;
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(22px * var(--u)) calc(26px * var(--u));
      border-left: 5px solid var(--acc-accent);
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: calc(18px * var(--u));
      margin-bottom: calc(26px * var(--u));
    }

    .wp-score-metric strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: calc(1.85rem * var(--u));
      color: var(--acc-accent);
      line-height: 1.1;
    }

    .wp-score-metric span {
      font-size: calc(12px * var(--u));
      color: rgba(255, 255, 255, 0.78);
    }

    .plugin-audit-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(12px * var(--u));
    }

    .plugin-audit-card {
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(14px * var(--u)) calc(16px * var(--u));
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .plugin-audit-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
    }

    .plugin-slug {
      font-family: 'JetBrains Mono', monospace;
      font-size: calc(11.4px * var(--u));
      font-weight: 700;
      color: var(--acc-ink);
    }

    .p-badge {
      font-size: calc(10.4px * var(--u));
      font-weight: 800;
      padding: 2px 8px;
      border-radius: 4px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .p-badge.keep {
      background: #ecfdf5;
      color: #047857;
      border: 1px solid #a7f3d0;
    }

    .p-badge.opt {
      background: #fffbeb;
      color: #b45309;
      border: 1px solid #fde68a;
    }

    .p-badge.clean {
      background: #fef2f2;
      color: #b91c1c;
      border: 1px solid #fecaca;
    }

    /* --- CONSOLE MODALE DE VALIDATION & DÉPLOIEMENT 1-CLIC SUR WP STAGING --- */
    .deploy-modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 2000;
      background: rgba(6, 10, 20, 0.84);
      backdrop-filter: blur(10px);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

    .deploy-modal-overlay.open {
      display: flex;
    }

    .deploy-modal-box,
    .deploy-modal-card {
      width: min(1020px, 96vw);
      max-height: 91vh;
      overflow-y: auto;
      background: #0d1426;
      border: 1.5px solid #304878;
      border-radius: 10px;
      padding: 22px 24px;
      color: #f8fafc;
      box-shadow: 0 32px 90px rgba(0, 0, 0, 0.88);
    }

    .deploy-summary-grid {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 12px;
      margin: 12px 0 14px;
    }

    .deploy-summary-box {
      background: #111b33;
      border: 1px solid #263a63;
      border-radius: 8px;
      padding: 12px 14px;
      font-size: 12.1px;
      line-height: 1.5;
    }

    .deploy-summary-box h4 {
      margin: 0 0 8px;
      font-size: 11.5px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #6ee7b7;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .deploy-summary-list {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 5px;
    }

    .deploy-summary-list li {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      border-bottom: 1px dashed rgba(148, 163, 184, 0.14);
      padding-bottom: 4px;
      color: #cbd5e1;
    }

    .deploy-summary-list li:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .deploy-summary-list li strong {
      color: #f8fafc;
      text-align: right;
    }

    .deploy-feas-panel {
      background: #091020;
      border: 1px solid #253963;
      border-radius: 8px;
      padding: 13px 15px;
      margin-bottom: 13px;
    }

    .deploy-feas-track {
      height: 11px;
      background: #16223c;
      border-radius: 999px;
      overflow: hidden;
      border: 1px solid #273c66;
      margin: 8px 0 10px;
    }

    .deploy-feas-fill {
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, #059669, #10b981, #34d399);
      transition: width 0.38s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .deploy-feas-checks {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .deploy-feas-item {
      background: #10192e;
      border: 1px solid #22345a;
      border-radius: 6px;
      padding: 8px 10px;
      font-size: 11.5px;
    }

    .deploy-feas-item.ok {
      border-color: rgba(16, 185, 129, 0.45);
      background: rgba(16, 185, 129, 0.08);
    }

    .deploy-feas-item.warn {
      border-color: rgba(245, 158, 11, 0.55);
      background: rgba(245, 158, 11, 0.09);
    }

    .deploy-step2-gate {
      background: linear-gradient(135deg, rgba(6, 78, 59, 0.42), rgba(15, 23, 42, 0.92));
      border: 1.5px solid #10b981;
      border-radius: 9px;
      padding: 14px 16px;
      margin-bottom: 13px;
      box-shadow: 0 10px 28px rgba(16, 185, 129, 0.16);
    }

    .deploy-transport-panel {
      background: #070d1b;
      border: 1.5px solid #2b4475;
      border-radius: 9px;
      padding: 14px 16px;
      margin-bottom: 12px;
    }

    .deploy-transport-step {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      padding: 8px 10px;
      border-radius: 6px;
      background: #0e172c;
      border: 1px solid #1e2f52;
      margin-bottom: 7px;
      font-size: 12px;
    }

    .deploy-transport-step.done {
      border-color: rgba(16, 185, 129, 0.5);
      background: rgba(16, 185, 129, 0.09);
    }

    .deploy-transport-step.running {
      border-color: rgba(56, 189, 248, 0.6);
      background: rgba(14, 116, 144, 0.16);
    }

    .deploy-prod-vault {
      background: linear-gradient(135deg, rgba(120, 53, 15, 0.28), rgba(15, 23, 42, 0.95));
      border: 1.5px solid #f59e0b;
      border-radius: 9px;
      padding: 13px 15px;
      margin-bottom: 13px;
      font-size: 12.1px;
    }

    @media (max-width: 820px) {

      .deploy-summary-grid,
      .deploy-feas-checks,
      .deploy-targets-grid {
        grid-template-columns: 1fr;
      }
    }

    .deploy-target-lock {
      background: rgba(16, 185, 129, 0.12);
      border: 1px solid rgba(16, 185, 129, 0.45);
      color: #a7f3d0;
      padding: 10px 14px;
      border-radius: 6px;
      font-size: 12.4px;
      margin: 12px 0 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    .deploy-check-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 16px;
    }

    .deploy-check-item {
      background: #131e38;
      border: 1px solid #283c66;
      border-radius: 6px;
      padding: 10px 12px;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      cursor: pointer;
      font-size: 12.3px;
    }

    .deploy-check-item input {
      margin-top: 3px;
      accent-color: #10b981;
    }

    .deploy-code-preview {
      background: #060913;
      border: 1px solid #223357;
      border-radius: 6px;
      padding: 12px 14px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11.2px;
      color: #93c5fd;
      max-height: 190px;
      overflow-y: auto;
      white-space: pre-wrap;
      margin-bottom: 14px;
    }

    /* En-têtes des Vues Internes CLAIRES & LUMINEUSES (0 PX RADIUS SUR BANDEAU, 6 PX SUR PHOTO) */
    .subpage-hero {
      position: relative;
      background: var(--acc-surface-tint);
      color: var(--acc-ink);
      padding: calc(36px * var(--u)) 0;
      border-bottom: 1px solid var(--acc-border);
      overflow: hidden;
    }

    .subpage-hero-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1.25fr 0.75fr;
      gap: calc(28px * var(--u));
      align-items: center;
    }

    .subpage-main-heading {
      font-family: var(--acc-font-display);
      font-size: calc(2.3rem * var(--u));
      line-height: 1.12;
      color: var(--acc-ink);
      margin-bottom: calc(10px * var(--u));
    }

    .subpage-main-heading em {
      font-style: normal;
      color: var(--acc-accent);
    }

    .subpage-photo-card {
      border-radius: calc(var(--acc-radius) * var(--u));
      overflow: hidden;
      border: 1px solid var(--acc-border);
      aspect-ratio: 16 / 10;
      background: #ffffff;
      box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    }

    .subpage-photo-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Accordéons FAQ & Programmes Sémantiques (<details><summary>) */
    .seo-faq-list {
      display: grid;
      gap: calc(10px * var(--u));
    }

    details.seo-faq-item {
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(14px * var(--u)) calc(17px * var(--u));
    }

    details.seo-faq-item[open] {
      border-color: var(--acc-accent);
      background: var(--acc-accent-soft);
    }

    details.seo-faq-item summary {
      cursor: pointer;
      font-family: var(--acc-font-display);
      font-size: calc(1.02rem * var(--u));
      font-weight: 700;
      color: var(--acc-ink);
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    details.seo-faq-item summary::after {
      content: '+';
      font-size: calc(18px * var(--u));
      color: var(--acc-accent);
      font-weight: 800;
    }

    details.seo-faq-item[open] summary::after {
      content: '−';
    }

    details.seo-faq-item p,
    details.seo-faq-item ul {
      margin-top: calc(10px * var(--u));
      color: var(--acc-muted);
      font-size: calc(13.8px * var(--u));
      line-height: 1.65;
    }

    .filled-job-banner {
      display: none;
      background: #fffbeb;
      border: 1.5px solid #f59e0b;
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(16px * var(--u)) calc(20px * var(--u));
      margin-bottom: calc(20px * var(--u));
      color: #78350f;
    }

    .filled-job-banner.show {
      display: block;
    }

    .filter-bar-card {
      background: var(--acc-surface-tint);
      border: 1.5px solid rgba(22, 24, 29, 0.28);
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(14px * var(--u));
      margin-bottom: calc(16px * var(--u));
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr auto;
      gap: calc(10px * var(--u));
      align-items: center;
    }

    .acc-input,
    .acc-select {
      width: 100%;
      height: calc(40px * var(--u));
      padding: 0 calc(12px * var(--u));
      border-radius: calc(var(--acc-radius) * var(--u));
      border: 1px solid rgba(22, 24, 29, 0.24);
      background: #ffffff;
      color: var(--acc-ink);
      font-family: inherit;
      font-size: calc(13.3px * var(--u));
    }

    /* ==========================================================================
       8. PIED DE PAGE TOUJOURS COLLÉ EN BAS DE L'ÉCRAN + LOGOS ÉCOSYSTÈME GROUPE
       ========================================================================== */
    .acc-footer {
      margin-top: auto;
      flex-shrink: 0;
      background: var(--acc-contrast-block);
      color: #e2e8f0;
      padding: calc(38px * var(--u)) 0 calc(20px * var(--u));
      border-top: 3px solid var(--acc-accent);
      border-radius: 0;
    }

    .acc-footer-grid {
      display: grid;
      grid-template-columns: 1.35fr 1fr 1fr 1fr;
      gap: calc(26px * var(--u));
      align-items: start;
    }

    .footer-crest-wrap svg {
      width: calc(104px * var(--u));
      color: #ffffff;
      margin-bottom: calc(10px * var(--u));
    }

    .group-ecosystem-pills {
      display: flex;
      align-items: center;
      gap: calc(8px * var(--u));
      flex-wrap: wrap;
      margin-top: calc(12px * var(--u));
    }

    .group-eco-badge {
      background: #ffffff;
      border-radius: calc(4px * var(--u));
      height: calc(30px * var(--u));
      padding: calc(4px * var(--u)) calc(8px * var(--u));
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .group-eco-badge img {
      max-height: calc(20px * var(--u));
      max-width: calc(86px * var(--u));
      width: auto;
      height: auto;
      object-fit: contain;
    }

    .acc-footer h3 {
      font-family: var(--acc-font-display);
      font-size: calc(12.4px * var(--u));
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #ffffff;
      margin-bottom: calc(11px * var(--u));
    }

    .acc-footer ul {
      list-style: none;
      display: grid;
      gap: calc(7px * var(--u));
    }

    .acc-footer ul a {
      color: rgba(255, 255, 255, 0.76);
      font-size: calc(12.7px * var(--u));
      text-decoration: none;
    }

    .acc-footer ul a:hover {
      color: var(--acc-accent);
    }

    .acc-footer-bottom {
      margin-top: calc(22px * var(--u));
      padding-top: calc(14px * var(--u));
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      font-size: calc(11.5px * var(--u));
      color: rgba(255, 255, 255, 0.62);
    }

    /* ==========================================================================
       9. CONTAINER QUERIES (@container accscreen) : ZÉRO BOUTON CASSÉ SUR TABLETTE / MOBILE
       ========================================================================== */
    @container accscreen (max-width: 1080px) {
      .acc-nav {
        display: none;
      }

      .acc-burger-btn {
        display: inline-flex;
      }

      .exec-grid,
      .fun-bento,
      .popfun-grid,
      .ccut-inner,
      .subpage-hero-grid,
      .silo-hubs-grid,
      .opco-simulator-box,
      .b2b-roi-box {
        grid-template-columns: 1fr;
      }

      .ccut-backdrop-media {
        width: 100%;
        opacity: 0.28;
      }

      .popfun-portrait-frame {
        height: 340px;
        justify-content: center;
      }

      .popfun-portrait-frame img {
        object-position: center bottom;
      }

      .gallery-panoramas,
      .acc-grid-4 {
        grid-template-columns: 1fr 1fr;
      }

      .acc-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .partner-logos-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .wp-score-banner {
        grid-template-columns: repeat(2, 1fr);
      }

      .plugin-audit-grid {
        grid-template-columns: 1fr;
      }

      .filter-bar-card {
        grid-template-columns: 1fr 1fr;
      }

      .acc-footer-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @container accscreen (max-width: 680px) {
      .acc-wrap {
        width: calc(100% - 28px);
      }

      .acc-topbar-intl {
        display: none;
      }

      .seo-tech-pillars {
        display: none;
      }

      .acc-header-inner {
        min-height: 64px;
        gap: 8px;
      }

      .acc-brand-link .acc-logo-horiz {
        width: 144px;
      }

      .hreflang-switch {
        display: none;
      }

      .acc-header-right .acc-btn {
        height: 36px;
        padding: 0 12px;
        font-size: 12px;
      }

      .cinema-inner {
        padding: 26px 0;
      }

      .hero-main-heading,
      .popfun-heading,
      .exec-heading,
      .fun-heading,
      .gallery-heading,
      .subpage-main-heading {
        font-size: 1.92rem;
      }

      .popfun-portrait-frame {
        height: 280px;
      }

      .candidate-magnet-bar {
        grid-template-columns: 1fr;
      }

      .magnet-field {
        padding: 8px 10px;
      }

      .gallery-panoramas,
      .acc-grid-4,
      .acc-grid-3,
      .acc-grid-2,
      .filter-bar-card,
      .acc-footer-grid,
      .acc-mobile-grid,
      .wp-score-banner {
        grid-template-columns: 1fr;
      }

      .partner-logos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .exec-metrics-row {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .parcours-doors-grid,
      .hunt6-stage-grid,
      .intl-mandates-grid,
      .persona-audit-grid,
      .deploy-targets-grid {
        grid-template-columns: 1fr !important;
      }
    }

    /* ==========================================================================
       10. ARCHITECTURE MULTI-SITES 2-EN-1 (SITE 1 GLOBAL ⇄ SITE 2 INTERNATIONAL),
           SIMULATEUR D'AUDIT IA 6 PROFILS & CONSOLE DE DÉPLOIEMENT MULTI-CIBLES WP
       ========================================================================== */
    /* Isolation instantanée 0 ms entre Site 1 (global) et Site 2 (intl) */
    #siteCanvas[data-active-site="global"] [data-site-only="intl"] {
      display: none !important;
    }

    #siteCanvas[data-active-site="intl"] [data-site-only="global"] {
      display: none !important;
    }

    [data-trc-site="intl"] {
      display: none;
    }

    body[data-studio-site="intl"] [data-trc-site="global"] {
      display: none;
    }

    body[data-studio-site="intl"] [data-trc-site="intl"] {
      display: inline-flex;
    }

    /* Ruban Marquee Signature Client (index 5 & International Hubs) */
    .acc-signature-marquee {
      background: #101114;
      color: #f8fafc;
      border-bottom: 1px solid rgba(255, 255, 255, 0.09);
      overflow: hidden;
      padding: calc(10px * var(--u)) 0;
      font-family: var(--acc-font-display);
      font-size: calc(11.3px * var(--u));
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .acc-signature-marquee-track {
      display: flex;
      width: max-content;
      gap: 28px;
      animation: accSigMarquee 36s linear infinite;
      white-space: nowrap;
    }

    .acc-signature-marquee-track b {
      color: var(--acc-accent);
      font-weight: 900;
    }

    @keyframes accSigMarquee {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(-50%);
      }
    }

    /* Bandeau Lentille Audit IA 6 Profils (dans #siteCanvas, désactivable en 1 clic) */
    .persona-lens-banner {
      display: none;
      background: linear-gradient(135deg, #0b1325 0%, #16223d 100%);
      color: #f8fafc;
      border-bottom: 2px solid var(--acc-accent);
      padding: calc(13px * var(--u)) 0;
    }

    .persona-lens-banner.open,
    .persona-lens-banner.active {
      display: block;
    }

    .persona-lens-inner {
      display: grid;
      grid-template-columns: 1.35fr 1fr;
      gap: calc(16px * var(--u));
      align-items: center;
    }

    .persona-kpi-strip {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-top: 8px;
    }

    .persona-kpi-pill {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 6px;
      padding: 4px 9px;
      font-size: calc(11.4px * var(--u));
      color: #e2e8f0;
    }

    .persona-kpi-pill b {
      color: #34d399;
      font-family: 'JetBrains Mono', monospace;
    }

    /* Section #parcours & #sec-expertises : Monolithes Photographiques Intelligents (Zéro Transparence CSS, Contraste Pur #141312 dans la moitié basse de l'image, Liens Apparents Légers Soulignés) */
    .parcours-head-split,
    .expertises-head-split {
      display: grid;
      grid-template-columns: 1.18fr 0.82fr;
      gap: calc(28px * var(--u));
      align-items: end;
      margin-bottom: calc(28px * var(--u));
    }

    @media (max-width: 980px) {
      .parcours-head-split,
      .expertises-head-split {
        grid-template-columns: 1fr;
        gap: calc(14px * var(--u));
      }
    }

    .parcours-hero-h2,
    .expertises-hero-h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.1rem, calc(3.15rem * var(--u)), 3.6rem) !important;
      font-weight: 800 !important;
      line-height: 1.18 !important;
      letter-spacing: -0.025em !important;
      text-transform: uppercase;
      margin: calc(6px * var(--u)) 0 0 !important;
    }

    .parcours-hero-h2 em,
    .expertises-hero-h2 em {
      font-style: normal !important;
      color: var(--acc-accent);
      display: block;
      margin-top: 0.08em;
    }

    .parcours-intro-right,
    .expertises-intro-right {
      display: flex;
      flex-direction: column;
      gap: calc(10px * var(--u));
      align-items: flex-start;
    }

    .parcours-doors-grid,
    .expertises-doors-grid,
    .expertises-monolith-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: calc(18px * var(--u));
      align-items: stretch;
    }

    @media (max-width: 1180px) {
      .parcours-doors-grid,
      .expertises-doors-grid,
      .expertises-monolith-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 680px) {
      .parcours-doors-grid,
      .expertises-doors-grid,
      .expertises-monolith-grid {
        grid-template-columns: 1fr;
      }
    }

    .parcours-door-card,
    .expertise-monolith-card {
      --card-accent: var(--acc-door-accent, var(--acc-accent, #f69259));
      position: relative;
      min-height: calc(476px * var(--u));
      background-color: #141312;
      background-size: cover !important;
      background-position: center top !important;
      background-repeat: no-repeat !important;
      color: #ffffff;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-top: 3px solid var(--acc-accent, #f69259);
      border-radius: calc(max(6px, var(--acc-radius)) * var(--u));
      padding: calc(24px * var(--u)) calc(22px * var(--u)) !important;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      gap: calc(12px * var(--u));
      box-shadow: 0 18px 38px rgba(10, 12, 16, 0.24);
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
      overflow: hidden;
      isolation: isolate;
    }

    .parcours-door-card:hover,
    .expertise-monolith-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 24px 48px rgba(10, 12, 18, 0.34);
      border-color: var(--acc-accent, #f69259);
    }

    .parcours-door-card.door-01 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/door-01-entreprises.webp?v=4') !important;
    }

    .parcours-door-card.door-02 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/door-02-candidats.webp?v=4') !important;
    }

    .parcours-door-card.door-03 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/door-03-formation.webp?v=4') !important;
    }

    .parcours-door-card.door-04 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/door-04-audit.webp?v=3') !important;
    }

    .expertise-monolith-card.exp-01 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/exp-01-recrutement.webp?v=3') !important;
    }

    .expertise-monolith-card.exp-02 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/exp-02-formation.webp?v=3') !important;
    }

    .expertise-monolith-card.exp-03 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/exp-03-audit.webp?v=3') !important;
    }

    .expertise-monolith-card.exp-04 {
      background-image: url('/wp-content/uploads/acc-studio-live/media/doors/exp-04-mystere.webp?v=3') !important;
    }

    .parcours-num {
      font-family: 'JetBrains Mono', monospace;
      font-size: calc(10.5px * var(--u));
      font-weight: 800;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      color: var(--acc-accent, #ff985e);
      display: inline-block;
      margin-bottom: calc(6px * var(--u));
    }

    .expertise-pill-tag {
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      padding: 5px 11px;
      border-radius: 999px;
      background: rgba(24, 26, 32, 0.88);
      backdrop-filter: blur(6px);
      border: 1px solid rgba(255, 255, 255, 0.22);
      color: #ffffff;
      font-family: 'JetBrains Mono', monospace;
      font-size: calc(10px * var(--u));
      font-weight: 800;
      letter-spacing: 0.11em;
      text-transform: uppercase;
      margin-bottom: calc(6px * var(--u));
    }

    .parcours-door-card h3,
    .parcours-title {
      font-family: var(--acc-font-display);
      font-size: clamp(1.02rem, calc(1.22rem * var(--u)), 1.32rem) !important;
      font-weight: 800 !important;
      line-height: 1.15 !important;
      letter-spacing: -0.02em !important;
      text-transform: uppercase;
      color: #ffffff !important;
      margin: 0 0 calc(8px * var(--u)) !important;
      white-space: nowrap !important;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .expertise-monolith-card h3,
    .expertise-monolith-title {
      font-family: var(--acc-font-display);
      font-size: clamp(1.08rem, calc(1.25rem * var(--u)), 1.35rem) !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      letter-spacing: -0.015em !important;
      color: #ffffff !important;
      margin: 0 0 calc(8px * var(--u)) !important;
    }

    .parcours-door-card p,
    .expertise-monolith-card p,
    .parcours-desc,
    .expertise-monolith-desc {
      font-size: calc(12.8px * var(--u)) !important;
      line-height: 1.54 !important;
      color: #d5d9e2 !important;
      margin: 0 !important;
    }

    .parcours-door-card p strong,
    .expertise-monolith-card p strong,
    .parcours-desc strong,
    .expertise-monolith-desc strong {
      color: #ffffff !important;
      font-weight: 800;
    }

    .parcours-links,
    .parcours-links-stack {
      display: flex;
      flex-direction: column;
      gap: calc(9px * var(--u));
      align-items: flex-start;
      margin-top: calc(4px * var(--u));
      padding-top: calc(10px * var(--u));
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .parcours-text-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: var(--acc-font-body);
      font-size: calc(11.1px * var(--u));
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff !important;
      text-decoration: none;
      padding: 0 0 4px 0;
      border-bottom: 2px solid var(--card-accent);
      transition: color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    .parcours-text-link:hover {
      color: var(--card-accent) !important;
      border-bottom-color: #ffffff;
      transform: translateX(2px);
    }

    .expertise-text-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      align-self: flex-start;
      font-family: var(--acc-font-body);
      font-size: calc(11.8px * var(--u));
      font-weight: 800;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: var(--card-accent) !important;
      text-decoration: none;
      padding: 4px 0;
      border-bottom: 2px solid var(--card-accent);
      transition: color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    .expertise-text-link:hover {
      color: #ffffff !important;
      border-bottom-color: #ffffff;
      transform: translateX(2px);
    }

    /* Section #sec-expertises sur fond sombre architectural (#121316) comme dans l'état des lieux client */
    #sec-expertises {
      background: #121316 !important;
      color: #F6F5F1 !important;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    #sec-expertises .acc-eyebrow,
    #sec-expertises .expertises-kicker-line {
      color: var(--acc-door-accent, #ff985e) !important;
      font-family: 'JetBrains Mono', monospace;
      font-size: calc(11px * var(--u));
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      margin-bottom: 6px;
    }

    #sec-expertises .expertises-hero-h2 {
      color: #ffffff !important;
    }

    #sec-expertises .expertises-hero-h2 em {
      color: var(--acc-door-accent, var(--acc-accent)) !important;
    }

    #sec-expertises .expertises-head-split p,
    #sec-expertises .expertises-intro-right p {
      color: #d6d4ce !important;
    }

    /* Explorateur Interactif 6 Étapes Chasse de Têtes (#methode de index 5) */
    .hunt6-stage-grid {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: calc(22px * var(--u));
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-radius: var(--acc-radius);
      padding: calc(20px * var(--u));
      align-items: stretch;
    }

    .hunt6-tabs-row {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 6px;
      margin-bottom: calc(14px * var(--u));
    }

    .hunt6-tab-btn {
      border: 1px solid var(--acc-border);
      background: #ffffff;
      color: var(--acc-ink);
      border-radius: 6px;
      padding: 8px 10px;
      text-align: left;
      cursor: pointer;
      font-family: var(--acc-font-body);
      font-size: calc(11.8px * var(--u));
      font-weight: 700;
      transition: all 0.16s ease;
    }

    .hunt6-tab-btn small {
      display: block;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      color: var(--acc-accent);
      margin-bottom: 2px;
    }

    .hunt6-tab-btn.active {
      background: #111319;
      color: #ffffff;
      border-color: var(--acc-accent);
    }

    .hunt6-photo-frame {
      position: relative;
      border-radius: 6px;
      overflow: hidden;
      min-height: 270px;
      background: #101218;
    }

    .hunt6-photo-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .hunt6-photo-caption {
      position: absolute;
      left: 12px;
      bottom: 12px;
      right: 12px;
      background: rgba(15, 18, 25, 0.84);
      color: #ffffff;
      padding: 7px 11px;
      border-radius: 5px;
      font-size: calc(11.6px * var(--u));
      font-weight: 700;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    /* Diagnostic Interactif Entreprise (#entreprises de index 5) */
    .diag-result-card strong, .diag-result-card h3, .diag-result-card h4 { color: #f9f6f0 !important; }
    .diag-result-card p, .diag-result-card li { color: rgba(249, 246, 240, 0.88) !important; }
    .diag-result-card {
      background: #111319;
      color: #ffffff;
      border: 1px solid #2b3244;
      border-left: 4px solid var(--acc-accent);
      border-radius: 6px;
      padding: calc(20px * var(--u));
      margin-top: calc(16px * var(--u));
    }

    /* Sélecteur Double Vocation Formation Qualiopi : Multisectoriel (Tous Secteurs) vs CHR */
    .qualiopi-dual-switch {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: calc(14px * var(--u));
      margin-bottom: calc(24px * var(--u));
    }

    .qualiopi-lens-card {
      border: 2px solid var(--acc-border);
      background: #ffffff;
      border-radius: 6px;
      padding: calc(18px * var(--u));
      cursor: pointer;
      text-align: left;
      transition: all 0.18s ease;
    }

    .qualiopi-lens-card.active {
      border-color: var(--acc-accent);
      box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
      background: var(--acc-surface-tint);
    }

    .qualiopi-lens-card[data-qlens="multi"].active {
      border-color: #0d9488;
      background: #f0fdfa;
    }

    /* Site 2 : ACC International Luxury Cards & Mandates */
    .intl-mandates-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(18px * var(--u));
    }

    .intl-mandate-card {
      background: #121318;
      color: #f8fafc;
      border: 1px solid rgba(201, 173, 117, 0.28);
      border-radius: 6px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: transform 0.22s ease, border-color 0.22s ease;
    }

    .intl-mandate-card:hover {
      transform: translateY(-3px);
      border-color: var(--acc-accent);
    }

    .intl-mandate-photo {
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: #0b0c10;
    }

    .intl-mandate-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .intl-mandate-loc {
      position: absolute;
      left: 10px;
      bottom: 9px;
      background: rgba(12, 13, 18, 0.86);
      border: 1px solid rgba(201, 173, 117, 0.45);
      color: #f8fafc;
      font-size: 10.5px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 4px;
    }

    .intl-mandate-body {
      padding: calc(16px * var(--u));
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1;
    }

    /* Audit IA 6 Profils & Console Déploiement Multi-Sites WordPress */
    .persona-audit-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(18px * var(--u));
    }

    .deploy-targets-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 12px;
    }

    .deploy-target-card {
      background: #0d1629;
      border: 1px solid #24375c;
      border-radius: 6px;
      padding: 10px 12px;
      cursor: pointer;
      text-align: left;
      color: #e2e8f0;
      transition: border-color 0.16s, background 0.16s;
    }

    .deploy-target-card:hover {
      border-color: #4f6da8;
    }

    .deploy-target-card.active {
      border-color: #fb9f6f;
      background: rgba(250, 135, 75, 0.13);
    }

    .deploy-target-card small {
      display: block;
      color: #94a3b8;
      font-size: 11px;
      margin-top: 3px;
    }

    @container accscreen (max-width: 1080px) {
      .parcours-doors-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .hunt6-stage-grid,
      .persona-lens-inner,
      .qualiopi-dual-switch {
        grid-template-columns: 1fr;
      }

      .hunt6-tabs-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .intl-mandates-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .persona-audit-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ==========================================================================
       11. MODE ?embed=1 (APERÇU PUR SANS BARRES STUDIO POUR L'INSPECTEUR MULTI-SUPPORTS)
       ========================================================================== */
    body.is-embed-preview {
      background: #ffffff !important;
      overflow: auto !important;
    }

    body.is-embed-preview .studio-chrome,
    body.is-embed-preview .top-hover-sensor,
    body.is-embed-preview .top-mini-handle,
    body.is-embed-preview #cockpitSlotTop,
    body.is-embed-preview #cockpitSlotBottom,
    body.is-embed-preview .bezel-bar,
    body.is-embed-preview .device-bezel-top,
    body.is-embed-preview .height-drag-handle,
    body.is-embed-preview #twinSiteBezel,
    body.is-embed-preview #foldOverlay {
      display: none !important;
    }

    body.is-embed-preview .stage-area,
    body.is-embed-preview .workspace-stage {
      padding: 0 !important;
      margin: 0 !important;
      min-height: 100vh !important;
      display: block !important;
      background: transparent !important;
    }

    body.is-embed-preview .scale-holder {
      display: block !important;
      transform: none !important;
      margin: 0 !important;
      width: 100% !important;
    }

    body.is-embed-preview .device-bezel,
    body.is-embed-preview .device-shell {
      display: block !important;
      width: 100% !important;
      max-width: none !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      transform: none !important;
      background: transparent !important;
    }

    body.is-embed-preview .device-viewport {
      width: 100% !important;
      height: auto !important;
      min-height: 100vh !important;
      border-radius: 0 !important;
      overflow: visible !important;
    }

    /* ==========================================================================
       12. ⭐ CHARTE LIVRÉE CLIENT — BLUEPRINT GLOBAL (archive/index (5).html)
           Manrope + DM Sans · Crème #f6f5f1 · Noir #101114 · Flamme #ff8850
       ========================================================================== */
    #siteCanvas[data-theme="client_index5"] {
      --acc-body-bg: #f6f5f1 !important;
      --acc-surface-tint: #eceae2 !important;
      --acc-ink: #161719 !important;
      --acc-muted: #5c5b57 !important;
      --acc-border: #dfdcd3 !important;
      --acc-radius: 6px !important;
      --acc-font-display: 'Manrope', 'DM Sans', sans-serif !important;
      --acc-font-body: 'DM Sans', -apple-system, sans-serif !important;
      background: #f6f5f1 !important;
      color: #161719 !important;
    }

    /* Header verre sombre #111114df fidèle à archive/index (5).html */
    #siteCanvas[data-theme="client_index5"] .acc-header {
      background: rgba(17, 17, 20, 0.93) !important;
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
      color: #ffffff !important;
    }

    #siteCanvas[data-theme="client_index5"] .acc-brand-link,
    #siteCanvas[data-theme="client_index5"] .acc-nav-link {
      color: #ffffff !important;
    }

    #siteCanvas[data-theme="client_index5"] .acc-nav-link:hover,
    #siteCanvas[data-theme="client_index5"] .acc-nav-link.current {
      color: #ff8850 !important;
      background: rgba(255, 106, 36, 0.12) !important;
    }

    #siteCanvas[data-theme="client_index5"] .hreflang-switch {
      background: rgba(255, 255, 255, 0.08) !important;
      border-color: rgba(255, 255, 255, 0.22) !important;
    }

    #siteCanvas[data-theme="client_index5"] .hreflang-switch a {
      color: #cbd5e1 !important;
    }

    #siteCanvas[data-theme="client_index5"] .hreflang-switch a.on {
      background: #fb9f6f !important;
      color: #101114 !important;
    }

    #siteCanvas[data-theme="client_index5"] .acc-header .acc-btn {
      background: #fb9f6f !important;
      border-color: #fb9f6f !important;
      color: #101114 !important;
      border-radius: 5px !important;
      font-weight: 800 !important;
    }

    /* Hero cinématique sombre #141414 + barre orange 35px × 3px + H1 Manrope majuscules */
    #siteCanvas[data-theme="client_index5"] .cinema-stage-box {
      background: #101114 !important;
    }

    #siteCanvas[data-theme="client_index5"] .cinema-shade {
      background: linear-gradient(92deg, rgba(16, 17, 20, 0.98) 0%, rgba(16, 17, 20, 0.93) 34%, rgba(16, 17, 20, 0.54) 46%, rgba(16, 17, 20, 0.11) 54%, rgba(16, 17, 20, 0) 60%),
        linear-gradient(180deg, rgba(16, 17, 20, 0.26) 0%, rgba(16, 17, 20, 0) 22%, rgba(16, 17, 20, 0) 84%, rgba(16, 17, 20, 0.28) 100%) !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .candidate-magnet-bar {
      background: #f1efe9 !important;
      border: 1.5px solid color-mix(in srgb, var(--acc-accent) 85%, #ffffff 15%) !important;
      box-shadow: 0 0 0 3.5px rgba(16, 17, 20, 0.66), 0 0 0 4.5px rgba(255, 255, 255, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 20px 44px rgba(0, 0, 0, 0.46) !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .magnet-field {
      background: #ffffff !important;
      border-color: rgba(22, 24, 29, 0.22) !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .magnet-field:focus-within {
      border-color: var(--acc-accent) !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .hero-kicker {
      color: #ffb088 !important;
      background: rgba(255, 106, 36, 0.14) !important;
      border-color: rgba(255, 106, 36, 0.45) !important;
      position: relative;
      padding-left: 48px !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .hero-kicker::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      width: 28px;
      height: 3px;
      background: #ff8850;
      border-radius: 2px;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .hero-main-heading {
      color: #ffffff !important;
      text-shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important;
      text-transform: uppercase;
      letter-spacing: -0.03em !important;
      font-weight: 800 !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .hero-main-heading em {
      display: block !important;
      color: #fb9f6f !important;
      font-style: normal !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .hero-sub {
      color: rgba(246, 245, 241, 0.88) !important;
      text-shadow: none !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .living-baseline-wrap {
      background: rgba(16, 17, 20, 0.78) !important;
      border-color: rgba(255, 106, 36, 0.45) !important;
      color: #f6f5f1 !important;
    }

    #siteCanvas[data-theme="client_index5"] .hero-v-cinema .living-baseline-quote {
      color: #ffffff !important;
    }

    /* Ruban Marquee Orange Signature #ff8850 avec typographie noire bold */
    #siteCanvas[data-theme="client_index5"] .acc-signature-marquee {
      background: #fb9f6f !important;
      color: #101114 !important;
      border-bottom: 1px solid #e08252 !important;
    }

    #siteCanvas[data-theme="client_index5"] .acc-signature-marquee-track b {
      color: #ffffff !important;
    }

    /* ==========================================================================
       MODÈLE DE THÈME CLIENT #2 PROPOSÉ SUR SITE 1 : SIGNATURE PALACE (ESPRIT ACC INTERNATIONAL)
       Obsidienne #11110F · Crème Ivoire #F4F0E8 · Or Champagne #B49A67 · Playfair Display + Pill 100px
       ========================================================================== */
    #siteCanvas[data-theme="client_intl_luxe"] {
      --acc-body-bg: #f4f0e8 !important;
      --acc-surface: #ffffff;
      --acc-surface-tint: #eae3d5;
      --acc-ink: #171714;
      --acc-muted: #57534a;
      --acc-border: #dcd3c2;
      --acc-accent: #b49a67;
      --acc-accent-2: #967d4c;
      --acc-accent-soft: #f7f1e3;
      --acc-contrast-block: #11110f;
      --acc-font-display: 'Playfair Display', Georgia, serif;
      --acc-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      background: #f4f0e8 !important;
      color: #171714;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-topbar-intl {
      background: #0c0c0a !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-header {
      background: #11110f !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-brand-link,
    #siteCanvas[data-theme="client_intl_luxe"] .acc-nav-link {
      color: #f4f0e8 !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-nav-link:hover,
    #siteCanvas[data-theme="client_intl_luxe"] .acc-nav-link.current {
      color: #d6c39a !important;
      background: rgba(180, 154, 103, 0.14) !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hreflang-switch {
      background: rgba(255, 255, 255, 0.06) !important;
      border-color: rgba(255, 255, 255, 0.22) !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hreflang-switch a {
      color: #d6d3cb !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hreflang-switch a.on {
      background: #b49a67 !important;
      color: #11110f !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-btn {
      border-radius: 100px !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-header .acc-btn {
      background: #f4f0e8 !important;
      border-color: #f4f0e8 !important;
      color: #11110f !important;
      font-weight: 700 !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .cinema-stage-box {
      background: #11110f !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .cinema-shade {
      background: linear-gradient(92deg, rgba(12, 12, 10, 0.98) 0%, rgba(12, 12, 10, 0.93) 34%, rgba(12, 12, 10, 0.52) 46%, rgba(12, 12, 10, 0.10) 54%, rgba(12, 12, 10, 0) 60%) !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hero-v-cinema .candidate-magnet-bar {
      background: #f3eee3 !important;
      border: 1.5px solid rgba(196, 169, 114, 0.88) !important;
      box-shadow: 0 0 0 3.5px rgba(12, 12, 10, 0.66), 0 0 0 4.5px rgba(244, 240, 232, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 20px 44px rgba(0, 0, 0, 0.45) !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hero-v-cinema .hero-kicker {
      color: #d6c39a !important;
      background: rgba(180, 154, 103, 0.14) !important;
      border-color: rgba(180, 154, 103, 0.42) !important;
      letter-spacing: 0.22em !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hero-v-cinema .hero-main-heading {
      color: #f4f0e8 !important;
      font-weight: 400 !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hero-v-cinema .hero-main-heading em {
      display: block !important;
      color: #d6c39a !important;
      font-family: 'Playfair Display', Georgia, serif !important;
      font-style: italic !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hero-v-cinema .hero-sub {
      color: rgba(244, 240, 232, 0.84) !important;
      text-shadow: none !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hero-v-cinema .living-baseline-wrap {
      background: rgba(17, 17, 15, 0.82) !important;
      border-color: rgba(180, 154, 103, 0.45) !important;
      color: #f4f0e8 !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .hero-v-cinema .living-baseline-quote {
      color: #f4f0e8 !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-signature-marquee {
      background: #b49a67 !important;
      color: #11110f !important;
      border-bottom: 1px solid #967d4c !important;
    }

    #siteCanvas[data-theme="client_intl_luxe"] .acc-signature-marquee-track b {
      color: #11110f !important;
    }

    /* ==========================================================================
       MODE VISUALISATION DUO CÔTE-À-CÔTE (SITE 1 ⇄ SITE 2 SYNCHRONISÉS EN DIRECT)
       ========================================================================== */
    .scale-holder {
      display: flex;
      gap: 24px;
      align-items: flex-start;
      justify-content: center;
    }

    .twin-site-bezel {
      display: none;
      border-color: rgba(214, 195, 154, 0.55) !important;
      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(214, 195, 154, 0.2) inset !important;
    }

    .twin-site-bezel.open {
      display: inline-flex;
      flex-direction: column;
    }

    .twin-bezel-actions {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
    }

    .twin-mini-btn {
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: #e2e8f0;
      font-family: 'DM Sans', sans-serif;
      font-size: 10.2px;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 5px;
      cursor: pointer;
      text-decoration: none;
      transition: all 0.16s ease;
    }

    .twin-mini-btn:hover {
      background: rgba(255, 255, 255, 0.15);
      color: #fff;
    }

    .twin-mini-btn.active {
      background: rgba(180, 154, 103, 0.28);
      border-color: #d6c39a;
      color: #fef3c7;
    }

    .twin-iframe-viewport {
      background: #11110f;
      border-radius: 8px;
      overflow: hidden;
      position: relative;
    }

    .twin-iframe-viewport iframe {
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    /* ==========================================================================
       BANDEAU PANORAMIQUE D'HARMONIE VISUELLE EN BAS DES PAGES COURTES (ZÉRO BLANC SOUS OU AVANT FOOTER)
       ========================================================================== */
    .acc-bottom-harmony-band {
      position: relative;
      overflow: hidden;
      background: #121418;
      color: #f8f6f1;
      padding: calc(44px * var(--u)) 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .acc-bottom-harmony-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0.34;
      filter: saturate(0.9);
      pointer-events: none;
    }

    .acc-bottom-harmony-shade {
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(13, 15, 20, 0.94) 0%, rgba(13, 15, 20, 0.78) 54%, rgba(13, 15, 20, 0.88) 100%);
      pointer-events: none;
    }

    .acc-bottom-harmony-grid {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1.25fr 1fr;
      gap: calc(26px * var(--u));
      align-items: center;
    }

    .acc-bottom-harmony-pillars {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(12px * var(--u));
    }

    .acc-harmony-pill-card {
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-left: 3px solid var(--acc-accent);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(14px * var(--u));
      backdrop-filter: blur(8px);
    }

    .acc-harmony-pill-card strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: calc(14px * var(--u));
      color: #ffffff;
      margin-bottom: 4px;
    }

    .acc-harmony-pill-card span {
      display: block;
      font-size: calc(12.2px * var(--u));
      color: rgba(248, 246, 241, 0.78);
      line-height: 1.45;
    }

    /* ==========================================================================
       3 NOUVELLES DISPOSITIONS RADICALES (7. MONOLITHES INDEX, 8. SPLIT 50/50 MAGAZINE, 9. BRUTALISTE SUISSE)
       ========================================================================== */
    /* 7. STYLE INDEX AUTHENTIQUE — POSTER MONUMENTAL ÉPURÉ */
    .hero-v-index5 {
      position: relative;
      min-height: calc(560px * var(--u));
      background: #141414;
      color: #ffffff;
      overflow: hidden;
    }

    .idx5-bg {
      position: absolute;
      inset: 0;
      background-image: url('/wp-content/uploads/acc-studio-live/media/michelin-gastronomy.webp');
      background-size: cover;
      background-position: center;
      animation: idx5KenBurns 22s ease-in-out infinite alternate;
      filter: saturate(0.92) contrast(1.06);
    }

    @keyframes idx5KenBurns {
      0% {
        transform: scale(1);
      }

      100% {
        transform: scale(1.07);
      }
    }

    .idx5-shade {
      position: absolute;
      inset: 0;
      background: linear-gradient(95deg, rgba(16, 16, 18, 0.92) 0%, rgba(16, 16, 18, 0.68) 52%, rgba(16, 16, 18, 0.34) 100%);
    }

    .idx5-inner {
      position: relative;
      z-index: 2;
      padding: calc(74px * var(--u)) 0 calc(64px * var(--u));
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: calc(560px * var(--u));
    }

    .idx5-kicker-row {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      margin-bottom: calc(18px * var(--u));
    }

    .idx5-kicker-bar {
      width: 35px;
      height: 3px;
      background: #f69259;
      display: inline-block;
    }

    .idx5-kicker-txt {
      font-size: calc(11px * var(--u));
      font-weight: 800;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.88);
    }

    .idx5-poster-h1 {
      font-family: 'Manrope', 'Outfit', sans-serif;
      font-weight: 800;
      font-size: clamp(2.6rem, calc(4.85rem * var(--u)), 5.4rem);
      line-height: 0.98;
      letter-spacing: -0.052em;
      text-transform: uppercase;
      color: #ffffff;
      max-width: calc(820px * var(--u));
      margin-bottom: calc(20px * var(--u));
    }

    .idx5-poster-h1 em {
      font-style: normal;
      color: #f69259;
      display: block;
    }

    .idx5-poster-sub {
      font-size: calc(16px * var(--u));
      line-height: 1.62;
      color: rgba(246, 245, 241, 0.84);
      max-width: calc(610px * var(--u));
      margin-bottom: calc(28px * var(--u));
    }

    .idx5-cta-row {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
    }

    .idx5-btn-solid {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 14px 26px;
      background: #f69259;
      color: #111111 !important;
      font-weight: 800;
      font-size: calc(13.5px * var(--u));
      letter-spacing: 0.04em;
      text-transform: uppercase;
      border-radius: 4px;
      text-decoration: none;
      transition: transform 0.2s ease, background 0.2s ease;
    }

    .idx5-btn-solid:hover {
      background: #ff8c4a;
      transform: translateY(-2px);
    }

    .idx5-btn-ghost {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 13px 24px;
      background: transparent;
      color: #ffffff !important;
      border: 1px solid rgba(255, 255, 255, 0.62);
      font-weight: 700;
      font-size: calc(13.5px * var(--u));
      letter-spacing: 0.04em;
      text-transform: uppercase;
      border-radius: 4px;
      text-decoration: none;
      transition: all 0.2s ease;
    }

    .idx5-btn-ghost:hover {
      background: rgba(255, 255, 255, 0.12);
      border-color: #ffffff;
    }

    .idx5-scroll-stamp {
      position: absolute;
      right: calc(36px * var(--u));
      bottom: calc(24px * var(--u));
      z-index: 2;
      font-size: 10.5px;
      font-weight: 800;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.68);
    }

    /* 8. SPLIT 50/50 ÉDITORIAL MAGAZINE HAUTE-COUTURE */
    .hero-v-splitmag {
      background: var(--acc-body-bg, #faf7f0);
      border-bottom: 1px solid var(--acc-border);
    }

    .splitmag-grid {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      min-height: calc(540px * var(--u));
    }

    .splitmag-copy {
      padding: calc(54px * var(--u)) calc(44px * var(--u));
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-right: 1px solid var(--acc-border);
    }

    .splitmag-h1 {
      font-family: 'Playfair Display', Georgia, serif;
      font-size: clamp(2.2rem, calc(3.5rem * var(--u)), 4rem);
      font-weight: 700;
      line-height: 1.06;
      color: var(--acc-ink);
      margin: calc(12px * var(--u)) 0 calc(16px * var(--u));
    }

    .splitmag-h1 em {
      font-style: italic;
      color: var(--acc-accent);
    }

    .splitmag-ledger {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: calc(24px * var(--u));
      padding-top: calc(18px * var(--u));
      border-top: 1px solid var(--acc-border);
    }

    .splitmag-visual {
      display: grid;
      grid-template-rows: 1.35fr 0.85fr;
      gap: 1px;
      background: var(--acc-border);
    }

    .splitmag-photo {
      position: relative;
      overflow: hidden;
      min-height: 210px;
    }

    .splitmag-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .splitmag-caption {
      position: absolute;
      left: 16px;
      bottom: 14px;
      background: rgba(15, 17, 21, 0.82);
      color: #fff;
      padding: 5px 11px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    /* 9. RAIL BRUTALISTE SUISSE & REGISTRE DIRECT */
    .hero-v-bauhausrail {
      background: var(--acc-body-bg, #ffffff);
      border-bottom: 2.5px solid var(--acc-ink);
      padding: calc(36px * var(--u)) 0;
    }

    .bauhaus-grid {
      display: grid;
      grid-template-columns: 1.25fr 0.95fr;
      border: 2.5px solid var(--acc-ink);
      background: var(--acc-body-bg, #ffffff);
      box-shadow: 8px 8px 0 var(--acc-ink);
    }

    .bauhaus-left {
      padding: calc(34px * var(--u));
      border-right: 2.5px solid var(--acc-ink);
    }

    .bauhaus-h1 {
      font-family: 'Manrope', sans-serif;
      font-weight: 900;
      font-size: clamp(2.1rem, calc(3.3rem * var(--u)), 3.7rem);
      line-height: 1.0;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      margin: 12px 0 16px;
    }

    .bauhaus-h1 mark {
      background: var(--acc-accent);
      color: #ffffff;
      padding: 0 8px;
    }

    .bauhaus-right {
      display: flex;
      flex-direction: column;
    }

    .bauhaus-row {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 16px 22px;
      border-bottom: 2px solid var(--acc-ink);
      text-decoration: none;
      color: var(--acc-ink);
      font-weight: 800;
      transition: background 0.16s ease, color 0.16s ease;
    }

    .bauhaus-row:last-child {
      border-bottom: 0;
    }

    .bauhaus-row:hover {
      background: var(--acc-accent);
      color: #ffffff;
    }

    /* ==========================================================================
       THÈME SUPPLÉMENTAIRE FIDÈLE À ARCHIVE/INDEX (5).HTML : MONOLITHES PHOTO 440PX & #f69259
       ========================================================================== */
    #siteCanvas[data-theme="index5_authentique"] {
      --acc-body-bg: #F6F5F1;
      --acc-ink: #141414;
      --acc-muted: #575652;
      --acc-border: #DFDDD6;
      --acc-accent: #f69259;
      --acc-accent-2: #D95F1B;
      --acc-accent-soft: #FFF1E8;
      --acc-surface-tint: #EFECE6;
      --acc-contrast-block: #111410;
      --acc-radius: 4px;
      --acc-btn-radius: 4px;
      --acc-font-display: 'Manrope', 'Outfit', sans-serif;
      background-color: #F6F5F1 !important;
      color: #141414;
    }

    #siteCanvas[data-theme="index5_authentique"] .acc-topbar-intl {
      background: #0B0B0D !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    #siteCanvas[data-theme="index5_authentique"] .acc-header {
      background: rgba(17, 17, 20, 0.94) !important;
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    #siteCanvas[data-theme="index5_authentique"] .acc-brand-link,
    #siteCanvas[data-theme="index5_authentique"] .acc-nav-link {
      color: #F6F5F1 !important;
    }

    #siteCanvas[data-theme="index5_authentique"] .acc-nav-link:hover,
    #siteCanvas[data-theme="index5_authentique"] .acc-nav-link.current {
      color: #f69259 !important;
      background: rgba(244, 119, 48, 0.12) !important;
    }

    #siteCanvas[data-theme="index5_authentique"] .acc-header .acc-btn {
      background: #f69259 !important;
      color: #111111 !important;
      font-weight: 800 !important;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    #siteCanvas[data-theme="index5_authentique"] .acc-signature-marquee {
      background: #f69259 !important;
      color: #111111 !important;
      font-weight: 900 !important;
      letter-spacing: 0.14em !important;
      border-bottom: 0 !important;
    }

    #siteCanvas[data-theme="index5_authentique"] .acc-signature-marquee-track b {
      color: #111111 !important;
    }

    /* ==========================================================================
       BLOC #a-propos : "À PROPOS / AMBASSADE CABINET CONSEIL — LE CHR, NOTRE ADN."
       Exactement conforme à la maquette client & archive/index (5).html + Portrait Julien Deyrat
       ========================================================================== */
    .acc-about {
      background: var(--acc-body-bg, #f7f5f0);
      color: var(--acc-ink, #1d1d1b);
      padding: calc(74px * var(--u)) 0;
      border-bottom: 1px solid var(--acc-border);
      overflow: hidden;
    }

    .acc-about-inner {
      max-width: calc(var(--acc-max, 1340px) * var(--u));
      width: min(calc(1340px * var(--u)), calc(100% - 56px * var(--u)));
      margin: 0 auto;
      padding: 0 calc(28px * var(--u));
    }

    .acc-about-top {
      display: grid;
      grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
      gap: clamp(28px, calc(48px * var(--u)), 68px);
      align-items: stretch;
    }

    .acc-about-visual {
      position: relative;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      min-height: calc(590px * var(--u));
      height: 100%;
      border-radius: calc(max(6px, var(--acc-radius)) * var(--u));
      overflow: hidden;
      background: #181715;
      box-shadow: 0 22px 48px rgba(15, 18, 24, 0.16);
      z-index: 1;
    }

    .acc-about-copy {
      min-width: 0;
      position: relative;
      z-index: 2;
    }

    .acc-about-visual img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      transition: transform 0.7s ease;
    }

    .acc-about-visual:hover img {
      transform: scale(1.035);
    }

    .acc-about-stamp {
      position: absolute;
      bottom: calc(20px * var(--u));
      left: calc(20px * var(--u));
      right: calc(20px * var(--u));
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 14px;
      color: #ffffff;
      background: rgba(17, 17, 19, 0.88);
      padding: calc(18px * var(--u)) calc(20px * var(--u));
      border-left: 3.5px solid var(--acc-accent, #f69259);
    }

    .acc-about-stamp span {
      font-size: calc(10.5px * var(--u));
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.9);
    }

    .acc-about-stamp strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: clamp(2rem, calc(2.85rem * var(--u)), 3.4rem);
      font-weight: 800;
      line-height: 1.02;
      color: #ffffff;
      margin-top: 4px;
    }

    .acc-about-kicker {
      color: var(--acc-accent, #c65b21);
      font-size: calc(11.2px * var(--u));
      letter-spacing: 0.2em;
      font-weight: 800;
      text-transform: uppercase;
      margin-bottom: calc(10px * var(--u));
    }

    .acc-about-copy h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.3rem, calc(3.5rem * var(--u)), 4.1rem);
      line-height: 1.02;
      letter-spacing: -0.025em;
      margin: 0 0 calc(20px * var(--u));
      font-weight: 800;
      color: var(--acc-ink);
      text-transform: uppercase;
    }

    .acc-about-copy h2 em {
      font-style: normal;
      color: var(--acc-accent, #ec6c2c);
    }

    .acc-about-copy p {
      font-size: calc(14.5px * var(--u));
      line-height: 1.72;
      color: var(--acc-muted, #4b4b49);
      margin: 0 0 calc(13px * var(--u));
    }

    .acc-about-copy strong {
      color: var(--acc-ink, #20201e);
      font-weight: 800;
    }

    .acc-founder-team {
      display: flex;
      align-items: flex-start;
      gap: calc(16px * var(--u));
      padding: calc(18px * var(--u)) calc(20px * var(--u));
      margin: calc(18px * var(--u)) 0 calc(20px * var(--u));
      background: var(--acc-surface-tint, #f8f4ee);
      border-left: 4px solid var(--acc-accent, #e77d35);
      border-radius: 0 14px 14px 0;
    }

    .acc-founder-team-icon {
      flex: none;
      display: grid;
      place-items: center;
      width: calc(48px * var(--u));
      height: calc(48px * var(--u));
      border-radius: 12px;
      background: #151515;
      color: #ffffff;
      font-size: calc(18px * var(--u));
      font-weight: 800;
    }

    .acc-founder-team strong {
      font-size: calc(16px * var(--u));
      line-height: 1.25;
      display: block;
      color: var(--acc-ink, #171717);
    }

    .acc-founder-team p {
      margin: 6px 0 0 !important;
      font-size: calc(13.2px * var(--u)) !important;
      line-height: 1.55 !important;
      color: var(--acc-muted, #4d4b48) !important;
    }

    .acc-about-metrics {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: calc(12px * var(--u));
      margin: calc(18px * var(--u)) 0;
    }

    .acc-about-metric {
      padding: calc(14px * var(--u)) calc(16px * var(--u));
      background: #ffffff;
      border: 1px solid var(--acc-border);
      border-left: 3.5px solid var(--acc-accent, #f69259);
    }

    .acc-about-metric strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: clamp(1.45rem, calc(2rem * var(--u)), 2.3rem);
      line-height: 1.15;
      color: #161719;
    }

    .acc-about-metric span {
      font-size: calc(11.8px * var(--u));
      color: #62625e;
      line-height: 1.45;
    }

    .acc-about-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: calc(8px * var(--u));
      padding: calc(14px * var(--u)) calc(20px * var(--u));
      background: var(--acc-accent, #f69259);
      color: var(--acc-on-accent, #161616) !important;
      text-decoration: none;
      font-weight: 800;
      font-size: calc(12.2px * var(--u));
      letter-spacing: 0.04em;
      text-transform: uppercase;
      border-radius: calc(max(3px, var(--acc-btn-radius)) * var(--u));
      transition: transform 0.2s ease, background 0.2s ease;
    }

    .acc-about-cta:hover {
      transform: translateY(-2px);
      background: var(--acc-accent-2, #ff9456);
      color: var(--acc-on-accent-2, #ffffff) !important;
    }

    .acc-about-bottom {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(18px * var(--u));
      margin-top: calc(38px * var(--u));
    }

    .acc-about-card {
      background: #ffffff;
      border: 1px solid var(--acc-border, #e8e4dc);
      border-radius: calc(var(--acc-radius) * var(--u));
      padding: calc(26px * var(--u));
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .acc-about-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    }

    .acc-about-card .acc-icon {
      width: 52px;
      height: 52px;
      color: var(--acc-accent, #f47c37);
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 14px;
    }

    .acc-about-card .acc-icon svg {
      width: 46px;
      height: 46px;
      display: block;
    }

    .acc-about-card h3 {
      font-family: var(--acc-font-display);
      font-size: calc(1.42rem * var(--u));
      margin: 0 0 10px;
      line-height: 1.15;
      color: #181818;
    }

    .acc-about-card p {
      font-size: calc(13.4px * var(--u));
      color: #595954;
      line-height: 1.68;
      margin: 0;
    }

    .acc-about-card strong {
      color: #181818;
      font-weight: 800;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-about-metric,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-about-card,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-founder-team {
      background: rgba(15, 23, 42, 0.85) !important;
      color: #F1F5F9 !important;
      border-color: rgba(56, 189, 248, 0.28) !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-about-metric strong,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-about-card h3,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-about-card strong {
      color: #F8FAFC !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-about-metric span,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-about-card p {
      color: #CBD5E1 !important;
    }

    @media (max-width: 900px) {
      .acc-about-top,
      .acc-about-bottom {
        grid-template-columns: 1fr;
      }
      .acc-about-visual {
        min-height: 390px;
      }
    }

    /* ==========================================================================
       BLOC #engagements : "POURQUOI ACC ? — UNE EXPERTISE DE TERRAIN. DES RÉSULTATS À CONSTRUIRE ENSEMBLE."
       ========================================================================== */
    .acc-engagements-sec {
      padding: calc(74px * var(--u)) 0;
      background: #ffffff;
      color: #171717;
      border-bottom: 1px solid var(--acc-border);
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-engagements-sec {
      background: #070B14 !important;
      color: #F8FAFC !important;
    }

    .acc-engagements-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: calc(11px * var(--u));
      font-weight: 800;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--acc-ink, #171717);
      margin-bottom: calc(12px * var(--u));
    }

    .acc-engagements-kicker::before {
      content: "";
      width: 32px;
      height: 2.5px;
      background: var(--acc-accent, #f69259);
      display: inline-block;
    }

    .acc-engagements-h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.1rem, calc(3.3rem * var(--u)), 3.85rem);
      font-weight: 800;
      line-height: 1.06;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      margin: 0 0 calc(30px * var(--u));
      color: var(--acc-ink, #171717);
      max-width: 980px;
    }

    .acc-proof-grid-4,
    .acc-proofgrid {
      display: grid;
      grid-template-columns: 0.9fr 0.95fr 0.9fr 1.25fr;
      gap: calc(16px * var(--u));
    }

    .acc-proof-box,
    .acc-proofitem {
      padding: calc(26px * var(--u)) calc(24px * var(--u));
      background: #ffffff;
      border: 1px solid #e7e2dc;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 10px;
    }

    .acc-proof-box.is-dark-kpi,
    .acc-proofitem.is-dark-kpi {
      background: #141518;
      border-color: #24262c;
      color: #ffffff;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-proof-box,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-proofitem {
      background: rgba(15, 23, 42, 0.85) !important;
      border-color: rgba(56, 189, 248, 0.28) !important;
      color: #F8FAFC !important;
    }

    .acc-proof-box strong,
    .acc-proofitem strong {
      font-family: var(--acc-font-display);
      font-size: clamp(2rem, calc(2.7rem * var(--u)), 3.25rem);
      font-weight: 800;
      line-height: 1.04;
      color: var(--acc-accent, #f69259);
      letter-spacing: -0.02em;
    }

    .acc-proof-box.is-dark-kpi strong,
    .acc-proofitem.is-dark-kpi strong {
      color: #ff9c66;
    }

    .acc-proof-box .proof-sub-title,
    .acc-proofitem .proof-sub-title {
      font-size: calc(14px * var(--u));
      font-weight: 700;
      color: #e2e8f0;
      margin-top: -2px;
    }

    .acc-proof-box p,
    .acc-proofitem p {
      font-size: calc(13.2px * var(--u));
      line-height: 1.62;
      color: #626262;
      margin: 0;
    }

    .acc-proof-box.is-dark-kpi p,
    .acc-proofitem.is-dark-kpi p,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-proof-box p,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-proofitem p {
      color: #cbd5e1 !important;
    }

    .acc-ctastrip {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px;
      padding: calc(28px * var(--u)) calc(32px * var(--u));
      margin-top: calc(24px * var(--u));
      background: #141517;
      color: #ffffff;
      border-radius: calc(max(2px, var(--acc-radius)) * var(--u));
    }

    .acc-ctastrip strong {
      font-family: var(--acc-font-display);
      font-size: clamp(1.2rem, calc(1.55rem * var(--u)), 1.75rem);
      line-height: 1.32;
      font-weight: 800;
      color: #ffffff;
    }

    .acc-ctastrip a {
      padding: calc(15px * var(--u)) calc(22px * var(--u));
      background: var(--acc-accent, #f69259);
      color: var(--acc-on-accent, #141414) !important;
      text-decoration: none;
      font-weight: 800;
      font-size: calc(12px * var(--u));
      letter-spacing: 0.05em;
      text-transform: uppercase;
      border-radius: calc(max(3px, var(--acc-btn-radius)) * var(--u));
      white-space: nowrap;
      transition: transform 0.2s ease, background 0.2s ease;
    }

    .acc-ctastrip a:hover {
      transform: translateY(-2px);
      background: var(--acc-accent-2, #ff8a52);
      color: var(--acc-on-accent-2, #ffffff) !important;
    }

    @media (max-width: 980px) {
      .acc-proof-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .acc-ctastrip {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    @media (max-width: 640px) {
      .acc-proof-grid-4 {
        grid-template-columns: 1fr;
      }
    }

    /* ==========================================================================
       BLOC #simulateur : "02 / SIMULATEUR INTERACTIF — ET SI VOUS RECRUTIEZ PLUS INTELLIGEMMENT ?"
       ========================================================================== */
    .acc-sim-sec {
      padding: calc(78px * var(--u)) 0;
      background: #f7f6f2;
      color: #1c1d1a;
      border-bottom: 1px solid var(--acc-border);
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-sim-sec {
      background: #0B1221 !important;
      color: #F8FAFC !important;
    }

    .acc-sim-head {
      display: grid;
      grid-template-columns: 1.35fr 0.65fr;
      gap: calc(32px * var(--u));
      align-items: end;
      margin-bottom: calc(32px * var(--u));
    }

    .acc-sim-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: calc(11px * var(--u));
      font-weight: 800;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--acc-accent, #eb742e);
      margin-bottom: 10px;
    }

    .acc-sim-kicker::before {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--acc-accent, #eb742e);
      display: inline-block;
    }

    .acc-sim-h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.25rem, calc(4rem * var(--u)), 4.5rem);
      font-weight: 800;
      line-height: 1.05;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      margin: 0;
      color: inherit;
    }

    .acc-sim-h2 em {
      font-style: normal;
      color: var(--acc-accent, #eb742e);
    }

    .acc-sim-head > p {
      max-width: 390px;
      font-size: calc(14px * var(--u));
      line-height: 1.75;
      color: var(--acc-muted, #62625e);
      margin: 0 0 6px;
      justify-self: end;
    }

    .acc-sim-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: calc(22px * var(--u));
      align-items: stretch;
    }

    .acc-sim-panel {
      background: #ffffff;
      color: #222222;
      border: 1px solid #e3e0d9;
      border-radius: 18px;
      box-shadow: 0 10px 40px rgba(24, 24, 20, 0.04);
      padding: clamp(24px, calc(36px * var(--u)), 44px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .acc-sim-panel.is-result {
      background: #f1efe9;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-sim-panel {
      background: rgba(15, 23, 42, 0.9) !important;
      color: #F8FAFC !important;
      border-color: rgba(56, 189, 248, 0.28) !important;
    }

    .acc-sim-panel h3 {
      font-family: var(--acc-font-display);
      font-size: calc(1.65rem * var(--u));
      font-weight: 800;
      letter-spacing: -0.02em;
      margin: 0 0 calc(18px * var(--u));
      color: inherit;
    }

    .acc-sim-control {
      margin: calc(20px * var(--u)) 0;
    }

    .acc-sim-controlhead {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
    }

    .acc-sim-controlhead label {
      font-size: calc(13.2px * var(--u));
      font-weight: 600;
      color: inherit;
    }

    .acc-sim-controlhead output {
      font-family: var(--acc-font-display);
      font-size: calc(1.65rem * var(--u));
      font-weight: 800;
      color: inherit;
    }

    .acc-sim-panel input[type="range"] {
      width: 100%;
      accent-color: var(--acc-accent, #eb742e);
      cursor: pointer;
    }

    .acc-sim-limits {
      display: flex;
      justify-content: space-between;
      font-size: 11px;
      color: #747570;
      margin-top: 6px;
    }

    .acc-sim-switch {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }

    .acc-sim-switch button {
      background: #f5f3ef;
      color: #343531;
      border: 1px solid #dedbd4;
      border-radius: 9px;
      padding: 12px 16px;
      font-size: calc(12.2px * var(--u));
      font-weight: 700;
      cursor: pointer;
      transition: all 0.18s ease;
    }

    .acc-sim-switch button.selected {
      background: #232420;
      color: #ffffff;
      border-color: #232420;
      font-weight: 800;
    }

    .acc-sim-huge {
      font-family: var(--acc-font-display);
      font-size: clamp(3rem, calc(4.8rem * var(--u)), 5.8rem);
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1;
      margin: calc(14px * var(--u)) 0;
      color: #242521;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-sim-huge {
      color: #38BDF8 !important;
    }

    .acc-sim-barrow {
      margin: calc(16px * var(--u)) 0;
    }

    .acc-sim-barrow > div:first-child {
      display: flex;
      justify-content: space-between;
      font-size: calc(12.2px * var(--u));
      font-weight: 800;
    }

    .acc-sim-track {
      background: #dedbd4;
      height: 11px;
      border-radius: 20px;
      margin-top: 8px;
      overflow: hidden;
    }

    .acc-sim-track span {
      display: block;
      background: var(--acc-accent, #ee7938);
      height: 100%;
      border-radius: 20px;
      transition: width 0.35s ease;
    }

    .acc-sim-track.alt span {
      background: #33342e;
    }

    .acc-sim-hint {
      font-size: 11.2px;
      color: #747570;
      line-height: 1.55;
      margin: 10px 0 0;
    }

    .acc-sim-cta-dark,
    .acc-sim-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      align-self: flex-start;
      margin-top: 14px;
      padding: 14px 20px;
      background: #242521;
      color: #ffffff !important;
      border-radius: 9px;
      font-size: 12.2px;
      font-weight: 800;
      text-decoration: none;
      transition: transform 0.2s ease, background 0.2s ease;
    }

    .acc-sim-cta-dark:hover,
    .acc-sim-cta:hover {
      transform: translateY(-2px);
      background: var(--acc-accent, #f69259);
      color: var(--acc-on-accent, #141414) !important;
    }

    .acc-convert-banner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      background: #eae7e0;
      color: #242521;
      padding: clamp(24px, calc(32px * var(--u)), 38px);
      margin-top: calc(28px * var(--u));
      border-radius: 16px;
      border: 1px solid #ded9d0;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-convert-banner {
      background: rgba(15, 23, 42, 0.9) !important;
      color: #F8FAFC !important;
      border-color: rgba(56, 189, 248, 0.28) !important;
    }

    .acc-convert-banner span.convert-eyebrow {
      font-size: 11px;
      letter-spacing: 0.18em;
      font-weight: 800;
      text-transform: uppercase;
      color: #555650;
      display: block;
    }

    .acc-convert-banner h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.65rem, calc(2.4rem * var(--u)), 2.75rem);
      line-height: 1.12;
      margin: 10px 0 12px;
      font-weight: 800;
    }

    .acc-convert-banner p {
      font-size: calc(12.8px * var(--u));
      line-height: 1.75;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    @media (max-width: 900px) {
      .acc-sim-grid {
        grid-template-columns: 1fr;
      }
      .acc-convert-banner {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    /* ============================================================================
       SECTION #confiance (05 / ILS NOUS FONT CONFIANCE — DES MAISONS DE RÉFÉRENCE.
       UNE CONFIANCE QUI SE CULTIVE. + BANDEAU DÉFILANT LOGOS + CARTE AVIS GOOGLE)
       ============================================================================ */
    .acc-proof-v30 {
      background: var(--acc-surface-tint, #f7f6f2);
      color: var(--acc-ink, #171917);
      padding: calc(74px * var(--u)) 0 calc(80px * var(--u));
      border-top: 1px solid var(--acc-border);
      overflow: hidden;
    }

    .acc-proof-top {
      display: grid;
      grid-template-columns: 1.38fr 0.62fr;
      gap: calc(36px * var(--u));
      align-items: end;
      margin-bottom: calc(34px * var(--u));
    }

    .acc-proof-eyebrow {
      display: inline-block;
      font-size: calc(11px * var(--u));
      font-weight: 850;
      letter-spacing: 0.2em;
      color: var(--acc-accent, #e4632e);
      text-transform: uppercase;
    }

    .acc-proof-top h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.35rem, calc(4.15rem * var(--u)), 4.65rem);
      font-weight: 800;
      line-height: 1.04;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: var(--acc-ink, #171917);
      margin: 14px 0 0;
    }

    .acc-proof-top h2 em {
      display: block;
      font-style: normal;
      color: var(--acc-accent, #e4632e);
    }

    .acc-proof-top > p {
      max-width: 340px;
      font-size: calc(14px * var(--u));
      line-height: 1.75;
      color: var(--acc-muted, #62665f);
      margin: 0 0 6px;
      justify-self: end;
    }

    .acc-logo-window {
      position: relative;
      width: 100%;
      overflow: hidden;
      background: #ffffff;
      border: 1px solid #e9e7e1;
      border-radius: 16px;
      padding: 22px 0;
      margin: calc(28px * var(--u)) 0 calc(42px * var(--u));
      box-shadow: 0 8px 26px rgba(17, 19, 24, 0.04);
    }

    .acc-logo-window::before,
    .acc-logo-window::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 72px;
      z-index: 2;
      pointer-events: none;
    }

    .acc-logo-window::before {
      left: 0;
      background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));
    }

    .acc-logo-window::after {
      right: 0;
      background: linear-gradient(270deg, #ffffff, rgba(255, 255, 255, 0));
    }

    .acc-logo-track {
      display: flex !important;
      align-items: center !important;
      gap: 18px !important;
      width: max-content !important;
      padding: 0 18px;
      animation: accClientLogosSlide 64s linear infinite !important;
    }

    .acc-logo-window:hover .acc-logo-track {
      animation-play-state: paused !important;
    }

    @keyframes accClientLogosSlide {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    .acc-logo-item.acc-logo-real {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex: 0 0 185px !important;
      width: 185px !important;
      height: 112px !important;
      min-height: 112px !important;
      box-sizing: border-box !important;
      background: #ffffff !important;
      border: 1px solid #ece9e4 !important;
      border-radius: 14px !important;
      padding: 14px 18px !important;
      overflow: hidden !important;
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .acc-logo-item.acc-logo-real:hover {
      transform: translateY(-2px);
      border-color: var(--acc-accent, #e4632e) !important;
      box-shadow: 0 10px 24px rgba(17, 19, 24, 0.08);
    }

    .acc-logo-item.acc-logo-real img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      filter: none !important;
      opacity: 1 !important;
    }

    .acc-reviews-premium {
      margin: calc(44px * var(--u)) auto 0;
      display: grid;
      grid-template-columns: 1.08fr 0.92fr;
      overflow: hidden;
      border-radius: 22px;
      background: #ffffff;
      border: 1px solid #eae6df;
      box-shadow: 0 18px 55px rgba(18, 18, 18, 0.06);
      max-width: 1140px;
    }

    .acc-reviews-copy {
      padding: clamp(30px, 5vw, 64px);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      background: #ffffff;
      color: #171719;
    }

    .acc-reviews-copy h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.95rem, calc(2.85rem * var(--u)), 3.15rem);
      letter-spacing: -0.035em;
      line-height: 1.12;
      color: #171719;
      margin: 14px 0 18px;
      font-weight: 800;
    }

    .acc-reviews-copy h3 em {
      display: block;
      color: var(--acc-accent, #ed722f);
      font-style: normal;
    }

    .acc-reviews-copy p {
      font-size: calc(14.5px * var(--u));
      line-height: 1.8;
      color: #6a6865;
      max-width: 460px;
      margin: 0 0 26px;
    }

    .acc-reviews-link {
      background: #171719;
      color: #ffffff !important;
      padding: 14px 24px;
      border-radius: 999px;
      font-size: calc(12.8px * var(--u));
      font-weight: 800;
      display: inline-flex;
      gap: 16px;
      align-items: center;
      text-decoration: none;
      transition: background 0.2s ease, transform 0.2s ease;
    }

    .acc-reviews-link:hover {
      background: var(--acc-accent, #ec712f);
      color: var(--acc-on-accent, #111318) !important;
      transform: translateY(-2px);
    }

    .acc-reviews-visual {
      position: relative;
      background: #1d1c1c;
      color: #ffffff;
      min-height: 360px;
      padding: 42px clamp(26px, 4vw, 52px);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      isolation: isolate;
      overflow: hidden;
    }

    .acc-reviews-visual::before {
      content: "";
      position: absolute;
      width: 310px;
      height: 310px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 50%;
      right: -90px;
      top: -110px;
      box-shadow: 0 0 0 65px rgba(255, 255, 255, 0.025);
      z-index: -1;
    }

    .acc-g-badge {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      background: #ffffff;
      color: #2563eb;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: var(--acc-font-display);
      font-size: 24px;
      font-weight: 900;
      margin-bottom: 18px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
    }

    .acc-reviews-caption {
      font-size: 10px;
      letter-spacing: 0.2em;
      font-weight: 800;
      color: #eab18c;
      text-transform: uppercase;
    }

    .acc-reviews-quote {
      font-family: Georgia, serif;
      font-size: 76px;
      line-height: 0.72;
      color: var(--acc-accent, #f07832);
      margin-top: 22px;
    }

    .acc-reviews-visual p {
      font-family: var(--acc-font-display);
      font-size: clamp(1.2rem, calc(1.58rem * var(--u)), 1.75rem);
      font-weight: 700;
      line-height: 1.45;
      letter-spacing: -0.02em;
      color: #ffffff;
      margin: 6px 0 28px;
      max-width: 370px;
    }

    .acc-reviews-foot {
      font-size: 10px;
      letter-spacing: 0.14em;
      color: #bdb8b4;
      font-weight: 800;
      text-transform: uppercase;
    }

    .acc-reviews-foot span {
      color: var(--acc-accent, #f07832);
      margin: 0 7px;
    }

    @media (max-width: 860px) {
      .acc-proof-top {
        grid-template-columns: 1fr;
      }
      .acc-proof-top > p {
        justify-self: start;
        max-width: 100%;
      }
      .acc-reviews-premium {
        grid-template-columns: 1fr;
      }
    }

    /* ============================================================================
       SECTION #offres GATEWAY CONCISE SUR LA PAGE D'ACCUEIL & FAQ (#questions)
       ============================================================================ */
    /* ============================================================================
       SECTION #offres (GRILLE 3x2 DES 6 OFFRES MISES EN AVANT SUR LA PAGE D'ACCUEIL)
       & SECTION #questions (GRILLE OUVERTE DE 6 PARCOURS INTERACTIFS SANS ACCORDÉON CACHÉ)
       ============================================================================ */
    .acc-offres-gateway {
      background: var(--acc-bg, #f6f5f1);
      color: var(--acc-ink, #181a17);
      padding: calc(74px * var(--u)) 0;
      border-top: 1px solid var(--acc-border);
    }

    .acc-home-jobs-head {
      display: grid;
      grid-template-columns: 1.35fr 0.65fr;
      gap: calc(28px * var(--u));
      align-items: end;
      margin-bottom: calc(32px * var(--u));
    }

    .acc-home-jobs-head h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.2rem, calc(3.8rem * var(--u)), 4.35rem);
      font-weight: 800;
      line-height: 1.16 !important;
      letter-spacing: -0.025em;
      text-transform: uppercase;
      margin: 10px 0 0;
      color: var(--acc-ink, #181a17);
    }

    .acc-home-jobs-head h2 em {
      display: block;
      font-style: normal;
      color: var(--acc-accent, #e4632e);
    }

    .acc-home-jobs-head > p {
      color: var(--acc-muted, #62625e);
      font-size: calc(14.2px * var(--u));
      line-height: 1.72;
      margin: 0 0 4px;
      justify-self: end;
      max-width: 420px;
    }

    .acc-home-jobs-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(20px * var(--u));
    }

    .acc-home-job-card {
      background: #ffffff;
      border: 1px solid var(--acc-border, #e5e1d8);
      border-radius: 16px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      box-shadow: 0 10px 28px rgba(16, 18, 22, 0.05);
      transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
    }

    .acc-home-job-card:hover {
      transform: translateY(-4px);
      border-color: var(--acc-accent, #f69259);
      box-shadow: 0 18px 40px rgba(16, 18, 22, 0.11);
    }

    .acc-home-job-media {
      position: relative;
      height: 215px;
      overflow: hidden;
      background: #18191c;
    }

    .acc-home-job-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      transition: transform 0.55s ease;
    }

    .acc-home-job-card:hover .acc-home-job-media img {
      transform: scale(1.045);
    }

    .acc-home-job-body {
      padding: calc(22px * var(--u)) calc(24px * var(--u));
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 8px;
    }

    .acc-home-job-tag {
      align-self: flex-start;
      display: inline-block;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(244, 119, 48, 0.12);
      color: var(--acc-accent, #e4632e);
      font-size: 10.5px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .acc-home-job-body h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.22rem, calc(1.42rem * var(--u)), 1.52rem);
      font-weight: 800;
      line-height: 1.2;
      color: #17181b;
      margin: 2px 0;
    }

    .acc-home-job-meta {
      font-size: calc(13.2px * var(--u));
      font-weight: 600;
      color: #5b5d62;
      margin: 0 0 12px;
    }

    .acc-home-job-link {
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #17181b !important;
      text-decoration: none;
      padding-top: 10px;
      border-top: 1px solid #ece8e0;
      transition: color 0.18s ease, gap 0.18s ease;
    }

    .acc-home-job-card:hover .acc-home-job-link {
      color: var(--acc-accent, #f69259) !important;
      gap: 10px;
    }

    
    /* === STYLE ÉPURÉ CARTES OFFRES ACCUEIL (PHOTO ENCADRÉE + LIEU · SALAIRE + VOIR LE POSTE ↗) === */
    #offres .acc-home-job-card {
      background: #ffffff !important;
      border: 1px solid #ebe7df !important;
      border-radius: 18px !important;
      padding: calc(22px * var(--u)) !important;
      display: flex !important;
      flex-direction: column !important;
      gap: calc(16px * var(--u)) !important;
      box-shadow: 0 8px 26px rgba(16, 18, 22, 0.04) !important;
    }

    #offres .acc-home-job-media {
      height: calc(186px * var(--u)) !important;
      border-radius: 12px !important;
      overflow: hidden !important;
      background: #18191c !important;
    }

    #offres .acc-home-job-body {
      padding: 2px 2px 0 !important;
      display: flex !important;
      flex-direction: column !important;
      flex: 1 !important;
      gap: calc(8px * var(--u)) !important;
    }

    #offres .acc-home-job-kicker {
      font-family: var(--acc-font-sans, 'DM Sans', sans-serif);
      font-size: calc(11.5px * var(--u));
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--acc-accent, #f69259);
    }

    #offres .acc-home-job-body h3 {
      font-family: var(--acc-font-display, 'Outfit', sans-serif);
      font-size: clamp(1.18rem, calc(1.32rem * var(--u)), 1.44rem);
      font-weight: 800;
      line-height: 1.25;
      color: #17181b;
      margin: 0 !important;
    }

    #offres .acc-home-job-min-meta {
      font-size: calc(14px * var(--u));
      font-weight: 500;
      color: #6b6e75;
      line-height: 1.45;
      margin-bottom: calc(12px * var(--u));
    }

    #offres .acc-home-job-post-link {
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: var(--acc-font-display, 'Outfit', sans-serif);
      font-size: calc(12.5px * var(--u));
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--acc-accent, #f69259) !important;
      text-decoration: none !important;
      transition: transform 0.18s ease, opacity 0.18s ease;
    }

    #offres .acc-home-job-card:hover .acc-home-job-post-link {
      transform: translateX(4px);
    }

    .acc-home-jobs-foot {
      margin-top: calc(28px * var(--u));
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 14px;
    }

    .acc-home-jobs-foot p {
      font-size: calc(13.8px * var(--u));
      color: var(--acc-muted, #62625e);
      margin: 0;
    }

    .acc-home-faq .acc-formules-kicker {
      color: #3a3834;
    }

    .acc-faq-interactive-layout {
      display: grid;
      grid-template-columns: 1.18fr 0.82fr;
      gap: calc(42px * var(--u));
      align-items: start;
      position: relative;
    }

    .acc-faq-left-col {
      min-width: 0;
    }

    .acc-faq-accordion-list {
      margin-top: calc(10px * var(--u));
      border-top: none;
    }

    details.acc-faq-details {
      border-bottom: 1px solid #d8d2c9;
      padding: 19px 12px 19px 0;
      background: transparent;
      transition: padding-left 0.2s ease, border-color 0.2s ease, background 0.2s ease;
      border-radius: 6px;
    }

    details.acc-faq-details.is-active-step,
    details.acc-faq-details:hover {
      padding-left: 10px;
      background: rgba(255, 255, 255, 0.42);
      border-bottom-color: #c5bdb0;
    }

    details.acc-faq-details summary {
      cursor: pointer;
      font-family: var(--acc-font-display);
      font-weight: 700;
      font-size: calc(18px * var(--u));
      line-height: 1.5;
      color: #171717;
      list-style: disclosure-closed inside;
      outline: none;
      transition: color 0.18s ease;
    }

    details.acc-faq-details[open] summary {
      list-style: disclosure-open inside;
      color: var(--acc-accent, #f47730);
    }

    details.acc-faq-details.is-active-step summary,
    details.acc-faq-details summary:hover {
      color: var(--acc-accent, #f47730);
    }

    details
    .acc-faq-answer p {
      margin: 8px 0 0;
      color: #5d564e;
      font-size: calc(14px * var(--u));
      line-height: 1.62;
    }
    .acc-faq-compare-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 8px;
    }
    @media (max-width: 760px) {
      .acc-faq-compare-grid { grid-template-columns: 1fr; }
    }
    .acc-faq-compare-box {
      background: rgba(255, 255, 255, 0.65);
      border: 1px solid rgba(28, 25, 23, 0.1);
      border-left: 3px solid var(--acc-accent, #f69259);
      border-radius: 8px;
      padding: 10px 12px;
    }
    .acc-faq-compare-box strong {
      display: block;
      font-size: calc(13px * var(--u));
      color: #171614;
      margin-bottom: 4px;
    }
    .acc-faq-compare-box p {
      margin: 0 !important;
      font-size: calc(12.8px * var(--u)) !important;
      line-height: 1.52 !important;
    }
    .acc-faq-bullets {
      margin: 8px 0 4px;
      padding-left: 18px;
      color: #5d564e;
      font-size: calc(13.4px * var(--u));
      line-height: 1.55;
      display: grid;
      gap: 4px;
    }
    .acc-faq-legal-note {
      font-size: calc(12px * var(--u)) !important;
      font-style: italic;
      color: #78716c !important;
      border-top: 1px dashed rgba(28, 25, 23, 0.12);
      padding-top: 6px;
      margin-top: 8px !important;
    }

    .acc-faq-details p {
      color: #555555;
      font-family: var(--acc-font-body);
      font-size: calc(15px * var(--u));
      line-height: 1.78;
      max-width: 780px;
      margin: 10px 0 0;
    }

    /* Colonne image à droite : ancrée par le haut (margin-top fixe = hauteur du titre)
       pour que le bas de l'image tombe pile sur la 6e ligne ("Les formations peuvent-elles être financées ?")
       et reste 100 % FIXE sans jamais sauter ni bouger lors de l'ouverture d'un accordéon */
    .acc-faq-visual-col {
      align-self: start;
      margin-top: calc(206px * var(--u));
      width: 100%;
    }

    #faqXfadeStage.acc-faq-visual-stage {
      position: relative !important;
      width: 100% !important;
      height: calc(392px * var(--u)) !important;
      min-height: calc(392px * var(--u)) !important;
      border-radius: 18px !important;
      overflow: hidden !important;
      background: #14161b !important;
      box-shadow: 0 20px 44px rgba(17, 19, 24, 0.14) !important;
      border: 1px solid rgba(23, 23, 23, 0.10) !important;
    }

    .acc-faq-visual-stage .acc-xfade-slide {
      filter: blur(4px);
      transition: opacity 0.55s ease, transform 0.9s ease, filter 0.55s ease !important;
    }

    .acc-faq-visual-stage .acc-xfade-slide.is-active {
      filter: blur(0px);
    }

    @media (max-width: 980px) {
      .acc-faq-interactive-layout {
        grid-template-columns: 1fr;
      }
      .acc-faq-visual-col {
        margin-top: 16px;
      }
      .acc-faq-visual-stage {
        height: 300px;
      }
    }

    /* Transition floutée douce (blur + crossfade) pour le diaporama Melting-Pot de #page-formation */
    #formationHeroXfadeStage .acc-xfade-slide {
      filter: blur(6px);
      transition: opacity 0.85s ease-in-out, transform 1.4s ease-out, filter 0.85s ease-in-out !important;
    }

    #formationHeroXfadeStage .acc-xfade-slide.is-active {
      filter: blur(0px);
    }

    .acc-home-faq {
      padding: calc(74px * var(--u)) 0;
      background: var(--acc-surface-tint, #f4f0e9);
      color: var(--acc-ink, #171717);
      border-top: 1px solid var(--acc-border);
    }

    .acc-home-faq-head {
      display: grid;
      grid-template-columns: 1.25fr 0.75fr;
      gap: calc(28px * var(--u));
      align-items: end;
      margin-bottom: calc(32px * var(--u));
    }

    .acc-home-faq h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.1rem, calc(3.4rem * var(--u)), 3.9rem);
      font-weight: 800;
      line-height: 1.16 !important;
      letter-spacing: -0.025em;
      text-transform: uppercase;
      margin: 10px 0 0;
    }

    .acc-home-faq h2 span {
      color: var(--acc-accent, #f69259);
    }

    .acc-faq-open-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(20px * var(--u));
    }

    .acc-faq-action-card {
      background: #ffffff;
      border: 1px solid var(--acc-border, #e5e0d5);
      border-top: 3px solid var(--acc-accent, #f69259);
      border-radius: 16px;
      padding: calc(26px * var(--u)) calc(28px * var(--u));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 14px;
      box-shadow: 0 10px 28px rgba(16, 18, 22, 0.04);
      transition: transform 0.22s ease, box-shadow 0.22s ease;
    }

    .acc-faq-action-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 18px 38px rgba(16, 18, 22, 0.09);
    }

    .acc-faq-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10.5px;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--acc-accent, #e4632e);
    }

    .acc-faq-action-card h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.22rem, calc(1.45rem * var(--u)), 1.58rem);
      font-weight: 800;
      line-height: 1.24;
      color: #16171a;
      margin: 6px 0 10px;
    }

    .acc-faq-action-card p {
      color: #4d4f53;
      font-size: calc(13.8px * var(--u));
      line-height: 1.7;
      margin: 0 0 12px;
    }

    .acc-faq-step-flow {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 6px;
    }

    .acc-faq-step-pill {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 5px 10px;
      border-radius: 8px;
      background: #f6f4ef;
      border: 1px solid #e6e1d6;
      font-size: 11.5px;
      font-weight: 700;
      color: #26282b;
    }

    .acc-faq-step-pill b {
      color: var(--acc-accent, #f69259);
      font-weight: 900;
    }

    .acc-faq-actions-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding-top: 12px;
      border-top: 1px solid #eeeae2;
      margin-top: auto;
    }

    .acc-faq-cta-primary {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 10px 15px;
      border-radius: 8px;
      background: #17181c;
      color: #ffffff !important;
      font-size: 11.8px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none;
      border: none;
      cursor: pointer;
      transition: background 0.2s ease, transform 0.2s ease;
    }

    .acc-faq-cta-primary:hover {
      background: var(--acc-accent, #f69259);
      color: #141414 !important;
      transform: translateY(-1px);
    }

    .acc-faq-cta-secondary {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 10px 14px;
      border-radius: 8px;
      background: #faf8f4;
      color: #17181c !important;
      border: 1px solid #dcd6ca;
      font-size: 11.8px;
      font-weight: 800;
      text-decoration: none;
      cursor: pointer;
      transition: border-color 0.2s ease, color 0.2s ease;
    }

    .acc-faq-cta-secondary:hover {
      border-color: var(--acc-accent, #f69259);
      color: var(--acc-accent, #f69259) !important;
    }

    @media (max-width: 980px) {
      .acc-home-jobs-head,
      .acc-home-faq-head,
      .acc-faq-open-grid {
        grid-template-columns: 1fr;
      }
      .acc-home-jobs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .acc-home-jobs-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ============================================================================
       SECTION #methode (03 / NOTRE SAVOIR-FAIRE — LA CHASSE DE TÊTES, UNE MÉTHODE
       EXIGEANTE. · CURSUS INTERACTIF 6 ÉTAPES AVEC VISUEL GAUCHE DYNAMIQUE)
       ============================================================================ */
    .hunt-section {
      padding: calc(84px * var(--u)) 0;
      background: #111410 !important;
      color: #ffffff !important;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .hunt-section .hunt-intro {
      display: grid;
      grid-template-columns: 1.38fr 0.62fr;
      gap: calc(36px * var(--u));
      align-items: end;
      margin-bottom: calc(38px * var(--u));
    }

    .hunt-section .hunt-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: calc(11px * var(--u));
      font-weight: 800;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: #ffffff;
      margin-bottom: 12px;
    }

    .hunt-section .hunt-kicker::before {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--acc-accent, #f58240);
      display: inline-block;
    }

    .hunt-section .hunt-intro h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.4rem, calc(4.25rem * var(--u)), 4.7rem);
      font-weight: 800;
      line-height: 1.04;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: #ffffff;
      margin: 0;
    }

    .hunt-section .hunt-intro h2 span {
      display: block;
      color: var(--acc-accent, #f58240);
    }

    .hunt-section .hunt-intro > p {
      max-width: 410px;
      color: #c5c7c2;
      line-height: 1.78;
      font-size: calc(14px * var(--u));
      margin: 0 0 6px;
      justify-self: end;
    }

    .hunt-layout {
      display: grid;
      grid-template-columns: 48% 52%;
      min-height: 620px;
      background: #1c201b;
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .hunt-image-wrap {
      position: relative;
      overflow: hidden;
      min-height: 580px;
      background: #292b25;
    }

    #hunt-photo {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      object-fit: cover;
      object-position: center center;
      transition: opacity 0.28s ease, transform 0.6s ease;
    }

    #hunt-photo.changing {
      opacity: 0.18;
      transform: scale(1.04);
    }

    .hunt-image-caption {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 30px 32px;
      background: linear-gradient(transparent, rgba(10, 11, 9, 0.92));
      display: flex;
      gap: 15px;
      align-items: flex-end;
      justify-content: space-between;
      z-index: 2;
    }

    .hunt-image-caption span {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 2px;
      color: var(--acc-accent, #ff995d);
    }

    .hunt-image-caption strong {
      font-family: var(--acc-font-display);
      font-size: 16px;
      font-weight: 800;
      max-width: 260px;
      text-align: right;
      color: #ffffff;
      line-height: 1.3;
    }

    .hunt-panel {
      padding: 38px 38px 32px;
      display: flex;
      flex-direction: column;
      min-width: 0;
    }

    .hunt-topline {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      font-size: 10.5px;
      font-weight: 800;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: #c2c5be;
    }

    .hunt-progress {
      height: 3px;
      background: #41463e;
      margin: 16px 0 24px;
      overflow: hidden;
    }

    .hunt-progress i {
      display: block;
      width: 16.666%;
      height: 100%;
      background: var(--acc-accent, #f58240);
      transition: width 0.45s ease;
    }

    .hunt-buttons {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
    }

    .hunt-tab {
      border: 1px solid #4a5146;
      color: #aeb7a9;
      background: #20251f;
      text-align: left;
      padding: 13px 12px;
      cursor: pointer;
      transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
      font-size: 12px;
      font-family: var(--acc-font-body);
    }

    .hunt-tab span {
      display: block;
      font-size: 12.5px;
      font-weight: 700;
      margin-top: 6px;
    }

    .hunt-tab:hover {
      border-color: var(--acc-accent, #f58240);
      color: #ffffff;
    }

    .hunt-tab.active {
      background: var(--acc-accent, #f58240) !important;
      color: var(--acc-on-accent, #161a16) !important;
      border-color: var(--acc-accent, #f58240) !important;
      font-weight: 800;
    }

    .hunt-tab.active span {
      color: var(--acc-on-accent, #161a16) !important;
      font-weight: 800;
    }

    .hunt-detail {
      padding: 26px 0;
      min-height: 240px;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .hunt-detail.changing {
      opacity: 0;
      transform: translateY(8px);
    }

    .hunt-label {
      font-size: 11px;
      font-weight: 800;
      color: var(--acc-accent, #f58240);
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .hunt-detail h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.55rem, calc(2.35rem * var(--u)), 2.55rem);
      font-weight: 800;
      line-height: 1.16;
      letter-spacing: -0.02em;
      color: #ffffff;
      margin: 12px 0 14px;
    }

    .hunt-detail p {
      font-size: calc(14px * var(--u));
      line-height: 1.78;
      color: #d0d3cc;
      margin: 0;
    }

    .hunt-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 18px;
    }

    .hunt-tags span {
      border: 1px solid #586054;
      border-radius: 30px;
      padding: 6px 12px;
      font-size: 11.5px;
      font-weight: 600;
      color: #e0e3dc;
    }

    .hunt-actions {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      margin-top: auto;
    }

    .hunt-actions button {
      border: 1px solid #656d60;
      background: transparent;
      color: #ffffff;
      padding: 13px 18px;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .hunt-actions button:last-child {
      background: var(--acc-accent, #f58240);
      border-color: var(--acc-accent, #f58240);
      color: var(--acc-on-accent, #151a13);
      font-weight: 800;
    }

    .hunt-actions button:disabled {
      opacity: 0.32;
      cursor: not-allowed;
    }

    .hunt-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 22px 0 0;
      margin-top: 6px;
      border-top: 1px solid #2b3029;
    }

    .hunt-footer span {
      font-size: 13px;
      color: #c9cec5;
    }

    .hunt-footer a {
      font-size: 12px;
      color: var(--acc-accent, #ff995d);
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      text-decoration: none;
      border-bottom: 2px solid var(--acc-accent, #ff995d);
      padding-bottom: 4px;
    }

    @media (max-width: 950px) {
      .hunt-section .hunt-intro {
        grid-template-columns: 1fr;
      }
      .hunt-section .hunt-intro > p {
        justify-self: start;
        max-width: 100%;
      }
      .hunt-layout {
        grid-template-columns: 1fr;
      }
      .hunt-image-wrap {
        min-height: 360px;
      }
      .hunt-panel {
        padding: 26px;
      }
      .hunt-footer {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    @media (max-width: 540px) {
      .hunt-buttons {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* ============================================================================
       SECTIONS COMPLÉMENTAIRES DE L'ORGANISATION INDEX (5).HTML SUR LA PAGE D'ACCUEIL :
       #formules, #formation, #catalogue, #audit, #mystere, #international
       ============================================================================ */
    .acc-formules {
      background: var(--acc-bg, #faf9f6);
      color: var(--acc-ink, #191919);
      padding: calc(74px * var(--u)) 0;
      border-top: 1px solid var(--acc-border);
    }

    .acc-formules-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: calc(11px * var(--u));
      font-weight: 800;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--acc-accent, #e4632e);
      margin-bottom: 10px;
    }

    .acc-formules-kicker::before {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--acc-accent, #e4632e);
      display: inline-block;
    }

    .acc-formules h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.3rem, calc(4.05rem * var(--u)), 4.5rem);
      font-weight: 800;
      line-height: 1.06;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: var(--acc-ink);
      margin: 0 0 16px;
    }

    .acc-formules h2 .accent {
      color: var(--acc-accent, #e4632e);
    }

    .acc-formules .acc-intro {
      max-width: 720px;
      margin: 0 0 32px;
      color: var(--acc-muted, #656565);
      line-height: 1.78;
      font-size: calc(14.5px * var(--u));
    }

    .acc-formules .acc-form-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .acc-formules .acc-form-card {
      border: 1px solid var(--acc-border, #e7e2d9);
      border-radius: 18px;
      background: var(--acc-surface, #ffffff);
      padding: 30px;
      display: flex;
      flex-direction: column;
      min-height: 350px;
      transition: transform 0.28s ease, box-shadow 0.28s ease;
    }

    .acc-formules .acc-form-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--acc-shadow);
    }

    .acc-formules .acc-form-card.featured {
      border-color: var(--acc-accent, #e9b18e);
      background: var(--acc-surface-tint, #fff9f4);
    }

    .acc-formules .acc-form-card h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.55rem, calc(2.1rem * var(--u)), 2.3rem);
      font-weight: 800;
      line-height: 1.16;
      margin: 12px 0;
      color: var(--acc-ink);
    }

    .acc-formules .acc-price {
      font-family: var(--acc-font-display);
      font-size: clamp(2rem, calc(2.6rem * var(--u)), 2.75rem);
      line-height: 1.1;
      font-weight: 900;
      color: var(--acc-ink);
      margin: 10px 0 14px;
    }

    .acc-formules .acc-price small {
      font-size: 13px;
      font-weight: 600;
      color: var(--acc-muted);
    }

    .acc-formules .acc-form-card p {
      color: var(--acc-muted, #5f5f5f);
      line-height: 1.72;
      font-size: calc(13.8px * var(--u));
      margin: 0 0 20px;
    }

    .acc-formules .acc-form-card a {
      display: inline-flex;
      align-self: flex-start;
      margin-top: auto;
      padding: 13px 18px;
      background: #202020;
      color: #ffffff !important;
      text-decoration: none;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 800;
      transition: background 0.2s ease;
    }

    .acc-formules .acc-form-card a:hover {
      background: var(--acc-accent, #e4632e);
      color: var(--acc-on-accent, #111318) !important;
    }

    .acc-forfait-detail {
      margin: 32px 0 18px;
      padding: 32px;
      background: var(--acc-surface-tint, #f4f1eb);
      border: 1px solid var(--acc-border, #e6e0d5);
      border-radius: 16px;
    }

    .acc-forfait-lead h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.8rem, calc(2.5rem * var(--u)), 2.8rem);
      font-weight: 800;
      margin: 10px 0 12px;
      line-height: 1.14;
      color: var(--acc-ink);
    }

    .acc-forfait-lead h3 em {
      font-style: normal;
      color: var(--acc-accent, #e76f2c);
    }

    .acc-forfait-lead > p {
      max-width: 900px;
      line-height: 1.75;
      color: var(--acc-muted, #54534f);
      font-size: calc(14px * var(--u));
      margin: 0;
    }

    .acc-forfait-points {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-top: 24px;
    }

    .acc-forfait-points > div {
      background: var(--acc-surface, #ffffff);
      border: 1px solid var(--acc-border);
      border-radius: 12px;
      padding: 20px;
    }

    .acc-forfait-points b {
      display: block;
      color: var(--acc-accent, #db6c2d);
      font-size: 11.5px;
      font-weight: 800;
      margin-bottom: 12px;
    }

    .acc-forfait-points strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: 15.5px;
      line-height: 1.35;
      color: var(--acc-ink);
    }

    .acc-forfait-points p {
      font-size: 12.5px;
      line-height: 1.65;
      color: var(--acc-muted);
      margin: 8px 0 0;
    }

    .acc-forfait-legal,
    .acc-formules .acc-note {
      font-size: 12px;
      line-height: 1.7;
      color: var(--acc-muted);
      margin: 18px 0 0;
    }

    .acc-service {
      padding: calc(74px * var(--u)) 0;
      border-top: 1px solid var(--acc-border);
    }

    .acc-service.acc-audit {
      background: var(--acc-bg, #f6f5f1);
      color: var(--acc-ink, #171917);
    }

    .acc-service.acc-mystere {
      background: #141518 !important;
      color: #ffffff !important;
    }

    .acc-service-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: clamp(26px, 4.5vw, 68px);
    }

    .acc-service-media {
      height: 520px;
      overflow: hidden;
      border-radius: 16px;
      position: relative;
      background: #18191c;
      box-shadow: 0 20px 46px rgba(0, 0, 0, 0.18);
    }

    .acc-service-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      transition: transform 0.65s ease, opacity 0.75s ease;
    }

    /* FONDUE D'IMAGES DÉFILANTES (PETITE FONDUE SYNCHRONISÉE) POUR #catalogue, #audit, #mystere, #international */
    .acc-xfade-stage {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .acc-xfade-slide {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center top !important;
      opacity: 0 !important;
      transform: scale(1.02);
      transition: opacity 0.85s ease-in-out, transform 1.4s ease-out !important;
      pointer-events: none;
    }

    .acc-xfade-slide.is-active {
      opacity: 1 !important;
      transform: scale(1);
      z-index: 1;
    }

    .acc-xfade-caption-bar {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 16px;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 11px 16px;
      border-radius: 12px;
      background: rgba(15, 17, 22, 0.82);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.16);
      color: #ffffff;
    }

    .acc-xfade-caption-text {
      font-size: 12.2px;
      font-weight: 700;
      color: #f8fafc;
      line-height: 1.35;
    }

    .acc-xfade-caption-text b {
      color: var(--acc-accent, #f69259);
      font-family: 'JetBrains Mono', monospace;
      margin-right: 6px;
    }

    .acc-xfade-dots {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex-shrink: 0;
    }

    .acc-xfade-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      border: 0;
      padding: 0;
      background: rgba(255, 255, 255, 0.35);
      cursor: pointer;
      transition: width 0.25s ease, background 0.25s ease;
    }

    .acc-xfade-dot.is-active {
      width: 22px;
      background: var(--acc-accent, #f69259);
    }

    /* IMAGES PRÉ-EMPILÉES À 0 MS POUR #methode */
    .hunt-stage-img {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center center !important;
      opacity: 0 !important;
      transition: opacity 0.18s ease !important;
      pointer-events: none;
    }

    .hunt-stage-img.is-active {
      opacity: 1 !important;
      z-index: 1;
    }

    .acc-service-content h2 {
      font-family: var(--acc-font-display);
      font-size: clamp(2.15rem, calc(3.5rem * var(--u)), 3.9rem);
      font-weight: 800;
      line-height: 1.16 !important;
      letter-spacing: -0.025em;
      text-transform: uppercase;
      margin: 12px 0 18px;
    }

    .acc-service-content h2 .accent {
      display: block;
      color: var(--acc-accent, #f69259);
    }

    .acc-service-content > p {
      font-size: calc(14.5px * var(--u));
      line-height: 1.78;
      color: var(--acc-muted);
      margin: 0;
    }

    .acc-service.acc-mystere .acc-service-content > p {
      color: #d2d2d2;
    }

    .acc-checklist {
      margin: 22px 0 26px;
    }

    .acc-checklist div {
      padding: 13px 12px 13px 38px;
      border-bottom: 1px solid rgba(125, 125, 125, 0.25);
      position: relative;
      font-size: calc(13.8px * var(--u));
      line-height: 1.58;
      border-radius: 8px;
      cursor: pointer;
      transition: background 0.25s ease, color 0.25s ease, font-weight 0.25s ease, transform 0.2s ease;
    }

    .acc-checklist div::before {
      content: "✓";
      position: absolute;
      left: 8px;
      top: 50%;
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: var(--acc-accent, #f69259);
      background: transparent;
      font-weight: 900;
      transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
    }

    /* DYNAMISATION DU SYMBOLE ✓ QUI PASSE DE L'ORANGE AU NOIR SUR #audit QUAND SON IMAGE S'AFFICHE */
    .acc-service.acc-audit .acc-checklist div.is-active {
      background: rgba(23, 25, 23, 0.055);
      color: #111214;
      font-weight: 800;
      transform: translateX(4px);
    }

    .acc-service.acc-audit .acc-checklist div.is-active::before {
      color: #111214 !important;
      background: var(--acc-accent, #f69259);
      box-shadow: 0 4px 12px rgba(244, 119, 48, 0.35);
      transform: translateY(-50%) scale(1.1);
    }

    /* DYNAMISATION DU SYMBOLE ✓ SUR #mystere QUAND SON IMAGE S'AFFICHE */
    .acc-service.acc-mystere .acc-checklist div.is-active {
      background: rgba(244, 119, 48, 0.14);
      color: #ffffff;
      font-weight: 800;
      transform: translateX(4px);
    }

    .acc-service.acc-mystere .acc-checklist div.is-active::before {
      color: #141518 !important;
      background: #ffffff;
      box-shadow: 0 4px 12px rgba(255, 255, 255, 0.28);
      transform: translateY(-50%) scale(1.1);
    }

    /* CORRECTION STRICTE DU BOUTON SECONDAIRE SUR FOND SOMBRE (JAMAIS DE TEXTE BLANC SUR FOND BLANC !) */
    .acc-service.acc-mystere .acc-btn-outline,
    .acc-panel.acc-panel-dark .acc-btn-outline,
    .acc-home-formation-banner .acc-btn-outline,
    .acc-home-intl-banner .acc-btn-outline {
      background: rgba(255, 255, 255, 0.09) !important;
      color: #ffffff !important;
      border: 1.5px solid rgba(255, 255, 255, 0.44) !important;
      backdrop-filter: blur(6px);
    }

    .acc-service.acc-mystere .acc-btn-outline:hover,
    .acc-panel.acc-panel-dark .acc-btn-outline:hover,
    .acc-home-formation-banner .acc-btn-outline:hover,
    .acc-home-intl-banner .acc-btn-outline:hover {
      background: var(--acc-accent, #f69259) !important;
      color: #141518 !important;
      border-color: var(--acc-accent, #f69259) !important;
    }

    /* RÈGLE GLOBALE DE HAUTEUR D'INTERLIGNAGE DES H2 POUR ÉVITER TOUT CHEVAUCHEMENT DES ACCENTS */
    .acc-about-copy h2,
    .acc-engagements-h2,
    .acc-sim-h2,
    .acc-proof-top h2,
    .hunt-section .hunt-intro h2,
    .acc-formules h2,
    .expertises-hero-h2 {
      line-height: 1.16 !important;
    }

    @media (max-width: 900px) {
      .acc-formules .acc-form-grid,
      .acc-forfait-points,
      .acc-service-layout,
      .acc-sim-head {
        grid-template-columns: 1fr;
      }
      .acc-sim-head > p {
        justify-self: start;
        max-width: 100%;
      }
      .acc-service-media {
        height: 360px;
      }
    }

    /* ============================================================================
       SECTION 08 DE INDEX (5).HTML : #entreprises (ACC / ENTREPRISES —
       UN BESOIN DE RECRUTEMENT ? ON S'OCCUPE DU RESTE.)
       ============================================================================ */
    .acc-portal {
      padding: calc(74px * var(--u)) 0;
      background: var(--acc-surface-tint, #f4f1eb);
      color: var(--acc-ink, #171819);
      border-top: 1px solid var(--acc-border);
      border-bottom: 1px solid var(--acc-border);
    }

    .acc-portal-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: calc(22px * var(--u));
      margin-top: calc(28px * var(--u));
      align-items: stretch;
    }

    .acc-panel {
      background: var(--acc-surface, #ffffff);
      border: 1px solid var(--acc-border, #e5e0d6);
      border-radius: 18px;
      padding: clamp(24px, calc(34px * var(--u)), 42px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 10px 34px rgba(18, 20, 24, 0.04);
    }

    .acc-panel.acc-panel-dark {
      background: #141518 !important;
      color: #ffffff !important;
      border-color: #24262b !important;
    }

    .acc-panel h3 {
      font-family: var(--acc-font-display);
      font-size: clamp(1.5rem, calc(2.1rem * var(--u)), 2.35rem);
      font-weight: 800;
      line-height: 1.15;
      margin: 0 0 10px;
      color: inherit;
    }

    .acc-panel > p {
      font-size: calc(13.8px * var(--u));
      line-height: 1.7;
      color: var(--acc-muted, #62625e);
      margin: 0 0 18px;
    }

    .acc-panel.acc-panel-dark p {
      color: #cbd5e1 !important;
    }

    .acc-formgrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }

    .acc-formgrid label {
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 12px;
      font-weight: 800;
      color: inherit;
    }

    .acc-formgrid select,
    .acc-formgrid input {
      height: 44px;
      padding: 0 12px;
      border-radius: 8px;
      border: 1px solid var(--acc-border, #dcd7cd);
      background: #faf9f6;
      color: #171819;
      font-family: var(--acc-font-body);
      font-size: 13.2px;
      font-weight: 600;
    }

    .acc-formgrid .acc-full {
      grid-column: 1 / -1;
    }

    .acc-orientation-premium {
      margin-top: 18px;
      padding: 18px 20px;
      border-radius: 12px;
      background: #faf7f2;
      border: 1px solid var(--acc-accent, #f69259);
      border-left: 4px solid var(--acc-accent, #f69259);
    }

    /* ============================================================================
       SECTIONS 12, 13, 16 & 18 DE INDEX (5).HTML :
       #formation (BANNER VISUEL UNIQUE + QUALIOPI GRAND FORMAT), #catalogue, #international, #contact
       ============================================================================ */
    .acc-home-formation-banner {
      position: relative;
      padding: calc(82px * var(--u)) 0;
      background-color: #121417;
      background-image: linear-gradient(112deg, rgba(14, 16, 20, 0.92) 0%, rgba(18, 20, 25, 0.84) 55%, rgba(18, 20, 25, 0.74) 100%), url('/wp-content/uploads/acc-studio-live/media/banners/banner-atelier-patisserie.webp');
      background-size: cover;
      background-position: center;
      color: #ffffff;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .acc-training-domains {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
      margin: calc(32px * var(--u)) 0;
    }

    .acc-training-domain-card {
      background: rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 14px;
      padding: 22px;
    }

    .acc-training-domain-card span {
      display: block;
      font-size: 11.5px;
      font-weight: 800;
      letter-spacing: 0.14em;
      color: var(--acc-accent, #f69259);
      margin-bottom: 10px;
    }

    .acc-training-domain-card strong {
      display: block;
      font-family: var(--acc-font-display);
      font-size: 17px;
      color: #ffffff;
      margin-bottom: 8px;
    }

    .acc-training-domain-card p {
      font-size: 13.2px;
      line-height: 1.65;
      color: #d1d5db;
      margin: 0;
    }

    .acc-formation-qualiopi-split {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: calc(32px * var(--u));
      align-items: end;
      background: rgba(15, 17, 22, 0.86);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 18px;
      padding: clamp(26px, calc(36px * var(--u)), 44px);
      margin-top: calc(26px * var(--u));
    }

    .acc-formation-head-grid {
      display: grid !important;
      grid-template-columns: 1.15fr 0.85fr !important;
      gap: calc(32px * var(--u)) !important;
      align-items: end !important;
      margin-bottom: calc(28px * var(--u)) !important;
    }

    .acc-formation-head-left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
    }

    .acc-formation-hero-h2 {
      font-size: clamp(2.05rem, calc(2.95rem * var(--u)), 3.35rem) !important;
      line-height: 1.08 !important;
      letter-spacing: -0.028em !important;
      margin: calc(6px * var(--u)) 0 0 !important;
    }

    .acc-formation-hero-h2 .acc-fh2-line {
      display: block;
      color: #ffffff;
    }

    .acc-formation-hero-h2 em {
      display: block;
      font-style: normal !important;
      color: var(--acc-accent, #f69259) !important;
      margin-top: 0.04em;
    }

    .acc-formation-nda-subheadline {
      font-family: var(--acc-font-body);
      font-size: clamp(0.95rem, calc(1.05rem * var(--u)), 1.12rem);
      font-weight: 600;
      line-height: 1.48;
      color: rgba(248, 250, 252, 0.94);
      margin: 14px 0 0 !important;
      padding: 4px 0 4px 12px;
      border-left: 3px solid var(--acc-accent, #f69259);
      max-width: 640px;
    }

    .acc-formation-head-right {
      display: flex;
      flex-direction: column;
       justify-content: flex-end;
      align-items: flex-start;
      align-self: end !important;
      justify-self: end !important;
      width: 100%;
      background: rgba(15, 17, 22, 0.52);
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 14px;
      padding: 20px 22px;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      margin: 0 !important;
    }

    .acc-formation-head-right p {
      font-size: calc(14.6px * var(--u));
      line-height: 1.64;
      color: rgba(241, 245, 249, 0.92);
      margin: 0 0 16px !important;
    }

    .acc-formation-head-right .acc-formation-cta-row {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      width: 100%;
      margin: 0 !important;
    }

    @media (max-width: 980px) {
      .acc-formation-head-grid {
        grid-template-columns: 1fr !important;
      }
    }

    .acc-qualiopi-right-stack {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-end;
      gap: 10px;
      width: 100%;
    }

    .acc-qualiopi-card-official {
      background: #ffffff !important;
      padding: 5px !important;
      margin: 0 0 0 auto !important;
      border: 1px solid rgba(255, 255, 255, 0.92) !important;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32) !important;
      border-radius: 6px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: fit-content !important;
      max-width: max-content !important;
      align-self: flex-end !important;
      line-height: 0 !important;
    }

    .acc-qualiopi-card-official img.qualiopi-hero-logo {
      width: 244px !important;
      max-width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      object-fit: contain !important;
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      border-radius: 2px !important;
      border: none !important;
      box-shadow: none !important;
    }

    .acc-qualiopi-detached-caption {
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-left: 3px solid var(--acc-accent, #fa874b);
      border-radius: 12px;
      padding: 14px 18px;
      color: #f1f5f9;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .acc-qualiopi-detached-caption .qualiopi-regulatory-line {
      font-size: calc(12.6px * var(--u));
      line-height: 1.52;
      color: #f8fafc;
      margin: 0;
    }

    .acc-qualiopi-detached-caption .qualiopi-regulatory-subline {
      font-size: calc(12.2px * var(--u));
      line-height: 1.52;
      color: rgba(226, 232, 240, 0.88);
      margin: 0;
    }

    .acc-qualiopi-detached-caption .qualiopi-pdf-cta {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      margin-top: 4px;
      font-size: calc(12.2px * var(--u));
      font-weight: 700;
      color: #ffb38a;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .acc-home-catalogue-sec {
      padding: calc(68px * var(--u)) 0;
      background: #f6f5f2;
      color: #17181b;
      border-top: 1px solid var(--acc-border);
    }

    .acc-home-catalogue-box {
      display: grid;
      grid-template-columns: 1.08fr 0.92fr;
      align-items: center;
      gap: clamp(24px, calc(38px * var(--u)), 52px);
      background: #ffffff;
      border: 1px solid #e6e2d8;
      border-radius: 18px;
      padding: clamp(28px, calc(38px * var(--u)), 46px);
      box-shadow: 0 12px 34px rgba(18, 20, 24, 0.05);
    }

    .acc-home-catalogue-media {
      position: relative;
      height: 340px;
      border-radius: 14px;
      overflow: hidden;
      background: #18191c;
      box-shadow: 0 14px 34px rgba(15, 18, 24, 0.12);
    }

    .acc-home-intl-banner {
      position: relative;
      padding: calc(88px * var(--u)) 0;
      min-height: calc(590px * var(--u));
      background-color: #f4f1ea;
      color: #0e1015;
      border-top: 1px solid rgba(15, 17, 22, 0.08);
      overflow: hidden;
      isolation: isolate;
      display: flex;
      align-items: center;
    }

    .acc-home-intl-banner::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(90deg,
          rgba(255, 255, 255, 0.90) 0%,
          rgba(255, 255, 255, 0.80) 38%,
          rgba(255, 255, 255, 0.34) 60%,
          rgba(255, 255, 255, 0.0) 78%);
      pointer-events: none;
    }

    .acc-intl-bg-stage {
      position: absolute;
      inset: 0;
      z-index: -2;
      overflow: hidden;
    }

    .acc-intl-bg-stage .acc-xfade-slide {
      object-position: center center !important;
    }

    .acc-intl-left-stack {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: calc(16px * var(--u));
      max-width: min(680px, 100%);
      position: relative;
      z-index: 2;
    }

    .acc-intl-cta-card {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: flex-start;
      width: 100%;
      max-width: 620px;
      margin-top: 6px;
      padding: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    /* BOUTON DE RAFRAÎCHISSEMENT DE COMPÉTITION (CTRL+F5) DANS L'ATELIER */
    .hard-refresh-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      height: 30px;
      padding: 0 12px;
      border-radius: 6px;
      border: 1.5px solid #38bdf8;
      background: linear-gradient(135deg, #0284c7, #0369a1);
      color: #ffffff !important;
      font-family: 'Outfit', sans-serif;
      font-size: 11.4px;
      font-weight: 800;
      letter-spacing: 0.03em;
      cursor: pointer;
      white-space: nowrap;
      box-shadow: 0 2px 10px rgba(2, 132, 199, 0.38);
      transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
    }

    .hard-refresh-btn:hover {
      transform: translateY(-1px);
      filter: brightness(1.12);
      box-shadow: 0 4px 14px rgba(56, 189, 248, 0.52);
    }

    
    /* ============================================================================
       BOUTON WHATSAPP FLOTTANT EN BAS À GAUCHE + CARTE DE CONTACT DIRECT WHATSAPP
       ============================================================================ */
    .acc-wa-float-wrap {
      position: absolute;
      left: 26px;
      bottom: 30px;
      pointer-events: auto;
      z-index: 955;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    body.is-embed-preview .acc-wa-float-wrap,
    body.acc-wp-live-deployed .acc-wa-float-wrap {
      position: fixed;
      left: 24px;
      bottom: 24px;
      z-index: 955;
    }

    .acc-wa-float-btn {
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: #25D366;
      border: none;
      color: #ffffff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 12px 28px rgba(37, 211, 102, 0.42), 0 4px 12px rgba(0, 0, 0, 0.32);
      transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, background 0.2s ease;
      padding: 0;
    }

    .acc-wa-float-btn:hover {
      transform: scale(1.07) translateY(-2px);
      background: #20bd5a;
      box-shadow: 0 16px 34px rgba(37, 211, 102, 0.55), 0 6px 16px rgba(0, 0, 0, 0.38);
    }

    .acc-wa-float-btn svg {
      width: 33px;
      height: 33px;
      fill: #ffffff;
      display: block;
    }

    .acc-wa-card {
      position: absolute;
      left: 0;
      bottom: 72px;
      width: 330px;
      background: #ffffff;
      color: #16181d;
      border-radius: 18px;
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(0, 0, 0, 0.08);
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      transform: translateY(12px) scale(0.96);
      transform-origin: bottom left;
      transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s ease;
      font-family: 'DM Sans', sans-serif;
      pointer-events: none;
    }

    .acc-wa-float-wrap.is-open .acc-wa-card {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }

    .acc-wa-card-head {
      background: linear-gradient(135deg, #075e54 0%, #128c7e 55%, #25d366 100%);
      color: #ffffff;
      padding: 18px 18px 16px;
      position: relative;
    }

    .acc-wa-card-close {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      border: none;
      background: rgba(0, 0, 0, 0.22);
      color: #ffffff;
      font-size: 15px;
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .acc-wa-card-head h4 {
      margin: 0 0 4px;
      font-family: 'Outfit', sans-serif;
      font-size: 19px;
      font-weight: 800;
      color: #ffffff;
    }

    .acc-wa-card-head p {
      margin: 0;
      font-size: 12.8px;
      line-height: 1.45;
      color: rgba(255, 255, 255, 0.94);
    }

    .acc-wa-card-body {
      padding: 15px 16px 16px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      background: #f8fafc;
    }

    .acc-wa-direct-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 11px 14px;
      border-radius: 12px;
      background: #25D366;
      color: #ffffff !important;
      text-decoration: none !important;
      font-family: 'Outfit', sans-serif;
      font-size: 13.5px;
      font-weight: 800;
      box-shadow: 0 6px 16px rgba(37, 211, 102, 0.32);
      transition: transform 0.16s ease, background 0.16s ease;
    }

    .acc-wa-direct-link:hover {
      background: #1ebe5d;
      transform: translateY(-1px);
    }

    .acc-wa-role-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }

    .acc-wa-role-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      padding: 8px 10px;
      border-radius: 9px;
      background: #ffffff;
      border: 1px solid #cbd5e1;
      color: #0f172a !important;
      text-decoration: none !important;
      font-size: 12px;
      font-weight: 700;
      transition: border-color 0.16s ease, background 0.16s ease;
    }

    .acc-wa-role-btn:hover {
      border-color: #25D366;
      background: #f0fdf4;
    }

    .acc-wa-contact-meta {
      margin-top: 2px;
      padding-top: 10px;
      border-top: 1px solid #e2e8f0;
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 12.2px;
      color: #334155;
    }

    .acc-wa-contact-meta a {
      color: #0f172a;
      font-weight: 700;
      text-decoration: none;
    }

    .acc-wa-contact-meta a:hover {
      color: #128c7e;
      text-decoration: underline;
    }

    .acc-hard-refresh-float {
      position: absolute;
      left: 26px;
      bottom: 38px;
      pointer-events: auto;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 11px 18px;
      border-radius: 999px;
      background: rgba(11, 18, 33, 0.92);
      backdrop-filter: blur(8px);
      color: #38bdf8 !important;
      border: 1.5px solid rgba(56, 189, 248, 0.55);
      font-family: 'Outfit', sans-serif;
      font-size: 12.2px;
      font-weight: 800;
      letter-spacing: 0.03em;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
      cursor: pointer;
      transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
      z-index: 945;
    }

    .acc-hard-refresh-float:hover {
      transform: translateY(-2px);
      background: #0284c7;
      color: #ffffff !important;
      border-color: #7dd3fc;
    }

    body.is-embed-preview .acc-hard-refresh-float,
    body.acc-wp-live-deployed .acc-hard-refresh-float {
      display: none !important;
    }

    .acc-home-contact-sec {
      padding: calc(80px * var(--u)) 0;
      background: #121316;
      color: #ffffff;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .acc-home-contact-grid {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: clamp(28px, 4.5vw, 56px);
      align-items: start;
    }

    .acc-lead-card {
      background: #1b1d22;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px;
      padding: clamp(24px, calc(34px * var(--u)), 42px);
    }

    .acc-lead-fields {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin: 18px 0;
    }

    .acc-lead-fields label {
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 12px;
      font-weight: 700;
      color: #e2e8f0;
    }

    .acc-lead-fields label.full {
      grid-column: 1 / -1;
    }

    .acc-lead-fields input,
    .acc-lead-fields select,
    .acc-lead-fields textarea {
      background: #111317;
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 8px;
      padding: 11px 13px;
      color: #ffffff;
      font-family: var(--acc-font-body);
      font-size: 13.5px;
    }

    .acc-social-links-row {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 22px;
    }

    .acc-social-links-row a {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 9px 15px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.07);
      border: 1px solid rgba(255, 255, 255, 0.16);
      color: #ffffff !important;
      text-decoration: none;
      font-size: 12.2px;
      font-weight: 700;
      transition: background 0.2s ease, border-color 0.2s ease;
    }

    .acc-social-links-row a:hover {
      background: var(--acc-accent, #f69259);
      border-color: var(--acc-accent, #f69259);
      color: var(--acc-on-accent, #141414) !important;
    }

    @media (max-width: 960px) {
      .acc-portal-grid,
      .acc-training-domains,
      .acc-formation-qualiopi-split,
      .acc-home-contact-grid,
      .acc-formgrid,
      .acc-lead-fields {
        grid-template-columns: 1fr;
      }
    }

    /* ============================================================================
       BOUTON FLOTTANT FIXE EN BAS À DROITE ("Demander une proposition ↗")
       CALÉ PROPREMENT DANS L'INTERFACE ATELIER + BOÎTE FLOTTANTE SUR DEMANDE UNIQUEMENT
       ============================================================================ */
    .acc-cta-float-rail {
      position: sticky;
      bottom: 0;
      left: 0;
      right: 0;
      height: 0;
      z-index: 940;
      pointer-events: none;
      overflow: visible;
    }

    .acc-cta-float {
      position: absolute;
      right: 26px;
      bottom: 38px;
      pointer-events: auto;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 13px 22px;
      border-radius: 999px;
      background: var(--acc-accent, #f69259);
      color: var(--acc-on-accent, #ffffff) !important;
      border: 1.5px solid rgba(255, 255, 255, 0.26);
      font-family: var(--acc-font-body);
      font-size: 13.2px;
      font-weight: 800;
      letter-spacing: 0.02em;
      text-decoration: none !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
      cursor: pointer;
      transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
      white-space: nowrap;
    }

    .acc-cta-float:hover {
      transform: translateY(-2px);
      background: var(--acc-accent-2, #ff853d);
      color: #ffffff !important;
      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42);
    }

    body.is-embed-preview .acc-cta-float,
    body.acc-wp-live-deployed .acc-cta-float {
      position: fixed;
      right: 24px;
      bottom: 24px;
      z-index: 950;
    }

    /* MODALE DE DEMANDE DE PROPOSITION : STRICTEMENT FERMÉE AU CHARGEMENT, S'OUVRE UNIQUEMENT AU CLIC */
    .acc-prop-modal {
      position: fixed;
      inset: 0;
      z-index: 250000;
      background: rgba(12, 14, 18, 0.72);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      display: none !important;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

    .acc-prop-modal.is-open {
      display: flex !important;
    }

    .acc-prop-dialog {
      position: relative;
      width: 100%;
      max-width: 640px;
      background: #ffffff;
      color: #17181c;
      border-radius: 18px;
      padding: clamp(24px, 3.5vw, 36px);
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
      border: 1px solid #e6e2d9;
      max-height: 90vh;
      overflow-y: auto;
    }

    .acc-prop-close {
      position: absolute;
      top: 18px;
      right: 18px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid #dcd8cf;
      background: #f7f6f2;
      color: #17181c;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background 0.18s ease, transform 0.18s ease;
    }

    .acc-prop-close:hover {
      background: #17181c;
      color: #ffffff;
      transform: scale(1.05);
    }

    #siteCanvas[data-theme="index5_authentique"] #sec-parcours {
      background: #F6F5F1 !important;
    }

    #siteCanvas[data-theme="index5_authentique"] .job-card-media img {
      filter: saturate(0.84) contrast(1.05);
    }

    /* ==========================================================================
       5 NOUVEAUX THÈMES À CONTRASTE RADICAL (FORCE DE PROPOSITION ARCHITECTURALE)
       ========================================================================== */
    /* 1. ÉDITORIAL VOGUE & GALERIE CLAIRE (100% Papier Ivoire Clair, Filets 1px Noirs, Coins 0px) */
    #siteCanvas[data-theme="rad_vogue"] {
      --acc-body-bg: #FAF7F0;
      --acc-ink: #141311;
      --acc-muted: #5C5852;
      --acc-border: #141311;
      --acc-accent: #C83E2B;
      --acc-accent-2: #9E2B1B;
      --acc-accent-soft: #F5EAE4;
      --acc-surface-tint: #F2EDE2;
      --acc-contrast-block: #181614;
      --acc-radius: 0px;
      --acc-btn-radius: 0px;
      --acc-font-display: 'Playfair Display', Georgia, serif;
      background-color: #FAF7F0 !important;
    }

    #siteCanvas[data-theme="rad_vogue"] .acc-header {
      background: #111114 !important;
      color: #ffffff !important;
      border-bottom: 1.5px solid #141311 !important;
    }

    #siteCanvas[data-theme="rad_vogue"] .acc-card,
    #siteCanvas[data-theme="rad_vogue"] .silo-box {
      background: #FAF7F0 !important;
      color: #141311 !important;
      border: 1px solid #141311 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
    }

    /* 2. BRUTALISME SUISSE & BAUHAUS (Bordures 2.5px Noires, Ombres Franches 6px, Klein Blue & Signal Orange) */
    #siteCanvas[data-theme="rad_bauhaus"] {
      --acc-body-bg: #FFFFFF;
      --acc-ink: #09090B;
      --acc-muted: #3F3F46;
      --acc-border: #09090B;
      --acc-accent: #FF4400;
      --acc-accent-2: #0047FF;
      --acc-accent-soft: #FFF0EB;
      --acc-surface-tint: #F4F4F5;
      --acc-contrast-block: #09090B;
      --acc-radius: 0px;
      --acc-btn-radius: 0px;
      --acc-font-display: 'Manrope', sans-serif;
      background-color: #FFFFFF !important;
    }

    #siteCanvas[data-theme="rad_bauhaus"] .acc-header {
      background: #111114 !important;
      color: #ffffff !important;
      border-bottom: 3px solid #09090B !important;
    }

    #siteCanvas[data-theme="rad_bauhaus"] .acc-card,
    #siteCanvas[data-theme="rad_bauhaus"] .parcours-door-card,
    #siteCanvas[data-theme="rad_bauhaus"] .expertise-monolith-card,
    #siteCanvas[data-theme="rad_bauhaus"] .silo-box,
    #siteCanvas[data-theme="rad_bauhaus"] .candidate-magnet-bar,
    #siteCanvas[data-theme="rad_bauhaus"] .acc-btn {
      border: 2.5px solid #09090B !important;
      border-radius: 0 !important;
      box-shadow: 5px 5px 0 #09090B !important;
    }

    /* 3. NUIT CYBER-EXÉCUTIVE FULL DARK GLASS (100% Obsidienne #070B14 sur toutes les sections, Cartes Verre & Cyan/Ambre) */
    #siteCanvas[data-theme="rad_cyberdark"] {
      --acc-body-bg: #070B14;
      --acc-ink: #F1F5F9;
      --acc-muted: #94A3B8;
      --acc-border: rgba(56, 189, 248, 0.22);
      --acc-accent: #38BDF8;
      --acc-accent-2: #F59E0B;
      --acc-accent-soft: rgba(56, 189, 248, 0.13);
      --acc-surface-tint: #0B1221;
      --acc-contrast-block: #04070D;
      --acc-radius: 14px;
      --acc-btn-radius: 10px;
      --acc-font-display: 'Outfit', sans-serif;
      background-color: #070B14 !important;
      color: #F1F5F9 !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-header,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-section,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-section-tinted,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-monogram-section,
    #siteCanvas[data-theme="rad_cyberdark"] .subpage-hero,
    #siteCanvas[data-theme="rad_cyberdark"] .hero-v-executive,
    #siteCanvas[data-theme="rad_cyberdark"] .hero-v-fun,
    #siteCanvas[data-theme="rad_cyberdark"] .hero-v-gallery {
      background: #070B14 !important;
      color: #F1F5F9 !important;
      border-color: rgba(56, 189, 248, 0.18) !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .cinema-stage-box {
      background: #070B14 !important;
      color: #F1F5F9 !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .cinema-shade {
      background: linear-gradient(92deg, rgba(7, 11, 20, 0.98) 0%, rgba(7, 11, 20, 0.93) 34%, rgba(7, 11, 20, 0.54) 46%, rgba(7, 11, 20, 0.10) 54%, rgba(7, 11, 20, 0) 60%) !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .hero-v-cinema .living-baseline-wrap {
      background: rgba(11, 18, 33, 0.84) !important;
      border-color: rgba(56, 189, 248, 0.36) !important;
      color: #F1F5F9 !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .hero-v-cinema .living-baseline-quote,
    #siteCanvas[data-theme="rad_cyberdark"] .hero-v-cinema .hero-sub {
      color: #E2E8F0 !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .hero-v-cinema .candidate-magnet-bar {
      background: rgba(15, 23, 42, 0.94) !important;
      border: 1.5px solid rgba(56, 189, 248, 0.72) !important;
      box-shadow: 0 0 0 3.5px rgba(7, 11, 20, 0.65), 0 20px 44px rgba(0, 0, 0, 0.5) !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-monogram-bg {
      opacity: 0.04 !important;
      filter: invert(1);
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-brand-link,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-nav-link,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-h2,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-h3,
    #siteCanvas[data-theme="rad_cyberdark"] .subpage-main-heading {
      color: #F8FAFC !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-card,
    #siteCanvas[data-theme="rad_cyberdark"] .silo-box,
    #siteCanvas[data-theme="rad_cyberdark"] details.seo-faq-item,
    #siteCanvas[data-theme="rad_cyberdark"] .filter-bar-card {
      background: rgba(15, 23, 42, 0.82) !important;
      color: #F1F5F9 !important;
      border: 1px solid rgba(56, 189, 248, 0.24) !important;
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45) !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-input,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-select,
    #siteCanvas[data-theme="rad_cyberdark"] .acc-btn-outline,
    #siteCanvas[data-theme="rad_cyberdark"] .silo-link {
      background: rgba(30, 41, 59, 0.85) !important;
      color: #F1F5F9 !important;
      border-color: rgba(56, 189, 248, 0.3) !important;
    }

    #siteCanvas[data-theme="rad_cyberdark"] .acc-btn:not(.acc-btn-outline) {
      color: #041019 !important;
    }

    /* 4. ÉCO-RESORT & TERRE MÉDITERRANÉE (Travertin Chaud, Cyprès Profond & Terracotta Organique 22px) */
    #siteCanvas[data-theme="rad_mediterranee"] {
      --acc-body-bg: #F3EDE2;
      --acc-ink: #162A22;
      --acc-muted: #4A5D54;
      --acc-border: #D8CEBE;
      --acc-accent: #C86D51;
      --acc-accent-2: #162A22;
      --acc-accent-soft: #EFE3D5;
      --acc-surface-tint: #EAE1D3;
      --acc-contrast-block: #13241D;
      --acc-radius: 22px;
      --acc-btn-radius: 999px;
      --acc-font-display: 'Playfair Display', Georgia, serif;
      background-color: #F3EDE2 !important;
    }

    #siteCanvas[data-theme="rad_mediterranee"] .acc-header {
      background: #111114 !important;
      color: #ffffff !important;
      border-bottom: 1px solid #D8CEBE !important;
    }

    #siteCanvas[data-theme="rad_mediterranee"] .acc-card,
    #siteCanvas[data-theme="rad_mediterranee"] .silo-box {
      background: #FAF6EF !important;
    }

    /* 5. GRAND CRU & MAISON ÉTOILÉE (Velours Pinot Noir #240A12, Parchemin #FDFBF7 & Or Champagne #C9A256) */
    #siteCanvas[data-theme="rad_grandcru"] {
      --acc-body-bg: #FDFBF7;
      --acc-ink: #220D14;
      --acc-muted: #634B52;
      --acc-border: #E5D9CB;
      --acc-accent: #9E1B32;
      --acc-accent-2: #C9A256;
      --acc-accent-soft: #F9EFEF;
      --acc-surface-tint: #F6F0E6;
      --acc-contrast-block: #240A12;
      --acc-radius: 8px;
      --acc-btn-radius: 4px;
      --acc-font-display: 'Playfair Display', Georgia, serif;
      background-color: #FDFBF7 !important;
    }

    #siteCanvas[data-theme="rad_grandcru"] .acc-header {
      background: #240A12 !important;
      border-bottom: 1px solid rgba(201, 162, 86, 0.35) !important;
    }

    #siteCanvas[data-theme="rad_grandcru"] .acc-brand-link,
    #siteCanvas[data-theme="rad_grandcru"] .acc-nav-link {
      color: #FDFBF7 !important;
    }

    #siteCanvas[data-theme="rad_grandcru"] .acc-header .acc-btn {
      background: #C9A256 !important;
      color: #1A060C !important;
    }

    /* ==========================================================================
       3 THÈMES ÉVÉNEMENTIELS & FÊTES (NOËL, NOUVEL AN, PÂQUES) — SITE 1 GLOBAL
       Images dédiées dans media/events/ strictement séparées des 10 Univers Photos
       ========================================================================== */
    /* 🎄 1. NOËL DES BRIGADES & PALACES (Velours Sapin #081C15, Or Bûche #E2B857 & Rouge Rubis #C81D25) */
    #siteCanvas[data-theme="event_noel"] {
      --acc-body-bg: #FAF6EE;
      --acc-ink: #10241B;
      --acc-muted: #4A5D52;
      --acc-border: #DECBB1;
      --acc-accent: #C81D25;
      --acc-accent-2: #E2B857;
      --acc-accent-soft: #FBE9EA;
      --acc-surface-tint: #F3ECE0;
      --acc-contrast-block: #081C15;
      --acc-radius: 10px;
      --acc-btn-radius: 6px;
      --acc-font-display: 'Playfair Display', Georgia, serif;
      background-color: #FAF6EE !important;
    }
    #siteCanvas[data-theme="event_noel"] .acc-header {
      background: linear-gradient(90deg, #071912 0%, #0D281D 50%, #1E0B0E 100%) !important;
      border-bottom: 2px solid #E2B857 !important;
    }
    #siteCanvas[data-theme="event_noel"] .acc-brand-link,
    #siteCanvas[data-theme="event_noel"] .acc-nav-link {
      color: #FAF6EE !important;
    }
    #siteCanvas[data-theme="event_noel"] .acc-header .acc-btn {
      background: linear-gradient(135deg, #C81D25, #9E1118) !important;
      color: #FFFFFF !important;
      border: 1px solid #E2B857 !important;
    }
    #siteCanvas[data-theme="event_noel"] .cinema-stage-box {
      background: #071912 !important;
    }
    #siteCanvas[data-theme="event_noel"] .cinema-shade {
      background: linear-gradient(92deg, rgba(7, 25, 18, 0.96) 0%, rgba(10, 31, 22, 0.90) 35%, rgba(10, 31, 22, 0.42) 48%, rgba(10, 31, 22, 0.0) 60%) !important;
    }
    #siteCanvas[data-theme="event_noel"] .acc-signature-marquee {
      background: linear-gradient(90deg, #8F1119 0%, #0D281D 50%, #8F1119 100%) !important;
      color: #FDF8EE !important;
      border-top: 1px solid #E2B857 !important;
      border-bottom: 1px solid #E2B857 !important;
    }

    /* 🥂 2. GRAND RÉVEILLON & NOUVEL AN (Nuit Gala #060913, Or Champagne #F5C451 & Platine) */
    #siteCanvas[data-theme="event_nouvel_an"] {
      --acc-body-bg: #FAF8F2;
      --acc-ink: #0C101D;
      --acc-muted: #525866;
      --acc-border: #DFD5BE;
      --acc-accent: #D49B27;
      --acc-accent-2: #0C1224;
      --acc-accent-soft: #FCF3DC;
      --acc-surface-tint: #F2EFE6;
      --acc-contrast-block: #060913;
      --acc-radius: 10px;
      --acc-btn-radius: 6px;
      --acc-font-display: 'Playfair Display', Georgia, serif;
      background-color: #FAF8F2 !important;
    }
    #siteCanvas[data-theme="event_nouvel_an"] .acc-header {
      background: linear-gradient(90deg, #05070F 0%, #0D152C 55%, #070A14 100%) !important;
      border-bottom: 2px solid #F5C451 !important;
    }
    #siteCanvas[data-theme="event_nouvel_an"] .acc-brand-link,
    #siteCanvas[data-theme="event_nouvel_an"] .acc-nav-link {
      color: #FDF9F0 !important;
    }
    #siteCanvas[data-theme="event_nouvel_an"] .acc-header .acc-btn {
      background: linear-gradient(135deg, #F5C451, #C99322) !important;
      color: #060913 !important;
      font-weight: 800 !important;
    }
    #siteCanvas[data-theme="event_nouvel_an"] .cinema-stage-box {
      background: #060913 !important;
    }
    #siteCanvas[data-theme="event_nouvel_an"] .cinema-shade {
      background: linear-gradient(92deg, rgba(6, 9, 19, 0.96) 0%, rgba(10, 16, 34, 0.90) 35%, rgba(10, 16, 34, 0.42) 48%, rgba(10, 16, 34, 0.0) 60%) !important;
    }
    #siteCanvas[data-theme="event_nouvel_an"] .acc-signature-marquee {
      background: linear-gradient(90deg, #060913 0%, #162244 50%, #060913 100%) !important;
      color: #F5C451 !important;
      border-top: 1px solid #F5C451 !important;
      border-bottom: 1px solid #F5C451 !important;
    }

    /* 🐣 3. PÂQUES & HAUTE CHOCOLATERIE (Ganache Grand Cru #1F120B, Or Praliné #D49B35 & Pistache #3E6B48) */
    #siteCanvas[data-theme="event_paques"] {
      --acc-body-bg: #FCF9F2;
      --acc-ink: #23140D;
      --acc-muted: #665247;
      --acc-border: #E4D4C3;
      --acc-accent: #B86B19;
      --acc-accent-2: #3E6B48;
      --acc-accent-soft: #FBF0E2;
      --acc-surface-tint: #F5EDE0;
      --acc-contrast-block: #1F120B;
      --acc-radius: 12px;
      --acc-btn-radius: 999px;
      --acc-font-display: 'Playfair Display', Georgia, serif;
      background-color: #FCF9F2 !important;
    }
    #siteCanvas[data-theme="event_paques"] .acc-header {
      background: linear-gradient(90deg, #1A0E08 0%, #2C1810 55%, #19281D 100%) !important;
      border-bottom: 2px solid #D49B35 !important;
    }
    #siteCanvas[data-theme="event_paques"] .acc-brand-link,
    #siteCanvas[data-theme="event_paques"] .acc-nav-link {
      color: #FDF9F2 !important;
    }
    #siteCanvas[data-theme="event_paques"] .acc-header .acc-btn {
      background: linear-gradient(135deg, #D49B35, #A67014) !important;
      color: #1A0E08 !important;
      font-weight: 800 !important;
    }
    #siteCanvas[data-theme="event_paques"] .cinema-stage-box {
      background: #1A0E08 !important;
    }
    #siteCanvas[data-theme="event_paques"] .cinema-shade {
      background: linear-gradient(92deg, rgba(26, 14, 8, 0.96) 0%, rgba(38, 21, 12, 0.89) 35%, rgba(38, 21, 12, 0.40) 48%, rgba(38, 21, 12, 0.0) 60%) !important;
    }
    #siteCanvas[data-theme="event_paques"] .acc-signature-marquee {
      background: linear-gradient(90deg, #24130B 0%, #2A4732 50%, #24130B 100%) !important;
      color: #F7DFB2 !important;
      border-top: 1px solid #D49B35 !important;
      border-bottom: 1px solid #D49B35 !important;
    }
  
    /* === CORRECTIF STICKY HEADER WORDPRESS DÉPLOYÉ & LOGO 100% BLANC VERROUILLÉ === */
    html:has(body.is-embed-preview),
    html:has(body.acc-wp-live-deployed) {
      overflow-x: clip !important;
      overflow-y: auto !important;
    }
    body.is-embed-preview,
    body.acc-wp-live-deployed {
      overflow: visible !important;
      overflow-x: clip !important;
    }
    body.is-embed-preview .stage-area,
    body.is-embed-preview .stage-main,
    body.is-embed-preview .workspace-stage,
    body.is-embed-preview .scale-holder,
    body.is-embed-preview #scaleHolder,
    body.is-embed-preview .device-bezel,
    body.is-embed-preview .device-viewport,
    body.is-embed-preview #deviceViewport,
    body.is-embed-preview #siteCanvas,
    body.acc-wp-live-deployed .device-viewport,
    body.acc-wp-live-deployed #deviceViewport,
    body.acc-wp-live-deployed #siteCanvas {
      overflow: visible !important;
      container-type: normal !important;
      transform: none !important;
    }
    .acc-header {
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0 !important;
      z-index: 999 !important;
    }
    .acc-header.is-wp-fixed-sticky {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      z-index: 9999 !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
    }
    .acc-header .acc-brand-link,
    .acc-header .acc-logo-svg,
    .acc-header .acc-logo-svg path,
    .acc-header .logo-spire-path,
    .acc-header .logo-words-group,
    .acc-header .logo-words-group path {
      fill: #ffffff !important;
      color: #ffffff !important;
      transition: none !important;
    }

  
    /* === ENCART EXCLUSIF PREMIER BANDEAU (HERO — ÉLÉMENTS ON/OFF, CADRAGE AUTO & ÉDITEUR DE TEXTES) === */
    .hero-exclusive-box {
      background: linear-gradient(90deg, rgba(255, 136, 80, 0.14) 0%, rgba(13, 21, 40, 0.96) 28%, rgba(10, 16, 32, 0.98) 100%);
      border: 1.5px solid rgba(255, 136, 80, 0.65);
      border-radius: 7px;
      padding: 9px 12px;
      margin-bottom: 10px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    body.is-embed-preview .hero-exclusive-box,
    body.acc-wp-live-deployed .hero-exclusive-box,
    body.is-embed-preview .global-cockpit-dock,
    body.acc-wp-live-deployed .global-cockpit-dock,
    body.is-embed-preview #gfMatrixBox,
    body.acc-wp-live-deployed #gfMatrixBox,
    body.is-embed-preview .telemetry-grid,
    body.acc-wp-live-deployed .telemetry-grid {
      display: none !important;
    }
    .heb-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      padding-bottom: 7px;
      margin-bottom: 8px;
      border-bottom: 1px solid rgba(255, 136, 80, 0.24);
    }
    .heb-title {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: 'Outfit', sans-serif;
      font-size: 12.2px;
      font-weight: 800;
      color: #fff7ed;
      letter-spacing: 0.02em;
    }
    .heb-badge {
      background: #ff8850;
      color: #101114;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9.8px;
      font-weight: 800;
      padding: 2px 7px;
      border-radius: 4px;
      text-transform: uppercase;
    }
    .heb-presets {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
    }
    .heb-btn {
      background: #131f3a;
      border: 1px solid #2d4475;
      color: #e2e8f0;
      font-family: inherit;
      font-size: 10.6px;
      font-weight: 700;
      height: 26px;
      padding: 0 9px;
      border-radius: 5px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: all 0.15s ease;
    }
    .heb-btn:hover {
      border-color: #ff8850;
      color: #ffffff;
      background: #1a2b4e;
    }
    .heb-btn.is-on {
      background: rgba(16, 185, 129, 0.20);
      border-color: #34d399;
      color: #ecfdf5;
    }
    .heb-btn.is-on .heb-dot {
      background: #34d399;
      box-shadow: 0 0 6px #34d399;
    }
    .heb-btn.is-off {
      background: rgba(15, 23, 42, 0.65);
      border-color: rgba(148, 163, 184, 0.25);
      color: #94a3b8;
      opacity: 0.82;
    }
    .heb-btn.is-off .heb-dot {
      background: #64748b;
    }
    .heb-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      display: inline-block;
      flex-shrink: 0;
    }
    .heb-btn.heb-accent {
      background: rgba(255, 136, 80, 0.20);
      border-color: #ff8850;
      color: #ffedd5;
    }
    .heb-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
    }
    .heb-toggles-group {
      display: flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
    }
    .heb-subrow {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 7px;
      padding-top: 7px;
      border-top: 1px dashed rgba(255, 255, 255, 0.10);
      font-size: 10.6px;
      color: #cbd5e1;
    }
    .heb-subgrp {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      flex-wrap: wrap;
    }
    .heb-sublbl {
      font-weight: 800;
      color: #ffb38a;
      text-transform: uppercase;
      font-size: 9.8px;
      letter-spacing: 0.05em;
      margin-right: 3px;
    }
    .heb-editor-drawer {
      margin-top: 9px;
      padding-top: 9px;
      border-top: 1px solid rgba(255, 136, 80, 0.30);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .heb-editor-drawer.hidden {
      display: none !important;
    }
    @media (max-width: 1280px) {
      .heb-editor-drawer {
        grid-template-columns: 1fr;
      }
    }
    .heb-field {
      background: rgba(9, 14, 28, 0.85);
      border: 1px solid #263a63;
      border-radius: 5px;
      padding: 6px 8px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .heb-field label {
      font-size: 10px;
      font-weight: 800;
      color: #ffb38a;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
    }
    .heb-field input[type="text"],
    .heb-field textarea {
      width: 100%;
      background: #060a14;
      border: 1px solid #334e80;
      border-radius: 4px;
      color: #f8fafc;
      font-family: 'DM Sans', sans-serif;
      font-size: 11.6px;
      line-height: 1.4;
      padding: 5px 7px;
      box-sizing: border-box;
    }
    .heb-field input[type="text"]:focus,
    .heb-field textarea:focus {
      outline: none;
      border-color: #ff8850;
      box-shadow: 0 0 0 2px rgba(255, 136, 80, 0.25);
    }
    /* Cadrage dynamique du Premier Bandeau selon les éléments affichés/masqués */
    #siteCanvas[data-hero-kicker="off"] .hero-v-cinema .hero-kicker,
    #siteCanvas[data-hero-kicker="off"] .hero-v-index5 .idx5-kicker-row { display: none !important; }
    #siteCanvas[data-hero-h1="off"] .hero-v-cinema .hero-main-heading,
    #siteCanvas[data-hero-h1="off"] .hero-v-index5 .idx5-poster-h1 { display: none !important; }
    #siteCanvas[data-hero-accroche1="off"] .hero-v-cinema .living-baseline-wrap { display: none !important; }
    #siteCanvas[data-hero-accroche2="off"] .hero-v-cinema .hero-sub,
    #siteCanvas[data-hero-accroche2="off"] .hero-v-index5 .idx5-poster-sub { display: none !important; }
    #siteCanvas[data-hero-ctas="off"] .hero-v-cinema .hero-top-cta-row,
    #siteCanvas[data-hero-ctas="off"] .hero-v-index5 .idx5-cta-row { display: none !important; }
    #siteCanvas[data-hero-search="off"] .hero-v-cinema .candidate-magnet-bar { display: none !important; }
    #siteCanvas[data-hero-logos="off"] .hero-v-cinema .showreel-hud { display: none !important; }
    #siteCanvas[data-hero-search="off"][data-hero-logos="off"] .hero-v-cinema .cinema-inner > div:last-child {
      display: none !important;
    }
    /* Tailles typographiques du Grand Titre H1 (Normal 100%, +30%, +50%, +70%) */
    #siteCanvas[data-hero-h1-scale="100"] .hero-v-cinema .hero-main-heading,
    #siteCanvas[data-hero-h1-scale="100"] [data-seo-h1="cinema"] {
      font-size: calc(2.42rem * var(--u)) !important;
      max-width: calc(740px * var(--u)) !important;
      line-height: 1.08 !important;
    }
    #siteCanvas[data-hero-h1-scale="130"] .hero-v-cinema .hero-main-heading,
    #siteCanvas[data-hero-h1-scale="130"] [data-seo-h1="cinema"] {
      font-size: calc(3.15rem * var(--u)) !important;
      max-width: calc(960px * var(--u)) !important;
      line-height: 1.05 !important;
    }
    #siteCanvas[data-hero-h1-scale="145"] .hero-v-cinema .hero-main-heading,
    #siteCanvas[data-hero-h1-scale="145"] [data-seo-h1="cinema"],
    #siteCanvas[data-hero-h1-scale="150"] .hero-v-cinema .hero-main-heading,
    #siteCanvas[data-hero-h1-scale="150"] [data-seo-h1="cinema"] {
      font-size: calc(3.63rem * var(--u)) !important;
      max-width: calc(1120px * var(--u)) !important;
      line-height: 1.03 !important;
    }
    #siteCanvas[data-hero-h1-scale="170"] .hero-v-cinema .hero-main-heading,
    #siteCanvas[data-hero-h1-scale="170"] [data-seo-h1="cinema"] {
      font-size: calc(4.12rem * var(--u)) !important;
      max-width: calc(1260px * var(--u)) !important;
      line-height: 1.01 !important;
    }
    /* Cadrage automatique vers le CENTRE (zéro trou vide : les éléments se rejoignent vers le centre vertical) */
    #siteCanvas .hero-v-cinema .cinema-inner,
    #siteCanvas[data-hero-align="auto"] .hero-v-cinema .cinema-inner,
    #siteCanvas[data-hero-align="center"] .hero-v-cinema .cinema-inner {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      gap: calc(18px * var(--u)) !important;
      padding-top: calc(34px * var(--u)) !important;
      padding-bottom: calc(34px * var(--u)) !important;
    }
    #siteCanvas .hero-v-cinema .cinema-inner > div:first-child {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      justify-content: center !important;
      gap: calc(11px * var(--u)) !important;
      margin: 0 !important;
    }
    #siteCanvas .hero-v-cinema .cinema-inner > div:first-child > * {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    #siteCanvas .hero-v-cinema .cinema-inner > div:last-child {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      gap: calc(10px * var(--u)) !important;
      margin: 0 !important;
    }
    #siteCanvas .hero-v-cinema .cinema-inner .showreel-hud {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    #siteCanvas[data-hero-align="top"] .hero-v-cinema .cinema-inner {
      justify-content: flex-start !important;
      padding-top: calc(36px * var(--u)) !important;
    }
    #siteCanvas[data-hero-align="bottom"] .hero-v-cinema .cinema-inner {
      justify-content: flex-end !important;
      padding-bottom: calc(36px * var(--u)) !important;
    }
    .hero-v-cinema .hero-sub:empty {
      display: none !important;
    }
    /* Option Photo 100 % visible sans voile sombre */
    #siteCanvas[data-hero-shade="none"] .hero-v-cinema .cinema-shade {
      background: linear-gradient(90deg, rgba(10, 12, 18, 0.26) 0%, rgba(10, 12, 18, 0.10) 38%, rgba(0, 0, 0, 0) 60%) !important;
    }
    #siteCanvas[data-hero-shade="light"] .hero-v-cinema .cinema-shade {
      background: linear-gradient(92deg, rgba(14, 17, 23, 0.72) 0%, rgba(14, 17, 23, 0.54) 34%, rgba(14, 17, 23, 0.22) 48%, rgba(0, 0, 0, 0) 60%) !important;
    }

  
    #siteCanvas[data-hero-cta1="off"] .hero-v-cinema .hero-cta-explore,
    #siteCanvas[data-hero-cta1="off"] .hero-v-index5 .idx5-btn-solid { display: none !important; }
    #siteCanvas[data-hero-cta2="off"] .hero-v-cinema .hero-cta-calc,
    #siteCanvas[data-hero-cta2="off"] .hero-v-index5 .idx5-btn-ghost { display: none !important; }
    #siteCanvas[data-hero-cta1="off"][data-hero-cta2="off"] .hero-v-cinema .hero-top-cta-row,
    #siteCanvas[data-hero-cta1="off"][data-hero-cta2="off"] .hero-v-index5 .idx5-cta-row { display: none !important; }
    .heb-inline-row {
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .heb-vis-toggle {
      flex-shrink: 0;
      height: 26px;
      padding: 0 8px;
      border-radius: 4px;
      font-size: 10.2px;
      font-weight: 800;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      border: 1px solid #334e80;
      background: #111c35;
      color: #cbd5e1;
      transition: all 0.15s ease;
    }
    .heb-vis-toggle.is-on {
      background: rgba(16, 185, 129, 0.22);
      border-color: #34d399;
      color: #ecfdf5;
    }
    .heb-vis-toggle.is-off {
      background: rgba(239, 68, 68, 0.16);
      border-color: rgba(248, 113, 113, 0.45);
      color: #fca5a5;
    }

  
    /* === MODULE AVIS GOOGLE CERTIFIÉS (REPLIQUE 1:1 TRUSTINDEX PRODUCTION + MODE STAND-BY ATELIER) === */
    .acc-greviews-studio-bar {
      margin: calc(22px * var(--u)) 0 calc(12px * var(--u));
      padding: 10px 14px;
      border-radius: 10px;
      background: #101726;
      border: 1px solid #283a5e;
      color: #e2e8f0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      font-size: 12px;
    }
    body.is-embed-preview .acc-greviews-studio-bar,
    body.acc-wp-live-deployed .acc-greviews-studio-bar {
      display: none !important;
    }

    
    /* === CHARME & MORPHOLOGIE HAUTE-COUTURE DU MENU PRINCIPAL AU SURVOL === */
    .acc-brand-link {
      transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
    }
    .acc-brand-link:hover {
      transform: translateY(-1.5px) scale(1.015);
    }
    .acc-brand-link .logo-spire-path {
      transition: fill 0.25s ease, filter 0.25s ease;
    }
    .acc-brand-link:hover .logo-spire-path {
      fill: var(--acc-accent, #f69259);
      filter: drop-shadow(0 0 8px rgba(246, 146, 89, 0.45));
    }
    .acc-nav-link {
      transition: color 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                  background 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                  transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                  box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
      overflow: hidden;
    }
    .acc-nav-link::after {
      content: '';
      position: absolute;
      left: calc(11px * var(--u));
      right: calc(11px * var(--u));
      bottom: calc(3px * var(--u));
      height: 2.2px;
      border-radius: 99px;
      background: linear-gradient(90deg, var(--acc-accent, #f69259), var(--acc-accent-2, #ffb380));
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease;
      opacity: 0;
      box-shadow: 0 0 10px rgba(246, 146, 89, 0.55);
    }
    .acc-nav-link:hover {
      transform: translateY(-1.5px);
      box-shadow: 0 8px 20px -6px rgba(246, 146, 89, 0.22);
    }
    .acc-nav-link:hover::after,
    .acc-nav-link.current::after,
    .acc-dropdown:hover > .acc-nav-link::after,
    .acc-dropdown.is-open > .acc-nav-link::after {
      transform: scaleX(1);
      opacity: 1;
    }
    .acc-nav-link .nav-count-dot {
      transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
    }
    .acc-nav-link:hover .nav-count-dot,
    .acc-dropdown:hover > .acc-nav-link .nav-count-dot {
      transform: scale(1.08) translateY(-0.5px);
      background: var(--acc-accent, #f69259) !important;
      color: var(--acc-on-accent, #111318) !important;
      box-shadow: 0 4px 12px rgba(246, 146, 89, 0.42);
    }
    /* Sous-menus déroulants avec entrée fluide spring & liseré signature */
    .acc-dropdown-menu {
      display: flex !important;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(10px) scale(0.975);
      transform-origin: top left;
      transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                  transform 0.24s cubic-bezier(0.16, 1, 0.3, 1),
                  visibility 0.22s ease;
      border-top: 2.5px solid var(--acc-accent, #f69259) !important;
      border-radius: calc(12px * var(--u)) !important;
      padding: calc(8px * var(--u)) !important;
      box-shadow: 0 24px 54px -10px rgba(12, 16, 26, 0.24), 0 0 0 1px rgba(246, 146, 89, 0.14) !important;
      backdrop-filter: blur(18px);
    }
    .acc-dropdown:hover .acc-dropdown-menu,
    .acc-dropdown.is-open .acc-dropdown-menu {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(4px) scale(1);
    }
    .acc-dropdown-item {
      position: relative;
      border-radius: calc(8px * var(--u)) !important;
      padding: calc(9.5px * var(--u)) calc(12px * var(--u)) !important;
      transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
                  background 0.2s ease,
                  color 0.2s ease,
                  box-shadow 0.2s ease !important;
    }
    .acc-dropdown-item > span:first-child {
      display: inline-flex;
      align-items: center;
      gap: 9px;
    }
    .acc-dropdown-item svg.acc-ico {
      transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s ease;
      opacity: 0.78;
    }
    .acc-dropdown-item > span:last-child {
      display: inline-block;
      transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
      opacity: 0.45;
      font-weight: 800;
    }
    .acc-dropdown-item:hover {
      transform: translateX(4px);
      background: linear-gradient(90deg, var(--acc-accent-soft, rgba(246, 146, 89, 0.15)) 0%, rgba(246, 146, 89, 0.03) 100%) !important;
      box-shadow: inset 3px 0 0 var(--acc-accent, #f69259);
    }
    .acc-dropdown-item:hover svg.acc-ico {
      transform: scale(1.14) rotate(-3deg);
      color: var(--acc-accent, #f69259);
      opacity: 1;
    }
    .acc-dropdown-item:hover > span:last-child {
      transform: translateX(4px);
      opacity: 1;
      color: var(--acc-accent, #f69259);
    }


    /* === SYNERGIE UNIFIÉE : AVIS GOOGLE VÉRIFIÉS INTÉGRÉS DANS L'ESPACE NOIR DE .acc-reviews-premium === */
    .acc-synergy-gscore-pill {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      background: #f8f6f2;
      border: 1px solid #e7e2d8;
      border-radius: 14px;
      padding: 10px 16px;
      margin: 0 0 18px;
      box-shadow: 0 6px 18px rgba(17, 19, 24, 0.04);
    }
    .acc-synergy-gscore-pill .g-word {
      font-weight: 900;
      font-size: 15px;
      letter-spacing: -0.02em;
    }
    .acc-synergy-gscore-pill .g-stars {
      color: #fbbc04;
      font-size: 15px;
      letter-spacing: 1px;
    }
    .acc-synergy-gscore-pill .g-meta {
      font-size: 12.2px;
      color: #4b5563;
      font-weight: 600;
    }
    .acc-synergy-cta-group {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }
    .acc-synergy-vote-link {
      background: #e1534c;
      color: #ffffff !important;
      padding: 13px 20px;
      border-radius: 999px;
      font-size: calc(12.2px * var(--u));
      font-weight: 800;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
      box-shadow: 0 8px 20px rgba(225, 83, 76, 0.25);
    }
    .acc-synergy-vote-link:hover {
      background: #c93f38;
      transform: translateY(-2px);
      box-shadow: 0 12px 26px rgba(225, 83, 76, 0.35);
    }
    .acc-synergy-dark-header {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 16px;
    }
    .acc-synergy-dark-nav {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .acc-synergy-nav-btn {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
      font-size: 17px;
      font-weight: 800;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: all 0.18s ease;
    }
    .acc-synergy-nav-btn:hover {
      background: var(--acc-accent, #f69259);
      border-color: var(--acc-accent, #f69259);
      color: #111318;
      transform: scale(1.06);
    }
    .acc-synergy-review-box {
      width: 100%;
      background: rgba(255, 255, 255, 0.055);
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: 16px;
      padding: 18px 20px;
      backdrop-filter: blur(8px);
      transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .acc-synergy-rev-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
    }
    .acc-synergy-rev-user {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .acc-synergy-avatar {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 15px;
      color: #ffffff;
      flex-shrink: 0;
    }
    .acc-synergy-rev-name {
      font-weight: 800;
      font-size: 14px;
      color: #ffffff;
      line-height: 1.2;
    }
    .acc-synergy-rev-date {
      font-size: 11.4px;
      color: rgba(255, 255, 255, 0.58);
    }
    .acc-synergy-rev-stars {
      color: #fbbc04;
      font-size: 14px;
      letter-spacing: 1.5px;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .acc-synergy-rev-text {
      font-family: var(--acc-font-body) !important;
      font-size: 14px !important;
      line-height: 1.62 !important;
      color: rgba(255, 255, 255, 0.92) !important;
      font-weight: 500 !important;
      margin: 0 !important;
    }
    .acc-synergy-rev-reply {
      margin-top: 10px;
      padding: 10px 12px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.06);
      border-left: 3px solid var(--acc-accent, #f69259);
      font-size: 12.2px;
      line-height: 1.5;
      color: rgba(255, 255, 255, 0.82);
      display: none;
    }
    .acc-synergy-dots {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: 14px;
    }
    .acc-synergy-dot {
      width: 7px;
      height: 7px;
      border-radius: 99px;
      background: rgba(255, 255, 255, 0.25);
      border: none;
      padding: 0;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .acc-synergy-dot.active {
      width: 22px;
      background: var(--acc-accent, #f69259);
    }

    /* === ERGONOMIE D'OUVERTURE DES OFFRES (#offres) : PAGE ACTUELLE vs NOUVEL ONGLET & DOUBLE-CLIC === */
    .acc-jobs-openmode-bar {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
      background: rgba(17, 19, 24, 0.045);
      border: 1px solid rgba(17, 19, 24, 0.10);
      border-radius: 999px;
      padding: 4px 6px 4px 12px;
      margin-top: 10px;
      font-size: 11.5px;
      color: var(--acc-muted);
    }
    .acc-openmode-pill {
      border: 1px solid transparent;
      background: transparent;
      color: var(--acc-ink);
      font-family: inherit;
      font-size: 11.2px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 999px;
      cursor: pointer;
      transition: all 0.16s ease;
      opacity: 0.72;
    }
    .acc-openmode-pill:hover {
      opacity: 1;
      background: rgba(255, 255, 255, 0.65);
    }
    .acc-openmode-pill.is-on {
      opacity: 1;
      background: #ffffff;
      border-color: rgba(246, 146, 89, 0.45);
      color: var(--acc-accent, #e86c25);
      box-shadow: 0 2px 8px rgba(17, 19, 24, 0.06);
    }
    .acc-home-job-actions-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-top: auto;
      padding-top: 8px;
      width: 100%;
    }
    .acc-home-job-newtab-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 4px 9px;
      border-radius: 6px;
      border: 1px solid rgba(17, 19, 24, 0.12);
      background: rgba(17, 19, 24, 0.03);
      color: #52525b;
      font-size: 10.6px;
      font-weight: 700;
      text-decoration: none !important;
      letter-spacing: 0.02em;
      transition: all 0.18s ease;
      white-space: nowrap;
    }
    .acc-home-job-newtab-btn:hover {
      background: var(--acc-accent, #f69259);
      border-color: var(--acc-accent, #f69259);
      color: var(--acc-on-accent, #111318) !important;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(246, 146, 89, 0.28);
    }

    /* === BARRES CONTEXTUELLES D'ATELIER PAR BLOC (100% SUPPRIMÉES À L'EXPORT & EN APERÇU ÉTAPE 2) === */
    .acc-studio-block-ctrl-wrap {
      max-width: calc(1340px * var(--u));
      margin: calc(16px * var(--u)) auto calc(6px * var(--u));
      padding: 0 calc(22px * var(--u));
      box-sizing: border-box;
    }
    .acc-block-studio-bar {
      padding: 9px 14px;
      border-radius: 10px;
      background: #101726;
      border: 1px solid #283a5e;
      color: #e2e8f0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      font-size: 12px;
      box-shadow: 0 8px 22px rgba(8, 12, 22, 0.16);
    }
    body.is-embed-preview .acc-studio-block-ctrl-wrap,
    body.acc-wp-live-deployed .acc-studio-block-ctrl-wrap,
    body.is-embed-preview .acc-block-studio-bar,
    body.acc-wp-live-deployed .acc-block-studio-bar,
    body.is-embed-preview [data-studio-only="1"],
    body.acc-wp-live-deployed [data-studio-only="1"] {
      display: none !important;
    }
    /* Comportement des blocs selon le mode choisi dans leur barre contextuelle */
    #siteCanvas[data-bm-parcours="compact"] #sec-parcours .parcours-door-card p { display: none !important; }
    #siteCanvas[data-bm-parcours="standby"] #sec-parcours { display: none !important; }

    #siteCanvas[data-bm-expertises="no_engagements"] #engagements { display: none !important; }
    #siteCanvas[data-bm-expertises="cards_only"] #a-propos,
    #siteCanvas[data-bm-expertises="cards_only"] #engagements { display: none !important; }
    #siteCanvas[data-bm-expertises="standby"] #sec-expertises,
    #siteCanvas[data-bm-expertises="standby"] #a-propos,
    #siteCanvas[data-bm-expertises="standby"] #engagements { display: none !important; }

    #siteCanvas[data-bm-confiance="hidden_all"] #confiance .acc-proof-top,
    #siteCanvas[data-bm-confiance="hidden_all"] #confiance .acc-logo-window,
    #siteCanvas[data-bm-confiance="hidden_all"] #confiance #accGoogleReviewsLiveWidget,
    #siteCanvas[data-bm-confiance="hidden_all"] #confiance .acc-reviews-premium { display: none !important; }
    body.is-embed-preview #siteCanvas[data-bm-confiance="hidden_all"] #confiance,
    body.acc-wp-live-deployed #siteCanvas[data-bm-confiance="hidden_all"] #confiance { display: none !important; }

    #siteCanvas[data-bm-formules="formules_only"] #entreprises { display: none !important; }
    #siteCanvas[data-bm-formules="diag_only"] #formules { display: none !important; }
    #siteCanvas[data-bm-formules="standby"] #formules,
    #siteCanvas[data-bm-formules="standby"] #entreprises { display: none !important; }

    #siteCanvas[data-bm-simulateur="standby"] #simulateur { display: none !important; }
    #siteCanvas[data-bm-methode="standby"] #methode { display: none !important; }

    #siteCanvas[data-bm-offres="top3"] #offres .acc-home-job-card:nth-child(n+4) { display: none !important; }
    #siteCanvas[data-bm-offres="standby"] #offres { display: none !important; }

    #siteCanvas[data-bm-formation="banner_only"] #catalogue { display: none !important; }
    #siteCanvas[data-bm-formation="standby"] #formation,
    #siteCanvas[data-bm-formation="standby"] #catalogue { display: none !important; }

    #siteCanvas[data-bm-audit="audit_only"] #international { display: none !important; }
    #siteCanvas[data-bm-audit="intl_only"] #audit,
    #siteCanvas[data-bm-audit="intl_only"] #mystere { display: none !important; }
    #siteCanvas[data-bm-audit="standby"] #audit,
    #siteCanvas[data-bm-audit="standby"] #mystere,
    #siteCanvas[data-bm-audit="standby"] #international { display: none !important; }

    #siteCanvas[data-bm-contact="contact_only"] #questions { display: none !important; }
    #siteCanvas[data-bm-contact="standby"] #questions,
    #siteCanvas[data-bm-contact="standby"] #contact { display: none !important; }

    .grev-mode-pill {
      background: #1a243b;
      border: 1px solid #334770;
      color: #cbd5e1;
      border-radius: 6px;
      padding: 5px 10px;
      font-size: 11.4px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.16s ease;
    }
    .grev-mode-pill.is-on {
      background: rgba(16, 185, 129, 0.22);
      border-color: #10b981;
      color: #ecfdf5;
    }
    .acc-ti-google-wrap {
      margin-top: calc(24px * var(--u));
      margin-bottom: calc(26px * var(--u));
      background: #ffffff;
      border: 1px solid rgba(20, 20, 20, 0.07);
      border-radius: calc(18px * var(--u));
      padding: calc(28px * var(--u)) calc(26px * var(--u)) calc(24px * var(--u));
      box-shadow: 0 14px 36px rgba(17, 19, 24, 0.05);
    }
    .acc-ti-google-row {
      display: grid;
      grid-template-columns: 210px minmax(0, 1fr);
      gap: calc(24px * var(--u));
      align-items: center;
    }
    @media (max-width: 900px) {
      .acc-ti-google-row {
        grid-template-columns: 1fr;
      }
    }
    .acc-ti-summary {
      text-align: center;
      padding: 10px 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
    }
    .acc-ti-summary-word {
      font-family: var(--acc-font-display, 'Outfit', sans-serif);
      font-size: 24px;
      font-weight: 800;
      letter-spacing: 0.03em;
      color: #16181d;
    }
    .acc-ti-summary-stars {
      display: inline-flex;
      gap: 3px;
    }
    .acc-ti-summary-stars svg {
      width: 24px;
      height: 24px;
    }
    .acc-ti-summary-count {
      font-size: 13.5px;
      color: #374151;
    }
    .acc-ti-google-wordmark {
      font-family: 'Product Sans', 'Outfit', Arial, sans-serif;
      font-size: 27px;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.1;
      margin-top: 2px;
    }
    .acc-ti-slider-outer {
      position: relative;
      display: flex;
      align-items: center;
      min-width: 0;
    }
    .acc-ti-track {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 32px) / 3);
      gap: 16px;
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      padding: 4px 2px;
      width: 100%;
    }
    .acc-ti-track::-webkit-scrollbar {
      display: none !important;
    }
    @media (max-width: 1080px) {
      .acc-ti-track {
        grid-auto-columns: calc((100% - 16px) / 2);
      }
    }
    @media (max-width: 680px) {
      .acc-ti-track {
        grid-auto-columns: 100%;
      }
    }
    .acc-ti-card {
      background: #f4f4f5;
      border-radius: 12px;
      padding: 18px 18px 16px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-height: 215px;
      border: 1px solid rgba(0,0,0,0.04);
      transition: transform 0.18s ease, box-shadow 0.18s ease;
    }
    .acc-ti-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(0,0,0,0.07);
    }
    .acc-ti-card-head {
      display: flex;
      align-items: center;
      gap: 11px;
    }
    .acc-ti-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      color: #ffffff;
      font-weight: 700;
      font-size: 17px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .acc-ti-user-meta {
      display: flex;
      flex-direction: column;
      min-width: 0;
      flex: 1;
    }
    .acc-ti-user-meta strong {
      font-size: 14px;
      font-weight: 700;
      color: #111827;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .acc-ti-user-meta span {
      font-size: 12px;
      color: #6b7280;
    }
    .acc-ti-g-icon {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
    }
    .acc-ti-stars-row {
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .acc-ti-5stars {
      color: #fbbc04;
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 1;
    }
    .acc-ti-verified-dot {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: #4285f4;
      color: #ffffff;
      font-size: 9.5px;
      font-weight: 900;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .acc-ti-text {
      margin: 0;
      font-size: 13.6px;
      line-height: 1.52;
      color: #1f2937;
    }
    .acc-ti-reply {
      margin-top: 4px;
      padding: 8px 10px;
      border-left: 3px solid #f69259;
      background: #ffffff;
      border-radius: 6px;
      font-size: 12.2px;
      line-height: 1.45;
      color: #374151;
    }
    .acc-ti-readmore {
      margin-top: auto;
      align-self: flex-start;
      background: none;
      border: none;
      padding: 0;
      color: #6b7280;
      font-size: 12.5px;
      cursor: pointer;
      text-decoration: none;
    }
    .acc-ti-readmore:hover {
      color: #111827;
      text-decoration: underline;
    }
    .acc-ti-nav-btn {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      border: 1px solid #e5e7eb;
      background: #ffffff;
      color: #374151;
      font-size: 20px;
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      flex-shrink: 0;
      z-index: 3;
    }
    .acc-ti-nav-btn.prev { margin-right: 8px; }
    .acc-ti-nav-btn.next { margin-left: 8px; }
    .acc-ti-nav-btn:hover {
      background: #f9fafb;
      color: #111827;
    }
    .acc-ti-cta-row {
      margin-top: calc(20px * var(--u));
      display: flex;
      justify-content: center;
    }
    .acc-ti-vote-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 28px;
      border-radius: 999px;
      background: #e0564b;
      color: #ffffff !important;
      font-family: var(--acc-font-display, 'Outfit', sans-serif);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      text-decoration: none !important;
      box-shadow: 0 8px 20px rgba(224, 86, 75, 0.28);
      transition: transform 0.16s ease, background 0.16s ease;
    }
    .acc-ti-vote-btn:hover {
      background: #cc473d;
      transform: translateY(-1px);
    }

  
    /* === HARMONISATION GLOBALE BOUTONS MOINS ORANGES (COMME "LA DIFFÉRENCE." #fb9f6f) === */
    #siteCanvas .acc-btn:not(.acc-btn-outline):not(.acc-btn-dark):not(.hero-cta-calc),
    #siteCanvas .hero-top-cta-row .hero-cta-explore,
    #siteCanvas .hero-top-cta-row .acc-btn-hero-primary,
    #siteCanvas .idx5-btn-solid,
    #siteCanvas .acc-sim-cta,
    #siteCanvas .acc-floating-cta,
    #siteCanvas #page-formation .accf a.btn:not(.alt),
    #siteCanvas #page-formation .accf .acc-nav-cta {
      background: #fb9f6f !important;
      border-color: #fb9f6f !important;
      color: #141414 !important;
      -webkit-text-fill-color: #141414 !important;
    }
    #siteCanvas .acc-btn:not(.acc-btn-outline):not(.acc-btn-dark):not(.hero-cta-calc):hover,
    #siteCanvas .hero-top-cta-row .hero-cta-explore:hover,
    #siteCanvas .hero-top-cta-row .acc-btn-hero-primary:hover,
    #siteCanvas .idx5-btn-solid:hover,
    #siteCanvas .acc-sim-cta:hover,
    #siteCanvas .acc-floating-cta:hover,
    #siteCanvas #page-formation .accf a.btn:not(.alt):hover,
    #siteCanvas #page-formation .accf .acc-nav-cta:hover {
      background: #ed8956 !important;
      border-color: #ed8956 !important;
      color: #141414 !important;
      -webkit-text-fill-color: #141414 !important;
    }
    #siteCanvas .hero-main-heading em,
    #siteCanvas .subpage-main-heading em,
    #siteCanvas .acc-section-title em,
    #siteCanvas .acc-h2 em {
      color: #fb9f6f !important;
    }



/* Native WordPress Theme Full-Viewport Layout */
html, body.acc-wp-live-deployed {
  overflow-x: clip !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  color: #17181c !important;
}
#siteCanvas {
  width: 100% !important;
  min-height: 100vh !important;
}
.acc-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}
body.admin-bar .acc-header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar .acc-header {
    top: 46px !important;
  }
}