/* ═══════════════════════════════════════════
   FOOTER
   light: soft brand-blue top, stronger bottom
   dark:  darker navy top, deep navy bottom
   Both have high-contrast readable text
═══════════════════════════════════════════ */
.footer-top {
  padding:48px 24px 32px;
  background: rgba(180,215,255,0.60);
  border-top: 1px solid rgba(10,82,204,0.18);
  backdrop-filter: blur(8px);
  transition: background var(--t);
}
[data-theme="dark"] .footer-top {
  background: rgba(4,20,64,0.80);
  border-top-color: rgba(0,170,238,0.14);
}
.footer-btm {
  padding:18px 24px;
  background: rgba(6,32,100,0.92);
  backdrop-filter: blur(6px);
  transition: background var(--t);
}
[data-theme="dark"] .footer-btm {
  background: rgba(2,10,32,0.96);
}

/* Footer text — light mode: dark text for readability */
.f-col-title { font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:13px; }
[data-theme="light"] .f-col-title { color:#0a1e38; }
[data-theme="dark"]  .f-col-title { color:rgba(180,210,255,0.80); }

.f-link { font-size:13.5px; background:none; border:none; cursor:pointer; font-family:'Inter',sans-serif; padding:0; text-decoration:none; transition:color var(--t); text-align:left; }
[data-theme="light"] .f-link { color:#1a3060; }
[data-theme="dark"]  .f-link { color:rgba(160,196,240,0.85); }
.f-link:hover { color:#0a52cc; }
[data-theme="dark"] .f-link:hover { color:#fff; }

.f-desc { font-size:13.5px; line-height:1.7; max-width:280px; }
[data-theme="light"] .f-desc { color:#1a3060; }
[data-theme="dark"]  .f-desc { color:var(--tx2); }

.fi { max-width:1100px; margin:0 auto; }
.fg-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:36px; }
.f-pill { display:inline-flex; align-items:center; padding:0; margin-bottom:12px; background:transparent; }
.f-logo  { height:26px; width:auto; display:block; }
.f-socs  { display:flex; gap:8px; margin-top:14px; }
.f-soc   { width:32px; height:32px; background:rgba(10,82,204,0.15); border:1px solid rgba(10,82,204,0.25); border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; text-decoration:none; transition:all var(--t); }
[data-theme="light"] .f-soc { color:#1a3060; }
[data-theme="dark"]  .f-soc { color:rgba(200,225,255,0.88); border-color:rgba(255,255,255,0.16); background:rgba(255,255,255,0.08); }
.f-soc:hover { background:rgba(0,170,238,0.22); border-color:rgba(0,170,238,0.50); color:#fff; transform:translateY(-2px); }

.f-copy-row { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; align-items:center; }
.f-copy-row p { font-size:12.5px; color:rgba(160,196,240,0.80); }
.f-copy-row a { color:rgba(0,200,255,0.90); text-decoration:none; }