/* ============ FOOTER ============ */
  .footer{
    position:relative;
    background:#06061A;
    color:#fff;
    margin-top:0;
    padding:72px 130px 24px;
    overflow:hidden;
  }
  .footer-bg{
    position:absolute;
    right:-40px; bottom:-20px;
    width:540px; height:480px;
    pointer-events:none;
    opacity:.6;
  }
  .footer-inner{
    max-width:1440px; margin:0 auto;
    position:relative; z-index:1;
  }
  .footer-grid{
    display:grid;
    grid-template-columns: 1.55fr 1fr 1fr 1fr 1.05fr;
    grid-template-rows: auto auto;
    column-gap:48px;
    row-gap:32px;
    padding-bottom:36px;
    align-items:start;
  }
  .f-brand-col{ grid-row: 1 / span 2; }
  .f-stats-strip{
    grid-column: 2 / -1;
    grid-row: 2;
  }

  /* Brand column */
  .f-brand{
    display:flex; align-items:center; gap:10px;
    font-size:24px; font-weight:700; letter-spacing:-0.02em; color:#fff;
    margin-bottom:10px;
  }
  .f-tagline{
    color:#8B7CFF;
    font-weight:600;
    font-size:13.5px;
    margin:0 0 18px;
  }
  .f-desc{
    color:#A8A4BF;
    font-size:13.5px;
    line-height:1.65;
    margin:0 0 26px;
    max-width:300px;
  }
  .f-features{
    display:flex; flex-direction:column; gap:14px;
    margin-bottom:26px;
  }
  .f-feature{
    display:flex; align-items:center; gap:12px;
    color:#E5E2F0; font-size:14px; font-weight:500;
  }
  .f-feature-ic{
    width:30px; height:30px; border-radius:8px;
    background:rgba(91,75,255,.15);
    color:#9C8DFF;
    display:grid; place-items:center;
    flex:none;
  }

  .f-cta-card{
    border:1px solid rgba(140,120,255,.32);
    border-radius:12px;
    padding:16px 16px 16px 20px;
    display:flex; align-items:center; gap:14px;
    background:
      radial-gradient(circle at 0% 0%, rgba(91,75,255,.12), transparent 60%);
    max-width:360px;
  }
  .f-cta-text{ flex:1; min-width:0; }
  .f-cta-text h4{
    margin:0 0 6px; font-size:14.5px; font-weight:700; letter-spacing:-0.01em; color:#fff;
    line-height:1.3;
  }
  .f-cta-text p{
    margin:0; font-size:11.5px; color:#A8A4BF; line-height:1.45;
  }
  .f-cta-btn{
    width:40px; height:40px; border-radius:9px;
    background:#0070ff;
    border:none; cursor:pointer;
    display:grid; place-items:center;
    color:#fff;
    flex:none;
    box-shadow: 0 8px 22px -6px rgba(91,75,255,.6);
  }
  .f-cta-btn:hover{ background:#6E5CFF; }

  /* Column headers */
  .f-col h4.f-col-title{
    display:flex; align-items:center; gap:10px;
    font-size:12.5px; font-weight:700; letter-spacing:.1em;
    color:#fff; margin:0 0 22px;
    text-transform:uppercase;
  }
  .f-col-title-ic{
    width:26px; height:26px; border-radius:7px;
    background:rgba(91,75,255,.16);
    color:#9C8DFF;
    display:grid; place-items:center;
  }
  .f-list{
    list-style:none; padding:0; margin:0;
    display:flex; flex-direction:column;
  }
  .f-list li{
    border-bottom:1px solid rgba(255,255,255,.05);
  }
  .f-list li:last-child{ border-bottom:none; }
  .f-list a{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 0;
    color:#C9C5DC;
    font-size:14px;
    text-decoration:none;
    transition:color .15s ease, transform .15s ease;
  }
  .f-list a:hover{ color:#fff; }
  .f-list a:hover svg{ color:var(--indigo); transform:translateX(2px); }
  .f-list a svg{
    width:14px; height:14px; color:rgba(255,255,255,.35);
    transition:transform .15s ease, color .15s ease;
    flex:none;
  }

  /* Stats strip */
  .f-stats-strip{
    margin-top:0;
    border:1px solid rgba(140,120,255,.22);
    border-radius:14px;
    padding:18px 24px;
    display:flex;
    align-items:center;
    gap:0;
    background:linear-gradient(180deg, rgba(91,75,255,.06), rgba(91,75,255,.02));
    flex-wrap:wrap;
  }
  .f-stat{
    flex:1;min-width:120px;
    display:flex;flex-direction:column;gap:4px;
    padding:6px 20px;
  }
  .f-stat-n{
    font-size:22px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1;
  }
  .f-stat-n span{color:#8E7BFF}
  .f-stat-l{
    font-size:12px;color:#A8A4BF;line-height:1.4;
  }
  .f-stat-div{
    width:1px;height:36px;background:rgba(140,120,255,.2);flex-shrink:0;
  }
  .f-stat-btn{
    margin-left:20px;flex-shrink:0;
    display:inline-flex;align-items:center;gap:8px;
    background:linear-gradient(135deg,#5C46F5,#7c3aed);
    color:#fff;font-weight:700;font-size:13.5px;
    padding:11px 20px;border-radius:999px;
    transition:opacity .15s ease,transform .15s ease;
    white-space:nowrap;
  }
  .f-stat-btn:hover{opacity:.88;transform:translateY(-1px)}
  .f-stat-btn svg{width:11px;height:11px}

  /* Brand bar */
  .f-trusted{
    display:grid;
    grid-template-columns: minmax(180px, 220px) 1fr;
    align-items:center;
    gap:40px;
    padding:28px 0;
    border-top:1px solid rgba(255,255,255,.07);
    margin-top:28px;
  }
  .f-trusted-label{
    font-size:11px; font-weight:700; letter-spacing:.18em;
    color:#8B7CFF;
  }
  .f-logos-track-wrap{
    overflow:hidden;
    mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  }
  .f-logos-track{
    display:flex; align-items:center; gap:56px;
    width:max-content;
    animation: f-marquee 22s linear infinite;
  }
  .f-logos-track:hover{ animation-play-state:paused; }
  @keyframes f-marquee{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
  }
  .f-logo{
    display:inline-flex; align-items:center;
    opacity:.6;
    transition:opacity .2s ease;
    flex-shrink:0;
  }
  .f-logo:hover{ opacity:1; }
  .f-cl-img{
    height:28px;
    width:auto;
    max-width:110px;
    object-fit:contain;
    display:block;
    filter:brightness(0) invert(1);
  }

  /* Bottom bar */
  .f-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:24px;
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    align-items:center;
    gap:24px;
  }
  .f-copy{ color:#7A7693; font-size:13px; }
  .f-legal{
    display:flex; align-items:center; gap:18px; justify-content:center;
  }
  .f-legal a{
    color:#C9C5DC; text-decoration:none; font-size:13px; font-weight:500;
  }
  .f-legal a:hover{ color:#fff; }
  .f-legal .sep{
    width:5px; height:5px; border-radius:50%; background:var(--indigo);
    display:inline-block;
  }
  .f-social{
    display:flex; align-items:center; justify-content:flex-end; gap:10px;
  }
  .f-social a{
    width:36px; height:36px; border-radius:50%;
    background:rgba(255,255,255,.06);
    color:#C9C5DC;
    display:grid; place-items:center;
    text-decoration:none;
    transition:background .15s ease, color .15s ease;
  }
  .f-social a:hover{ background:var(--indigo); color:#fff; }

  /* ================ Footer responsive ================ */

  /* Large desktop - keep 5 columns */
  @media (max-width: 1440px){
    .footer{ padding:64px 24px 22px; }
    .footer-grid{ column-gap:36px; }
  }

  /* Medium desktop / small laptop - keep 5 columns but tighter */
  @media (max-width: 1280px){
    .footer-grid{
      grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
      column-gap:28px;
    }
    .f-list a{ font-size:13.5px; }
    .f-desc{ font-size:13px; }
  }

  /* Tablet landscape - drop to 3 columns: brand + 2 link cols, 2x2 link grid */
  @media (max-width: 1100px){
    .footer{ padding:60px 24px 24px; }
    .footer-grid{
      grid-template-columns: 1.4fr 1fr 1fr;
      grid-template-rows: auto auto;
      column-gap:36px;
      row-gap:32px;
    }
    .f-brand-col{ grid-row: 1 / span 2; }
    .f-stats-strip{ grid-column: 2 / -1; grid-row: 2; }
    .f-trusted{ gap:28px; }
    .f-logos-track{ gap:40px; }
    .f-logo{ font-size:18px; }
  }

  /* Tablet portrait - brand on top, 2-col link grid */
  @media (max-width: 880px){
    .footer{ padding:56px 22px 22px; }
    .footer-grid{
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      column-gap:32px;
      row-gap:36px;
    }
    .f-brand-col{ grid-row:auto; grid-column: 1 / -1; }
    .f-brand-col .f-desc{ max-width:520px; }
    .f-features{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px 24px;
    }
    .f-cta-card{ max-width:520px; }
    .f-stats-strip{
      grid-column: 1 / -1; grid-row:auto;
      flex-wrap:wrap;gap:0;
    }
    .f-stat{padding:8px 14px}
    .f-stat-btn{margin:8px 0 0 14px}
    .f-trusted{
      grid-template-columns: 1fr;
      gap:16px;
    }
    .f-trusted-label{ text-align:left; }
    .f-logos-track{ gap:32px; }
    .f-logo{ font-size:17px; }
    .f-bottom{
      grid-template-columns: 1fr;
      text-align:left;
      gap:18px;
    }
    .f-legal{ justify-content:flex-start; flex-wrap:wrap; gap:14px; }
    .f-social{ justify-content:flex-start; }
    .footer-bg{ opacity:.35; right:-100px; bottom:-80px; width:420px; height:380px; }
  }

  /* Small tablet / large phone - single column for cards but 2-col for links */
  @media (max-width: 640px){
    .footer{ padding:48px 20px 22px; }
    .footer-grid{ row-gap:30px; column-gap:24px; }
    .f-features{ grid-template-columns: 1fr; }
    .f-brand{ font-size:22px; }
    .f-tagline{ font-size:13px; }
    .f-desc{ font-size:13.5px; }
    .f-cta-card{ max-width:none; }
    .f-stats-strip{ padding:14px 16px; }
    .f-stat-n{ font-size:19px; }
    .f-stat-div{ height:28px; }
    .f-col-title{ margin-bottom:18px; font-size:12px; }
    .f-list a{ padding:11px 0; font-size:13.5px; }
    .f-logos-track{ gap:28px; }
    .f-logo{ font-size:15.5px; }
    .footer-bg{ display:none; }
  }

  /* Phone - single column for everything including link lists */
  @media (max-width: 480px){
    .footer{ padding:44px 18px 22px; }
    .footer-grid{
      grid-template-columns: 1fr;
      row-gap:24px;
    }
    .f-brand{ font-size:21px; gap:8px; }
    .f-features{ gap:12px; }
    .f-feature{ font-size:13.5px; }
    .f-feature-ic{ width:28px; height:28px; }
    .f-cta-card{ padding:14px; gap:12px; }
    .f-cta-text h4{ font-size:14px; }
    .f-cta-text p{ font-size:11.5px; }
    .f-cta-btn{ width:36px; height:36px; }
    .f-stats-strip{ padding:14px 16px;gap:0; }
    .f-stat{ padding:8px 10px;min-width:100px; }
    .f-stat-n{ font-size:17px; }
    .f-stat-div{ height:24px; }
    .f-stat-btn{ font-size:13px;padding:10px 16px;margin:10px 0 0 10px; }
    .f-legal{ gap:10px; font-size:12.5px; }
    .f-legal a{ font-size:12.5px; }
    .f-copy{ font-size:12px; }
    .f-trusted{ padding:22px 0; }
  }

  /* Small phone */
  @media (max-width: 360px){
    .footer{ padding:36px 14px 20px; }
    .f-brand{ font-size:19px; }
    .f-list a{ font-size:13px; }
    .f-col-title{ font-size:11.5px; }
    .f-cta-card{ flex-wrap:nowrap; }
    .f-logo{ font-size:14px; }
    .f-logos-track{ gap:22px; }
  }
/* Footer global markets line */
.f-markets{
  font-size:12px;color:#7A7693;
  grid-column:1/-1;
  text-align:center;
  margin-top:4px;
  order:10;
}