/* ============================================================
   Otomonit — styles de la page d'accueil
   1) Bloc auparavant inline dans le <head> d'index.php
   2) Styles auparavant écrits en attribut style="" (classes hx-*).
      Les déclarations portent !important pour conserver la priorité
      qu'avait l'attribut style="" ; :where() ramène leur
      spécificité à zéro pour qu'une règle !important du site garde la main,
      exactement comme face à un style inline. Les éléments pilotés en JS
      (id, on*, lignes du modal, anneaux) gardent leur style inline.
   ============================================================ */

    /* ----- Fix Bootstrap scrollable modal clipping ----- */
    #modalCouverture .modal-content { overflow: visible !important; }
    #modalCouverture .modal-body    { overflow-y: auto; border-radius: 0 !important; }

    /* ----- Hero badge modal button ----- */
    .badge-pays-btn {
      background: none;
      border: none;
      color: inherit;
      font: inherit;
      font-weight: 700;
      cursor: pointer;
      text-decoration: underline dotted;
      text-underline-offset: 3px;
      padding: 0;
      transition: opacity 0.15s;
    }
    .badge-pays-btn:hover { opacity: 0.75; }

    /* ----- Tier badges ----- */
    .tier-badge {
      display: inline-block;
      padding: 2px 8px;
      border-radius: var(--radius-sm);
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.3px;
      vertical-align: middle;
      margin-right: 4px;
    }
    .tier-base   { background: var(--blue-subtle); color: var(--blue); }
    .tier-plus15 { background: rgba(245,158,11,0.13); color: #d97706; }
    .tier-plus25 { background: rgba(99,102,241,0.12); color: #6366f1; }

    /* ----- Country pill chips ----- */
    .cov-pills { display: flex; flex-wrap: wrap; gap: 4px; }
    .cov-pill {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.12);
      color: rgba(255,255,255,0.75);
      border-radius: 6px;
      padding: 2px 8px;
      font-size: 0.72rem;
      font-weight: 500;
      line-height: 1.6;
    }
    .cov-pill-light {
      background: var(--bg-light);
      border: 1px solid var(--border);
      color: var(--text);
      border-radius: 6px;
      padding: 2px 8px;
      font-size: 0.72rem;
      font-weight: 500;
      line-height: 1.6;
    }
    .cov-region { margin-bottom: 12px; }
    .cov-region-name {
      font-size: 0.67rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      color: rgba(255,255,255,0.35);
      margin-bottom: 6px;
    }
    .cov-region-name-light {
      color: var(--text-muted);
    }
    .pricing-cov-body-light .cov-pill {
      background: var(--bg-light);
      border: 1px solid var(--border);
      color: var(--text);
    }
    .pricing-cov-body-light .cov-region-name {
      color: var(--text-muted);
    }

    /* ----- Pricing accordion toggle ----- */
    .pricing-cov-wrap { border-radius: 10px; overflow: hidden; }
    .pricing-cov-toggle {
      display: flex; align-items: center; gap: 7px;
      width: 100%;
      padding: 9px 14px;
      border: none; border-radius: 10px;
      font-size: 0.82rem; font-weight: 600; cursor: pointer;
      transition: background 0.15s, color 0.15s;
      text-align: left;
    }
    .pricing-cov-toggle-light {
      background: var(--bg-light);
      color: var(--text-muted);
      border: 1px solid var(--border);
    }
    .pricing-cov-toggle-light:hover { background: #e8eff5; color: var(--navy); }
    .pricing-cov-toggle-dark {
      background: rgba(255,255,255,0.06);
      color: rgba(255,255,255,0.5);
      border: 1px solid rgba(255,255,255,0.1);
    }
    .pricing-cov-toggle-dark:hover { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); }
    .cov-chevron { margin-left: auto; font-size: 0.75rem; transition: transform 0.2s; }
    [aria-expanded="true"] .cov-chevron { transform: rotate(180deg); }
    .pricing-cov-body { padding: 16px; border-radius: 0 0 10px 10px; }
    .pricing-cov-body-light { background: var(--bg-light); border: 1px solid var(--border); border-top: none; }
    .pricing-cov-body-dark { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-top: none; }

    /* ----- FAQ tier blocks ----- */
    .faq-tier { border: 1px solid var(--border); border-radius: 10px; margin-bottom: 8px; overflow: hidden; }
    .faq-tier-toggle {
      display: flex; align-items: center; justify-content: space-between;
      width: 100%; padding: 10px 14px;
      background: var(--bg-light); border: none;
      font-size: 0.85rem; color: var(--text); font-weight: 500; cursor: pointer;
      text-align: left; gap: 8px;
      transition: background 0.15s;
    }
    .faq-tier-toggle:hover { background: #e8eff5; }
    .faq-tier-arrow { font-size: 0.75rem; transition: transform 0.2s; flex-shrink: 0; }
    [aria-expanded="true"] .faq-tier-arrow { transform: rotate(180deg); }
    .faq-tier-body { padding: 14px 16px; background: white; border-top: 1px solid var(--border); }

    /* ----- Modal search & filters ----- */
    .modal-search-input {
      width: 100%; padding: 10px 14px;
      border: 1.5px solid var(--border); border-radius: 8px;
      font-size: 0.9rem; color: var(--text);
      outline: none; background: white;
      margin-bottom: 12px;
      transition: border-color 0.15s;
    }
    .modal-search-input:focus { border-color: var(--blue); }
    .modal-filter-bar {
      display: flex; flex-wrap: wrap; gap: 6px;
      padding-bottom: 16px;
    }
    .modal-filter-btn {
      padding: 5px 14px;
      border: 1.5px solid var(--border); border-radius: var(--radius-sm);
      font-size: 0.78rem; font-weight: 600; cursor: pointer;
      background: white; color: var(--text-muted);
      transition: border-color 0.15s, color 0.15s, background 0.15s;
    }
    .modal-filter-btn:hover { border-color: var(--blue); color: var(--blue); }
    .modal-filter-btn.active { background: var(--blue); color: white; border-color: var(--blue); }
    .modal-filter-btn.active .tier-badge { opacity: 0.85; }
    .modal-country-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 6px; }
    .modal-country-row {
      display: flex; align-items: center; justify-content: space-between;
      padding: 7px 10px;
      background: white; border: 1px solid var(--border); border-radius: 8px;
      font-size: 0.82rem;
    }
    .modal-country-row[style*="display: none"] { display: none !important; }
    .modal-country-name { font-weight: 500; color: var(--text); }

    /* ── Calculateur ROI v2 (Proposition 1) ── */
    .roi-calc-card-v2 {
      display: flex;
      flex-direction: column;
      background: white;
      border: 1px solid var(--border);
      border-radius: 6px;
      overflow: hidden;
      box-shadow: var(--shadow-sm);
    }
    .roi-v2-header {
      padding: 16px 22px;
      border-bottom: 1px solid var(--border);
      display: flex;
      align-items: center;
      gap: 12px;
      background: #FAFCFE;
    }
    .roi-v2-icon {
      flex-shrink: 0;
      width: 32px;
      height: 32px;
      border-radius: 4px;
      background: var(--blue-subtle);
      border: 1px solid var(--blue-border);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .roi-v2-body {
      padding: 22px 24px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      flex: 1;
    }
    .roi-ctrl-row {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .roi-ctrl-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .roi-ctrl-label {
      font-size: 0.74rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--navy);
      margin: 0;
    }
    .roi-ctrl-badge {
      display: inline-flex;
      align-items: baseline;
      gap: 4px;
      background: rgba(94, 207, 192, 0.12);
      border: 1px solid rgba(94, 207, 192, 0.35);
      border-radius: 5px;
      padding: 2px 10px;
      color: var(--navy);
      font-size: 0.8rem;
      font-weight: 600;
      font-variant-numeric: tabular-nums;
    }
    .roi-ctrl-badge strong {
      font-size: 0.95rem;
      font-weight: 800;
      color: var(--navy);
    }
    /* ── Range slider fin & élégant ── */
    input[type="range"].roi-slider {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 5px;
      border-radius: 5px;
      background: #E2E8F0;
      cursor: pointer;
      margin: 4px 0 2px;
      outline: none;
      border: none;
      padding: 0;
    }
    input[type="range"].roi-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #FFFFFF;
      border: 2.5px solid var(--blue);
      box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2);
      cursor: grab;
      transition: transform 0.1s, box-shadow 0.15s, border-color 0.15s;
    }
    input[type="range"].roi-slider::-webkit-slider-thumb:hover {
      transform: scale(1.15);
      box-shadow: 0 0 0 4px rgba(94, 207, 192, 0.25), 0 2px 6px rgba(15, 23, 42, 0.25);
    }
    input[type="range"].roi-slider::-webkit-slider-thumb:active {
      cursor: grabbing;
      transform: scale(1.1);
      box-shadow: 0 0 0 5px rgba(94, 207, 192, 0.35);
    }
    input[type="range"].roi-slider::-moz-range-thumb {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #FFFFFF;
      border: 2.5px solid var(--blue);
      box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2);
      cursor: grab;
      transition: transform 0.1s, box-shadow 0.15s;
    }
    input[type="range"].roi-slider::-moz-range-track {
      height: 5px;
      border-radius: 5px;
      background: #E2E8F0;
      border: none;
    }
    .roi-slider-limits {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.64rem;
      font-weight: 500;
      color: var(--text-muted);
    }
    .roi-v2-results {
      background: #F8FAFC;
      border-top: 1px solid var(--border);
      padding: 18px 24px;
    }
    .roi-v2-res-header {
      font-size: 0.68rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      color: var(--text-muted);
      margin-bottom: 12px;
    }
    .roi-v2-res-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }
    .roi-v2-res-row.highlight {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--border);
      margin-bottom: 0;
    }

    /* ── Bouton flottant mobile ── */
    #mobile-cta-float { display: none; }
    @media (max-width: 767px) {
      #mobile-cta-float {
        display: block; position: fixed; bottom: 0; left: 0; right: 0;
        z-index: 1040; padding: 12px 16px 20px;
        background: white; border-top: 1px solid var(--border);
        box-shadow: 0 -4px 24px rgba(22,49,71,0.12);
      }
      #mobile-cta-float a {
        display: block; background: var(--blue); color: white;
        text-align: center; padding: 15px 20px; border-radius: 12px;
        font-weight: 700; font-size: 1rem; text-decoration: none;
      }
      body { padding-bottom: 80px; }
    }


