/* ============================================================
   CTA — Figma 8:4118 · 1920 × 856
   Panneau navy à encoches, conteneur 1280
   ============================================================ */
/* Section 856 = 100 + panneau 656 + 100 */
.cta { padding-top: 100px; padding-bottom: 100px; overflow: hidden; }

.cta__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 175px;
  min-height: 656px;
  padding: 100px 40px 60px;
  border-radius: var(--r-panel);
  background: var(--c-navy);
  color: var(--c-white);
  overflow: hidden;
  --enc-color: var(--c-white);
}

/* Encoches du panneau : arche en haut, arche pivotée sur le flanc gauche,
   forme verticale posée à 1100 du bord gauche (relevé live). */
.cta__enc-1 { top: -1px;  left: 531.2px; width: 115px; height: 58px; transform: rotate(180deg); }
.cta__enc-2 { top: 112px; left: -18px;   width: 90px;  height: 58px; transform: rotate(90deg); }
.cta__enc-3 {
  top: 210px; left: 1100px;
  width: 40px; height: 61px;
  -webkit-mask-image: url('../../assets/masks/forme-40x61.png');
          mask-image: url('../../assets/masks/forme-40x61.png');
}

.cta__h {
  max-width: 1116px;
  text-align: center;
  color: var(--c-white);
  font-size: var(--fs-h1-alt);
  line-height: var(--lh-h1-alt);
  letter-spacing: var(--ls-h2);
}
.cta__pale { color: var(--c-blue-pale); }

.cta__deco { position: absolute; inset: 0; pointer-events: none; }
.cta__st { position: absolute; }
.cta__st--couronne { left: 186px;   top:  88px;   width: 38.4px;  height: 18px; }
.cta__st--etoile   { left: 253.2px; top: 313px;   width: 42px;    height: 42px; }
.cta__st--croix    { left: 977px;   top: 174px;   width: 38.4px;  height: 38.4px; }
.cta__st--spirale  { left: 432.8px; top: 330px;   width: 143px;   height: 143px; }
.cta__st--badge    { left: 819.2px; top: 282.1px; width: 105.1px; height: 105.4px; }
.cta__deco .tag { position: absolute; font-size: 20px; line-height: 34px; padding: 6px 16px; }
.cta__tag-1 { left: 635.6px; top:  62.5px; transform: rotate(5.55deg); }
.cta__tag-2 { left: 178.2px; top: 487.8px; transform: rotate(-9.27deg); }

@media (max-width: 991px) {
  .cta { padding-top: 40px; padding-bottom: 40px; }
  .cta__panel { padding: 56px 24px 64px; gap: 32px; }
  .cta__deco { display: none; }
}