.ja-form-section {
          background: linear-gradient(135deg, #061017 0%, #0d3140 60%, #0b1b24 100%);
          padding: clamp(40px, 6vw, 80px) 0;
          position: relative;
          overflow: hidden;
        }
        .ja-form-section::before {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(ellipse at 70% 0%, rgba(153,209,228,0.14), transparent 60%);
          pointer-events: none;
        }
        .ja-form-inner {
          position: relative;
          z-index: 1;
          width: var(--ja-container);
          margin: 0 auto;
        }

        /* ── Bandeau fermé (défaut) ── */
        /* Ticker ve başlık aynı SOL kenardan hizalı (barın kendi sol boşluğuna göre, ortalanmamış);
           buton sağda, iki satıra birden dikeyde ortalı. Her biri kendi grid hücresinde, ortak bir
           sarmalayıcı yok (boyutları birbirine karışmasın). */
        .ja-form-acc-collapsed { display: grid; grid-template-columns: 1fr; grid-template-rows: 40px 1fr; align-items: center; height: 138px; padding: 0 36px; overflow: hidden; }
        .ja-form-inner.is-open .ja-form-acc-collapsed { display: none; }

        .ja-form-ticker { grid-column: 1; grid-row: 1; justify-self: start; width: 100%; max-width: 420px; height: 40px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: flex-start; }
        .ja-form-ticker::before, .ja-form-ticker::after { content: ""; position: absolute; left: 0; right: 0; height: 6px; z-index: 2; pointer-events: none; }
        .ja-form-ticker::before { top: 0; background: linear-gradient(180deg, #071820, transparent); }
        .ja-form-ticker::after { bottom: 0; background: linear-gradient(0deg, #071820, transparent); }
        .ja-form-ticker-track { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; animation: jaFormTickerScroll 9s linear infinite; }
        @keyframes jaFormTickerScroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }
        .ja-form-ticker-item { display: flex; align-items: center; gap: 11px; font-size: var(--fs-xl); font-weight: 700; color: #8fa8b4; white-space: nowrap; font-family: Inter, "Segoe UI", sans-serif; }
        .ja-form-ticker-item .dot { width: 8px; height: 8px; border-radius: 50%; background: #99d1e4; flex: none; box-shadow: 0 0 8px currentColor; }
        .ja-form-ticker-item.is-intro { font-size: var(--fs-xl); font-weight: 900; color: #cfe3ea; letter-spacing: .02em; }
        .ja-form-ticker-item.is-intro .dot { background: #ef9f27; animation: jaTickerIntroPulse 1.6s ease-in-out infinite; }
        @keyframes jaTickerIntroPulse { 0%,100% { transform: scale(1); box-shadow: 0 0 8px #ef9f27; } 50% { transform: scale(1.5); box-shadow: 0 0 14px #ef9f27; } }
        .ja-form-ticker-item:nth-child(2) .dot, .ja-form-ticker-item:nth-child(9) .dot { background: #378add; }
        .ja-form-ticker-item:nth-child(3) .dot, .ja-form-ticker-item:nth-child(10) .dot { background: #639922; }
        .ja-form-ticker-item:nth-child(4) .dot, .ja-form-ticker-item:nth-child(11) .dot { background: #ef9f27; }
        .ja-form-ticker-item:nth-child(5) .dot, .ja-form-ticker-item:nth-child(12) .dot { background: #378add; }
        .ja-form-ticker-item:nth-child(6) .dot, .ja-form-ticker-item:nth-child(13) .dot { background: #639922; }
        .ja-form-ticker-item:nth-child(7) .dot, .ja-form-ticker-item:nth-child(14) .dot { background: #ef9f27; }

        .ja-form-acc-title { grid-column: 1; grid-row: 2; justify-self: start; display: flex; align-items: center; gap: 16px; max-width: 100%; min-width: 0; font-size: clamp(26px, 3.4vw, 49px); line-height: 1.15; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; color: #99d1e4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Inter, "Segoe UI", sans-serif; }
        .ja-form-acc-title .sep { width: 5px; height: 5px; border-radius: 50%; background: #ef9f27; flex: none; }

        .ja-form-acc-hint { font-size: var(--fs-xl); font-weight: 600; color: #cfe3ea; white-space: nowrap; font-family: Inter, "Segoe UI", sans-serif; }
        .ja-form-acc-hint.hint-close { display: none; }
        .ja-form-section.is-open .ja-form-acc-hint.hint-open { display: none; }
        .ja-form-section.is-open .ja-form-acc-hint.hint-close { display: inline; }
        .ja-form-acc-toggle {
          position: absolute; top: 24px; right: 36px; z-index: 2;
          flex: none; height: 76px; padding: 0 30px 0 36px; border-radius: var(--r-pill);
          border: 1px solid rgba(153,209,228,0.5);
          background: rgba(6,16,23,0.9);
          color: #fff; display: flex; align-items: center; gap: 8px; cursor: pointer;
          box-shadow: var(--glow);
          transition: transform .3s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease;
        }
        .ja-form-acc-toggle:hover {
          background: rgba(13,49,64,0.95);
          border-color: #99d1e4;
          box-shadow: var(--glow);
          transform: translateY(-2px);
        }
        .ja-form-acc-toggle svg { width: 25px; height: 25px; transition: transform .3s ease; }
        .ja-form-section.is-open .ja-form-acc-toggle svg { transform: rotate(180deg); }

        /* ── Contenu ouvert ── */
        .ja-form-acc-expanded { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-height: 0; opacity: 0; padding: 0 36px; overflow: hidden; transition: max-height .7s cubic-bezier(.22,.8,.28,1), opacity .4s ease, padding .7s ease; }
        .ja-form-inner.is-open .ja-form-acc-expanded { max-height: 1100px; opacity: 1; padding: 46px 36px 22px; overflow: visible; }


        .ja-form-half { display: flex; flex-direction: row; align-items: stretch; gap: 10px; height: 620px; }
        .ja-form-half-label { flex: none; width: 34px; display: flex; }
        .ja-form-half-label span {
          writing-mode: vertical-rl; transform: rotate(180deg); font-size: var(--fs-xs); font-weight: 900; letter-spacing: .14em;
          text-transform: uppercase; color: #fff; white-space: nowrap; background: rgba(153,209,228,0.14);
          border: 1px solid rgba(153,209,228,0.32); border-radius: var(--r-md); padding: 14px 6px; flex: 1;
          display: flex; align-items: center; justify-content: center; font-family: Inter, "Segoe UI", sans-serif;
        }

        .ja-form-embed, .ja-activity-card, .ja-activity-panel {
          position: relative; flex: 1; min-width: 0; height: 100%; border-radius: var(--r-lg); overflow: hidden;
          box-shadow: var(--e3); background: #fff;
          transform: translateX(-24px); opacity: 0;
          transition: transform .9s cubic-bezier(.22,.8,.28,1) .3s, opacity .7s ease .3s;
        }
        .ja-form-inner.is-open .ja-form-embed, .ja-form-inner.is-open .ja-activity-card, .ja-form-inner.is-open .ja-activity-panel { transform: translateX(0); opacity: 1; }
        .ja-form-embed::before, .ja-activity-card::before, .ja-activity-panel::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; z-index: 2; background: #99d1e4; }
        .ja-form-embed iframe { position: absolute; inset: 4px 0 0 0; width: 100%; height: calc(100% - 4px); border: 0; }

        .ja-activity-card { padding: 24px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 12px; }
        .ja-activity-card[hidden], .ja-activity-panel[hidden] { display: none !important; }
        .ja-activity-card .ico { width: 44px; height: 44px; border-radius: 50%; background: rgba(239,159,39,0.12); border: 1px solid rgba(239,159,39,0.35); display: flex; align-items: center; justify-content: center; color: #e07b00; font-size: var(--fs-xl); }
        .ja-activity-card p { margin: 0; font-size: var(--fs-sm); line-height: 1.55; color: #5b7480; max-width: 32ch; font-family: Inter, "Segoe UI", sans-serif; }
        .ja-activity-card p strong { color: #123141; }

        /* ── Panneau "Activité en cours" avec sélecteur multi-activités ── */
        .ja-activity-panel { display: flex; flex-direction: column; padding-top: 4px; }
        .ja-activity-pills { flex: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 14px 10px; border-bottom: 1px solid #eef2f4; }
        .ja-activity-pills:empty { display: none; }
        .ja-activity-pill {
          font-size: var(--fs-xs); font-weight: 800; padding: 6px 12px; border-radius: var(--r-pill); cursor: pointer;
          border: 1.5px solid; background: #fff; white-space: nowrap; display: flex; align-items: center; gap: 5px;
          transition: all .18s ease; font-family: Inter, "Segoe UI", sans-serif;
        }
        .ja-activity-pill .dot { width: 5px; height: 5px; border-radius: 50%; flex: none; }
        .ja-activity-pill[data-c="blue"] { border-color: rgba(55,138,221,0.4); color: #2a6cad; }
        .ja-activity-pill[data-c="blue"] .dot { background: #378add; }
        .ja-activity-pill[data-c="green"] { border-color: rgba(99,153,34,0.4); color: #4a7318; }
        .ja-activity-pill[data-c="green"] .dot { background: #639922; }
        .ja-activity-pill[data-c="amber"] { border-color: rgba(239,159,39,0.5); color: #a5670f; }
        .ja-activity-pill[data-c="amber"] .dot { background: #ef9f27; }
        .ja-activity-pill.is-active[data-c="blue"] { background: #378add; color: #fff; border-color: #378add; box-shadow: 0 4px 12px rgba(55,138,221,0.35); }
        .ja-activity-pill.is-active[data-c="green"] { background: #639922; color: #fff; border-color: #639922; box-shadow: 0 4px 12px rgba(99,153,34,0.35); }
        .ja-activity-pill.is-active[data-c="amber"] { background: #ef9f27; color: #fff; border-color: #ef9f27; box-shadow: 0 4px 12px rgba(239,159,39,0.35); }
        .ja-activity-iframe-wrap { flex: 1; min-height: 0; position: relative; }
        .ja-activity-iframe-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

        @media (max-width: 860px) {
          .ja-form-acc-expanded { grid-template-columns: 1fr; }
          .ja-form-half { height: 560px; }
          .ja-form-acc-hint { display: none; }
        }
        @media (max-width: 860px) {
          .ja-form-acc-collapsed { grid-template-rows: auto auto; align-content: center; row-gap: 8px; padding: 0 88px 0 18px; }
          .ja-form-ticker { height: 28px; }
          .ja-form-ticker-item { font-size: var(--fs-md); }
          .ja-form-ticker-item.is-intro { font-size: var(--fs-md); }
          .ja-form-acc-title { white-space: normal; overflow: visible; text-overflow: clip; flex-wrap: wrap; row-gap: 2px; column-gap: 10px; font-size: clamp(17px, 4.8vw, 28px); line-height: 1.2; }
          .ja-form-acc-toggle { top: 18px; right: calc(7vw + 8px); height: 48px; padding: 0 16px; }
          .ja-form-acc-toggle svg { width: 20px; height: 20px; }
        }