/* ── Styles extraits des attributs style="" ── */
:where(.hx-23a000) { opacity:0.75 !important; }
:where(.hx-d43735) { flex:1.2 !important; }
:where(.hx-c6eea4) { flex:1.5 !important; }
:where(.hx-d692af) { flex:0.6 !important; }
:where(.hx-76a6b8) { flex:0.8 !important; }
:where(.hx-de1abe) { flex:1.8 !important; }
:where(.hx-35f461) { flex:2.2 !important; }
:where(.hx-cb1e3d) { flex:0.5 !important; }
:where(.hx-7f87c1) { flex:2.5 !important; }
:where(.hx-544f51) { flex:1.4 !important; }
:where(.hx-dbc77b) { flex:0.9 !important; }
:where(.hx-1e0e58) { flex:0.7 !important; }
:where(.hx-a4a7cb) { color:#10B981 !important; }
:where(.hx-90cf8f) { width:95% !important; }
:where(.hx-ba4c65) { color:#F97316 !important; }
:where(.hx-474f3d) { width:91.9% !important; }
:where(.hx-8207e6) { color:#EF4444 !important; }
:where(.hx-0d22c9) { width:88.8% !important; }
:where(.hx-6dbe49) { width:34px !important; }
:where(.hx-3fd0a0) { width:148px !important; }
:where(.hx-9c41f6) { width:105px !important; }
:where(.hx-2d6ca0) { border-left:3px solid var(--blue) !important; padding-left:18px !important; }
:where(.hx-4e6118) { font-size:1.02rem !important; line-height:1.65 !important; color:var(--navy) !important; margin-bottom:8px !important; font-weight:600 !important; }
:where(.hx-3b7068) { font-size:0.82rem !important; color:var(--text-muted) !important; }
:where(.hx-a13885) { color:var(--navy) !important; }
:where(.hx-b57079) { position:sticky !important; top:100px !important; }
:where(.hx-9244c8) { font-size:0.95rem !important; line-height:1.75 !important; color:var(--text-muted) !important; margin-bottom:28px !important; }
:where(.hx-aee76f) { color:var(--text) !important; }
:where(.hx-4d06b8) { margin-bottom:32px !important; }
:where(.hx-96ee7b) { display:flex !important; flex-direction:column !important; gap:0 !important; }
:where(.hx-d6d164) { display:flex !important; gap:14px !important; align-items:flex-start !important; padding-bottom:20px !important; position:relative !important; }
:where(.hx-ae6f49) { position:absolute !important; left:15px !important; top:32px !important; bottom:0 !important; width:2px !important; background:var(--border) !important; }
:where(.hx-9e57ff) { width:32px !important; height:32px !important; border-radius:4px !important; background:white !important; border:1.5px solid var(--navy) !important; color:var(--navy) !important; font-family:var(--font-serif) !important; font-size:0.95rem !important; font-weight:700 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; box-shadow:var(--shadow-sm) !important; }
:where(.hx-e06476) { padding-top:4px !important; }
:where(.hx-43b576) { font-size:0.88rem !important; font-weight:700 !important; color:var(--navy) !important; margin-bottom:2px !important; }
:where(.hx-879dfc) { font-size:0.78rem !important; color:var(--text-muted) !important; }
:where(.hx-2f23f1) { width:32px !important; height:32px !important; border-radius:4px !important; background:white !important; border:1.5px solid var(--blue) !important; color:var(--blue-dark) !important; font-family:var(--font-serif) !important; font-size:0.95rem !important; font-weight:700 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; box-shadow:var(--shadow-sm) !important; }
:where(.hx-4e87a0) { display:flex !important; gap:14px !important; align-items:flex-start !important; }
:where(.hx-d27190) { width:32px !important; height:32px !important; border-radius:4px !important; background:var(--blue) !important; border:1.5px solid var(--blue) !important; color:var(--navy-dark) !important; font-family:var(--font-serif) !important; font-size:0.95rem !important; font-weight:800 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; box-shadow:var(--shadow-sm) !important; }
:where(.hx-a8cbda) { display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; }
:where(.hx-9da2d4) { font-size:0.78rem !important; margin-top:auto !important; text-decoration:none !important; }
:where(.hx-1b9b41) { grid-column:1/-1 !important; }
:where(.hx-c36754) { display:flex !important; align-items:center !important; gap:10px !important; }
:where(.hx-cfd796) { background:rgba(94,207,192,0.15) !important; }
:where(.hx-1386d5) { margin:0 !important; }
:where(.hx-7533ff) { margin-top:auto !important; display:flex !important; flex-wrap:wrap !important; gap:12px !important; align-items:center !important; }
:where(.hx-bb95c0) { font-size:0.82rem !important; text-decoration:none !important; }
:where(.hx-3c0764) { color:var(--border) !important; }
:where(.hx-93f2e9) { font-size:0.82rem !important; text-decoration:none !important; color:var(--text-muted) !important; }
:where(.hx-ef0b39) { color:var(--blue) !important; border-bottom-color:var(--blue) !important; }
:where(.hx-bb936e) { font-size:1.02rem !important; line-height:1.65 !important; color:rgba(255,255,255,0.72) !important; margin:0 !important; }
:where(.hx-b3397f) { color:var(--blue) !important; opacity:0.85 !important; }
:where(.hx-3ae1f6) { margin-top:20px !important; }
:where(.hx-116e33) { text-decoration:none !important; }
:where(.hx-6069bb) { padding:14px !important; }
:where(.hx-343cb8) { font-size:1.5rem !important; }
:where(.hx-211550) { font-size:0.7rem !important; }
:where(.hx-ded943) { padding:14px !important; background:rgba(16,185,129,0.08) !important; }
:where(.hx-e4e948) { font-size:1.5rem !important; color:#10B981 !important; }
:where(.hx-e8c2e4) { padding:14px !important; background:rgba(239,68,68,0.06) !important; }
:where(.hx-585fff) { font-size:1.5rem !important; color:#EF4444 !important; }
:where(.hx-a6d8b8) { background:var(--bg-light) !important; border-radius:8px !important; overflow:hidden !important; border:1px solid var(--border) !important; }
:where(.hx-ffc681) { display:grid !important; grid-template-columns:2fr 1.5fr 1fr 1fr !important; padding:8px 14px !important; font-size:0.68rem !important; font-weight:700 !important; color:var(--text-muted) !important; border-bottom:1px solid var(--border) !important; }
:where(.hx-709fb4) { color:var(--text-muted) !important; font-size:0.72rem !important; }
:where(.hx-09f885) { background:rgba(239,68,68,0.1) !important; color:#EF4444 !important; }
:where(.hx-d80e5a) { padding:12px !important; text-align:center !important; }
:where(.hx-6e3e35) { font-size:1.3rem !important; color:#5ECFC0 !important; }
:where(.hx-1b17ec) { font-size:0.68rem !important; }
:where(.hx-10dcdc) { font-size:1.3rem !important; color:#10B981 !important; }
:where(.hx-966d50) { padding:12px !important; text-align:center !important; background:rgba(245,158,11,0.05) !important; }
:where(.hx-2cd343) { font-size:1.3rem !important; color:#F59E0B !important; }
:where(.hx-b9728d) { font-size:0.7rem !important; font-weight:700 !important; color:var(--text-muted) !important; margin-bottom:8px !important; text-transform:uppercase !important; letter-spacing:.5px !important; }
:where(.hx-e3ea28) { border-left:3px solid #F59E0B !important; }
:where(.hx-0c6847) { background:#F59E0B !important; }
:where(.hx-5f9e12) { border-left:3px solid #EF4444 !important; }
:where(.hx-df822f) { background:#EF4444 !important; }
:where(.hx-e6aaf2) { width:100% !important; height:auto !important; display:block !important; }
:where(.hx-e27bf1) { font-size:0.75rem !important; font-weight:700 !important; color:var(--text-muted) !important; text-transform:uppercase !important; letter-spacing:.5px !important; margin-bottom:12px !important; }
:where(.hx-8c979a) { margin-top:16px !important; padding:14px !important; background:rgba(94,207,192,0.06) !important; border:1px solid var(--blue-border) !important; border-radius:8px !important; }
:where(.hx-a6e734) { font-size:0.75rem !important; font-weight:700 !important; color:var(--navy) !important; margin-bottom:6px !important; }
:where(.hx-3c03e5) { font-size:0.78rem !important; color:var(--text-muted) !important; line-height:1.5 !important; }
:where(.hx-538fdd) { font-size:0.78rem !important; font-weight:700 !important; color:var(--navy) !important; margin-bottom:14px !important; }
:where(.hx-fa8656) { border:1px solid var(--border) !important; border-radius:6px !important; overflow:hidden !important; margin-bottom:12px !important; }
:where(.hx-12a3b7) { background:rgba(16,185,129,0.04) !important; }
:where(.hx-9ec964) { background:rgba(107,114,128,0.1) !important; color:#6B7280 !important; }
:where(.hx-ea30a7) { background:rgba(94,207,192,0.06) !important; }
:where(.hx-2585f9) { background:rgba(94,207,192,0.15) !important; color:var(--navy) !important; font-weight:700 !important; }
:where(.hx-587414) { display:flex !important; gap:8px !important; font-size:0.72rem !important; }
:where(.hx-aa1d97) { flex:1 !important; background:rgba(16,185,129,0.06) !important; border:1px solid rgba(16,185,129,0.15) !important; border-radius:6px !important; padding:10px !important; text-align:center !important; }
:where(.hx-ccca5d) { font-weight:800 !important; color:#10B981 !important; font-size:1rem !important; }
:where(.hx-5b795a) { color:var(--text-muted) !important; }
:where(.hx-9538c9) { flex:1 !important; background:rgba(94,207,192,0.1) !important; border:1px solid rgba(94,207,192,0.3) !important; border-radius:6px !important; padding:10px !important; text-align:center !important; }
:where(.hx-5e9e26) { font-weight:800 !important; color:var(--navy) !important; font-size:1rem !important; }
:where(.hx-76e401) { flex:1 !important; background:rgba(245,158,11,0.06) !important; border:1px solid rgba(245,158,11,0.15) !important; border-radius:6px !important; padding:10px !important; text-align:center !important; }
:where(.hx-027b8d) { font-weight:800 !important; color:#F59E0B !important; font-size:1rem !important; }
:where(.hx-3c80b3) { margin-top:20px !important; display:flex !important; flex-direction:column !important; gap:8px !important; }
:where(.hx-31ee9f) { text-decoration:none !important; font-size:0.8rem !important; color:var(--text-muted) !important; }
:where(.hx-05c3f5) { background:var(--bg-paper) !important; border:1px solid var(--border) !important; border-radius:6px !important; padding:16px !important; margin-bottom:16px !important; }
:where(.hx-62c4f5) { font-size:0.68rem !important; font-weight:700 !important; color:var(--text-muted) !important; text-transform:uppercase !important; letter-spacing:0.8px !important; margin-bottom:12px !important; display:flex !important; justify-content:space-between !important; align-items:center !important; }
:where(.hx-f89188) { color:var(--navy) !important; font-family:var(--font-serif) !important; font-style:italic !important; }
:where(.hx-ce167d) { display:grid !important; grid-template-columns:1fr auto 1.2fr auto 1fr !important; align-items:center !important; gap:6px !important; text-align:center !important; }
:where(.hx-c5f18a) { background:white !important; border:1px solid var(--border) !important; border-radius:4px !important; padding:8px 6px !important; }
:where(.hx-18002e) { font-size:0.72rem !important; font-weight:700 !important; color:var(--navy) !important; }
:where(.hx-973b30) { font-size:0.62rem !important; color:var(--text-muted) !important; }
:where(.hx-498fa5) { display:flex !important; flex-direction:column !important; align-items:center !important; padding:0 2px !important; }
:where(.hx-ad8f56) { font-size:0.56rem !important; font-weight:700 !important; color:var(--navy) !important; background:rgba(94,207,192,0.2) !important; padding:2px 5px !important; border-radius:3px !important; margin-bottom:2px !important; }
:where(.hx-f73f1b) { color:var(--blue) !important; font-weight:900 !important; font-size:0.75rem !important; }
:where(.hx-7c7d72) { background:white !important; border:1.5px solid var(--blue) !important; border-radius:4px !important; padding:8px 6px !important; box-shadow:0 1px 4px rgba(94,207,192,0.25) !important; }
:where(.hx-8c3e23) { font-size:0.72rem !important; font-weight:800 !important; color:var(--navy) !important; }
:where(.hx-c7eb83) { font-size:0.56rem !important; font-weight:700 !important; color:var(--text-muted) !important; background:var(--bg-light) !important; padding:2px 5px !important; border-radius:3px !important; margin-bottom:2px !important; }
:where(.hx-db5551) { color:var(--text-muted) !important; font-weight:900 !important; font-size:0.75rem !important; }
:where(.hx-d6ad04) { margin-top:10px !important; padding-top:8px !important; border-top:1px dashed var(--border) !important; display:flex !important; justify-content:space-between !important; align-items:center !important; font-size:0.68rem !important; color:var(--text-muted) !important; }
:where(.hx-2f342b) { color:var(--green) !important; font-weight:600 !important; }
:where(.hx-1ec8bb) { background:rgba(16,185,129,0.06) !important; border:1px solid rgba(16,185,129,0.2) !important; border-radius:6px !important; padding:12px 14px !important; margin-bottom:14px !important; display:flex !important; align-items:center !important; gap:12px !important; }
:where(.hx-22eabf) { width:8px !important; height:8px !important; border-radius:50% !important; background:#10B981 !important; box-shadow:0 0 0 2px rgba(16,185,129,0.2) !important; flex-shrink:0 !important; }
:where(.hx-da5cd6) { flex:1 !important; }
:where(.hx-39e61a) { font-size:0.82rem !important; font-weight:700 !important; color:var(--navy) !important; }
:where(.hx-5a74eb) { font-size:0.7rem !important; color:var(--text-muted) !important; margin-top:1px !important; }
:where(.hx-6c87e6) { font-size:0.68rem !important; font-weight:700 !important; color:#10B981 !important; background:rgba(16,185,129,0.1) !important; padding:2px 7px !important; border-radius:3px !important; }
:where(.hx-d9abaa) { background:var(--bg-paper) !important; border:1px solid var(--border) !important; border-radius:6px !important; padding:14px !important; }
:where(.hx-0c9732) { font-size:0.65rem !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.5px !important; color:var(--text-muted) !important; margin-bottom:10px !important; }
:where(.hx-ba9bf1) { display:flex !important; gap:10px !important; align-items:center !important; padding:6px 0 !important; border-bottom:1px solid var(--border) !important; }
:where(.hx-c30ea6) { font-size:0.72rem !important; color:var(--text-muted) !important; width:125px !important; flex-shrink:0 !important; }
:where(.hx-d4e3a5) { font-size:0.75rem !important; font-weight:600 !important; color:var(--navy) !important; }
:where(.hx-c1d125) { margin-left:auto !important; font-size:0.65rem !important; font-weight:700 !important; color:#10B981 !important; background:rgba(16,185,129,0.08) !important; padding:1px 6px !important; border-radius:3px !important; }
:where(.hx-ad9a89) { margin-left:auto !important; font-size:0.65rem !important; font-weight:700 !important; color:var(--text-muted) !important; background:var(--bg-light) !important; padding:1px 6px !important; border-radius:3px !important; }
:where(.hx-20bdf5) { display:flex !important; gap:10px !important; align-items:center !important; padding:6px 0 !important; }
:where(.hx-7ad84f) { background:white !important; border-radius:6px !important; box-shadow:var(--shadow-sm) !important; overflow:hidden !important; border:1px solid var(--border) !important; }
:where(.hx-c83117) { display:grid !important; grid-template-columns:2fr 1fr 1fr !important; background:var(--navy) !important; }
:where(.hx-42cee9) { padding:12px 24px !important; font-size:0.75rem !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:1px !important; color:rgba(255,255,255,0.4) !important; }
:where(.hx-10c55f) { padding:12px 24px !important; font-size:0.82rem !important; font-weight:700 !important; color:rgba(255,255,255,0.5) !important; border-left:1px solid rgba(255,255,255,0.08) !important; text-align:center !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; }
:where(.hx-a9649e) { padding:12px 24px !important; font-size:0.82rem !important; font-weight:700 !important; color:var(--blue) !important; border-left:1px solid rgba(255,255,255,0.08) !important; text-align:center !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; }
:where(.hx-597532) { display:grid !important; grid-template-columns:2fr 1fr 1fr !important; border-bottom:1px solid var(--border) !important; }
:where(.hx-8795e6) { padding:11px 24px !important; }
:where(.hx-1a98f5) { font-weight:600 !important; font-size:0.9rem !important; color:var(--navy) !important; margin-bottom:3px !important; }
:where(.hx-253cfe) { padding:11px 24px !important; border-left:1px solid var(--border) !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; }
:where(.hx-9349bf) { display:flex !important; align-items:center !important; gap:10px !important; text-align:left !important; }
:where(.hx-0da887) { flex-shrink:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:22px !important; height:22px !important; border-radius:4px !important; background:rgba(239,68,68,0.08) !important; color:#EF4444 !important; }
:where(.hx-6595f2) { font-size:0.8rem !important; color:#EF4444 !important; font-weight:600 !important; }
:where(.hx-42b9aa) { font-size:0.72rem !important; color:var(--text-muted) !important; }
:where(.hx-a809d3) { padding:11px 24px !important; border-left:1px solid var(--border) !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; background:rgba(94,207,192,0.04) !important; }
:where(.hx-f5f4f1) { flex-shrink:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:22px !important; height:22px !important; border-radius:4px !important; background:rgba(94,207,192,0.15) !important; color:var(--navy) !important; }
:where(.hx-0943ab) { font-size:0.8rem !important; color:var(--navy) !important; font-weight:700 !important; }
:where(.hx-c56fdd) { flex-shrink:0 !important; display:inline-flex !important; width:22px !important; height:15px !important; border-radius:2px !important; overflow:hidden !important; box-shadow:0 1px 3px rgba(0,0,0,0.2) !important; }
:where(.hx-6611d1) { flex:1 !important; background:#002395 !important; }
:where(.hx-173f27) { flex:1 !important; background:#fff !important; }
:where(.hx-177c62) { flex:1 !important; background:#ED2939 !important; }
:where(.hx-5c8375) { display:grid !important; grid-template-columns:2fr 1fr 1fr !important; }
:where(.hx-46dad4) { display:inline-flex !important; align-items:center !important; gap:8px !important; font-size:0.9rem !important; }
:where(.hx-43e7e3) { background:var(--blue-subtle) !important; border:1px solid var(--blue-border) !important; color:var(--navy) !important; display:flex !important; align-items:center !important; justify-content:center !important; }
:where(.hx-a2f102) { font-size:0.8rem !important; font-weight:700 !important; color:var(--navy) !important; margin-bottom:16px !important; }
:where(.hx-ba8c3e) { grid-template-columns:repeat(2,1fr) !important; gap:12px !important; margin-bottom:16px !important; }
:where(.hx-058586) { padding:16px !important; text-align:left !important; }
:where(.hx-8bb910) { font-size:1.6rem !important; color:var(--blue) !important; }
:where(.hx-a0f7d1) { font-size:0.75rem !important; margin-top:4px !important; }
:where(.hx-04f042) { font-size:1.6rem !important; color:#10B981 !important; }
:where(.hx-e804e7) { padding:16px !important; text-align:left !important; background:rgba(245,158,11,0.05) !important; }
:where(.hx-0f4ce3) { font-size:1.6rem !important; color:#F59E0B !important; }
:where(.hx-4a548d) { font-size:1.6rem !important; }
:where(.hx-7bcb64) { background:rgba(94,207,192,0.06) !important; border:1px solid var(--blue-border) !important; border-radius:8px !important; padding:12px !important; font-size:0.78rem !important; color:var(--blue) !important; font-weight:600 !important; }
:where(.hx-a568ce) { border-left:3px solid #EF4444 !important; margin-bottom:8px !important; }
:where(.hx-fdf500) { border-left:3px solid #F59E0B !important; margin-bottom:8px !important; }
:where(.hx-2778a0) { margin-top:12px !important; padding:12px !important; background:var(--bg-light) !important; border-radius:6px !important; font-size:0.75rem !important; }
:where(.hx-b079e0) { font-weight:700 !important; color:var(--navy) !important; margin-bottom:6px !important; }
:where(.hx-62df2e) { display:grid !important; grid-template-columns:1fr 1fr !important; gap:4px !important; color:var(--text-muted) !important; }
:where(.hx-6e6ff6) { color:#F59E0B !important; }
:where(.hx-efd239) { margin-top:10px !important; background:rgba(16,185,129,0.06) !important; border:1px solid rgba(16,185,129,0.15) !important; border-radius:6px !important; padding:10px !important; font-size:0.75rem !important; color:#10B981 !important; font-weight:600 !important; }
:where(.hx-66ffa7) { font-size:1.2rem !important; color:var(--blue) !important; }
:where(.hx-1e0316) { font-size:0.66rem !important; }
:where(.hx-84e4e6) { font-size:1.2rem !important; color:#10B981 !important; }
:where(.hx-7b211b) { font-size:1.2rem !important; color:var(--navy) !important; }
:where(.hx-3503ba) { display:flex !important; flex-direction:column !important; gap:6px !important; }
:where(.hx-ddff88) { background:rgba(16,185,129,0.06) !important; border:1px solid rgba(16,185,129,0.15) !important; border-radius:8px !important; padding:10px !important; font-size:0.78rem !important; color:#10B981 !important; font-weight:600 !important; }
:where(.hx-a49f53) { background:rgba(94,207,192,0.06) !important; border:1px solid var(--blue-border) !important; border-radius:var(--radius-lg) !important; padding:10px !important; font-size:0.78rem !important; color:var(--blue) !important; font-weight:600 !important; }
:where(.hx-a846c6) { background:rgba(245,158,11,0.06) !important; border:1px solid rgba(245,158,11,0.15) !important; border-radius:8px !important; padding:10px !important; font-size:0.78rem !important; color:#F59E0B !important; font-weight:600 !important; }
:where(.hx-c908c6) { font-family:'Fraunces',Georgia,serif !important; font-size:clamp(1.9rem,3.2vw,2.7rem) !important; font-weight:700 !important; line-height:1.2 !important; color:var(--navy) !important; letter-spacing:-0.02em !important; }
:where(.hx-1934b8) { border-left:3px solid var(--accent) !important; background:white !important; padding:16px 20px !important; border-radius:0 6px 6px 0 !important; box-shadow:var(--shadow-sm) !important; border-top:1px solid var(--border) !important; border-right:1px solid var(--border) !important; border-bottom:1px solid var(--border) !important; }
:where(.hx-375ce1) { font-size:0.75rem !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:0.08em !important; color:var(--accent) !important; margin-bottom:6px !important; }
:where(.hx-29bef0) { margin:0 !important; font-size:0.86rem !important; color:var(--text-muted) !important; line-height:1.55 !important; }
:where(.hx-6315a3) { display:inline-flex !important; width:28px !important; height:19px !important; border-radius:3px !important; overflow:hidden !important; box-shadow:0 1px 3px rgba(0,0,0,0.25) !important; vertical-align:middle !important; flex-shrink:0 !important; }
:where(.hx-c03448) { flex:1 !important; background:#fff !important; border-top:1px solid #eee !important; border-bottom:1px solid #eee !important; }
:where(.hx-0ef85d) { font-family:var(--font-mono) !important; font-size:0.75rem !important; font-weight:700 !important; letter-spacing:0.8px !important; color:#0d8b7b !important; text-transform:uppercase !important; margin-bottom:12px !important; display:inline-flex !important; align-items:center !important; gap:6px !important; }
:where(.hx-20e55b) { display:inline-block !important; width:6px !important; height:6px !important; border-radius:50% !important; background:#5ECFC0 !important; }
:where(.hx-dfd109) { font-size:clamp(1.9rem, 3.2vw, 2.5rem) !important; font-weight:800 !important; color:var(--navy) !important; line-height:1.2 !important; margin:0 !important; }
:where(.hx-c030c3) { background:white !important; border:1px solid var(--border) !important; border-left:3px solid var(--blue) !important; border-radius:6px !important; padding:16px 20px !important; font-size:0.86rem !important; color:var(--text-muted) !important; line-height:1.55 !important; }
:where(.hx-a26570) { color:var(--navy) !important; display:block !important; margin-bottom:4px !important; }
:where(.hx-617963) { margin-bottom:14px !important; }
:where(.hx-4c87ad) { margin-top:14px !important; font-size:0.84rem !important; }
:where(.hx-c42a70) { color:var(--blue) !important; font-weight:600 !important; text-decoration:none !important; }
:where(.hx-c0fbcb) { max-width:960px !important; margin:0 auto !important; }
:where(.hx-a9c8b8) { display:grid !important; grid-template-columns:1fr 1fr !important; gap:28px !important; align-items:stretch !important; }
:where(.hx-4cd805) { display:flex !important; flex-direction:column !important; background:var(--navy) !important; border:1.5px solid var(--blue) !important; border-radius:6px !important; padding:40px 36px !important; box-shadow:var(--shadow-md) !important; }
:where(.hx-f8c6f1) { font-size:0.72rem !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:1px !important; color:rgba(255,255,255,0.35) !important; margin-bottom:14px !important; }
:where(.hx-865ccb) { display:flex !important; align-items:baseline !important; gap:6px !important; margin-bottom:6px !important; }
:where(.hx-59fc7c) { font-size:3.8rem !important; font-weight:900 !important; color:white !important; line-height:1 !important; }
:where(.hx-0cc822) { font-size:1rem !important; font-weight:600 !important; color:rgba(255,255,255,0.45) !important; }
:where(.hx-6bf431) { font-size:0.85rem !important; color:rgba(255,255,255,0.4) !important; margin-bottom:8px !important; }
:where(.hx-3255f6) { font-size:0.78rem !important; color:rgba(255,255,255,0.3) !important; margin-bottom:28px !important; padding-bottom:20px !important; border-bottom:1px solid rgba(255,255,255,0.08) !important; }
:where(.hx-c35f94) { font-size:0.88rem !important; font-weight:700 !important; color:white !important; margin-bottom:6px !important; }
:where(.hx-f49673) { font-size:0.8rem !important; color:rgba(255,255,255,0.4) !important; line-height:1.6 !important; margin-bottom:32px !important; }
:where(.hx-f6713e) { display:flex !important; flex-direction:column !important; gap:10px !important; margin-bottom:32px !important; }
:where(.hx-7275dc) { display:flex !important; align-items:flex-start !important; gap:10px !important; }
:where(.hx-e3fb48) { flex-shrink:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:20px !important; height:20px !important; border-radius:3px !important; background:rgba(94,207,192,0.15) !important; color:var(--blue) !important; margin-top:1px !important; }
:where(.hx-6d830b) { font-size:0.82rem !important; color:rgba(255,255,255,0.65) !important; }
:where(.hx-56115e) { margin-top:auto !important; }
:where(.hx-7927dc) { font-size:0.7rem !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:1px !important; color:var(--text-muted) !important; }
:where(.hx-bdc44b) { font-size:0.88rem !important; font-weight:700 !important; color:var(--navy) !important; }
:where(.hx-4ddbd9) { font-style:italic !important; }
:where(.hx-4ae9b8) { font-size:0.8rem !important; color:var(--text-muted) !important; }
:where(.hx-db976b) { font-size:0.88rem !important; font-weight:800 !important; color:var(--navy) !important; }
:where(.hx-110b4b) { font-size:0.7rem !important; color:var(--text-muted) !important; }
:where(.hx-b0043e) { margin-top:16px !important; }
:where(.hx-925bd9) { margin-top:12px !important; font-size:0.78rem !important; color:var(--text-muted) !important; }
:where(.hx-4dad77) { position:relative !important; z-index:1 !important; }
:where(.hx-308b19) { border:1px solid var(--border) !important; border-radius:6px !important; overflow:hidden !important; }
:where(.hx-55ea50) { background:var(--navy) !important; border:none !important; padding:24px 28px !important; }
:where(.hx-96e81d) { color:rgba(255,255,255,0.45) !important; font-size:0.78rem !important; margin:4px 0 0 0 !important; }
:where(.hx-4fcca9) { padding:20px 28px 0 !important; background:#f8fafc !important; border-bottom:1px solid #e2e8f0 !important; }
:where(.hx-07de72) { padding:16px 28px !important; background:#f8fafc !important; max-height:420px !important; overflow-y:auto !important; }
:where(.hx-fa963b) { background:#f8fafc !important; border-top:1px solid #e2e8f0 !important; padding:16px 28px !important; justify-content:space-between !important; align-items:center !important; }
:where(.hx-75e384) { color:var(--blue) !important; font-weight:600 !important; font-size:0.88rem !important; text-decoration:none !important; }
:where(.hx-60ee20) { background:var(--blue) !important; color:white !important; font-weight:600 !important; padding:8px 20px !important; border-radius:8px !important; font-size:0.85rem !important; border:none !important; }