/* =========================
       THEME TOKENS (CSS Vars)
       ========================= */
    :root{
      --brand-950:#0a2f57;
      --brand-900:#0e4d92;
      --brand-800:#0b63ce;
      --brand-700:#177ddc;
      --brand-300:#b3d9ff;

      --ink-900:#0f172a;
      --ink-700:#334155;
      --ink-600:#475569;
      --ink-500:#64748b;
      --ink-400:#94a3b8;

      --bg-0:#ffffff;
      --bg-50:#f7fafc;
      --muted:#e6e8ee;

      --accent:#e53935;   /* Primary CTA */
      --accent-600:#d32f2f;
      --accent-700:#c62828;

      --radius:14px;
      --shadow-lg:0 24px 60px rgba(2, 6, 23, .10);
      --shadow-md:0 8px 30px rgba(2, 6, 23, .08);
      --shadow-sm:0 4px 18px rgba(2, 6, 23, .06);

      --gutter:clamp(16px, 4vw, 28px);
      --content:1200px;

      /* Fluid Type */
      --t-sm: clamp(.92rem, .9rem + .2vw, 1rem);
      --t-md: clamp(1rem, .95rem + .6vw, 1.125rem);
      --t-lg: clamp(1.1rem, 1.02rem + .9vw, 1.3rem);
      --t-xl: clamp(1.5rem, 1.1rem + 2vw, 2.1rem);
      --t-2xl:clamp(2rem, 1.4rem + 3vw, 3rem);
      --t-3xl:clamp(2.4rem, 1.6rem + 4vw, 3.6rem);
    }

    @media (prefers-color-scheme: dark){
      :root{
        --bg-0:#0e1117;
        --bg-50:#0b0d11;
        --ink-900:#e6e6e6;
        --ink-700:#cbd5e1;
        --ink-600:#b8c1cc;
        --ink-500:#aab4c1;
        --ink-400:#9aa6b2;
        --muted:#232a35;
        --shadow-lg:0 26px 70px rgba(0,0,0,.45);
        --shadow-md:0 10px 34px rgba(0,0,0,.35);
        --shadow-sm:0 6px 22px rgba(0,0,0,.28);
      }
    }
    /* ================
       FINAL CTA BAND
       ================ */
	   
	 .container{width:min(100% - 2*var(--gutter), var(--content));margin-inline:auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; text-align:left;}
    .cta-band{
      position:relative;isolation:isolate;
      background: radial-gradient(800px 260px at 20% -10%, rgba(255,255,255,.65), transparent 60%),
                  linear-gradient(90deg, var(--brand-950), var(--brand-800));
      color:#fff;padding: clamp(22px, 5vw, 48px) 0;
    }
    .cta-row{
      display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(16px,3vw,28px);align-items:center
    }
    @media (max-width: 920px){ .cta-row{grid-template-columns:1fr;text-align:center} }
    .cta-band h3{margin:0;font-size:var(--t-2xl);line-height:1.2}
    .cta-band p{margin:8px 0 0;color:#e7f2ff}
    .cta-inline{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}
     .cta-inline a{color:#ffffff;cursor: pointer;position:relative;text-decoration: none;font-size:12px;}
    @media (max-width: 920px){ .cta-inline{justify-content:center} }
    .btn-white{background:#fff;color:var(--brand-900);border-color:transparent}
    .btn-dark{background:transparent;color:#fff;border-color:#fff}

    /* ================
       FOOTER
       ================ */
    footer{color:var(--ink-500);padding:28px 0;font-size:var(--t-sm)}
    .foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
 .cta-inline .ancherlink-effect:before {position: absolute;top: auto;right: auto;bottom: -2px;left: 0; content: ""; width: 100%; height: 0.5px; -webkit-transform: scaleX(0); transform: scaleX(0); transition: transform .2s ease;background-color: #ffffff;}
     .cta-inline .ancherlink-effect:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
    
  </style>