/* ── Shared Footer — hero-card layout ──────────────────────────────── */

:root {
  --ft-hero-bg: linear-gradient(160deg, #f9f7f4 0%, #f0eef8 50%, #eef6f8 100%);
  --ft-card-bg: rgba(255,255,255,.75);
  --ft-card-border: rgba(15,23,42,.06);
  --ft-bar-bg: rgba(255,255,255,.75);
  --ft-ink: #0F172A;
  --ft-ink2: #3E495C;
  --ft-ink3: #27324A;
  --ft-accent: #4338CA;
  --ft-social-bg: rgba(67,56,202,.06);
  --ft-social-bg-h: rgba(67,56,202,.12);
  --ft-border-sub: rgba(15,23,42,.05);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ft-hero-bg: linear-gradient(160deg, #0c0e17 0%, #121328 50%, #0e1a20 100%);
    --ft-card-bg: rgba(255,255,255,.04);
    --ft-card-border: rgba(255,255,255,.08);
    --ft-bar-bg: rgba(255,255,255,.04);
    --ft-ink: #e2e8f0;
    --ft-ink2: #94a3b8;
    --ft-ink3: #cbd5e1;
    --ft-accent: #a78bfa;
    --ft-social-bg: rgba(167,139,250,.1);
    --ft-social-bg-h: rgba(167,139,250,.2);
    --ft-border-sub: rgba(255,255,255,.06);
  }
}
:root[data-theme="dark"] {
  --ft-hero-bg: linear-gradient(160deg, #0c0e17 0%, #121328 50%, #0e1a20 100%);
  --ft-card-bg: rgba(255,255,255,.04);
  --ft-card-border: rgba(255,255,255,.08);
  --ft-bar-bg: rgba(255,255,255,.04);
  --ft-ink: #e2e8f0;
  --ft-ink2: #94a3b8;
  --ft-ink3: #cbd5e1;
  --ft-accent: #a78bfa;
  --ft-social-bg: rgba(167,139,250,.1);
  --ft-social-bg-h: rgba(167,139,250,.2);
  --ft-border-sub: rgba(255,255,255,.06);
}

.site-footer { padding: 24px; }

.footer-hero {
  background: var(--ft-hero-bg);
  border-radius: 22px;
  border: 1px solid var(--ft-card-border);
  padding: 20px;
}

.footer-cards {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.footer-card {
  background: var(--ft-card-bg);
  border-radius: 14px;
  border: 1px solid var(--ft-border-sub);
  padding: 18px 20px;
}

.footer-brand { display: flex; flex-direction: column; }

.footer-brand-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.footer-brand-logo {
  width: 32px; height: 32px;
  border-radius: 9px;
  background: linear-gradient(135deg, #c4b5fd 0%, #67e8f9 100%);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 15px; color: #fff; flex-shrink: 0;
}

.footer-brand-name {
  font-size: 14px; font-weight: 700;
  color: var(--ft-ink);
}

.footer-brand-desc {
  font-size: 11.5px;
  color: var(--ft-ink2);
  line-height: 1.6;
  margin: 0 0 auto;
}

.footer-brand-contact {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--ft-border-sub);
}

.footer-email {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--ft-accent);
  text-decoration: none; font-weight: 600;
}
.footer-email:hover { text-decoration: underline; }

.footer-social {
  display: flex; gap: 7px; margin-top: 10px;
}
.footer-social a {
  width: 27px; height: 27px; border-radius: 7px;
  background: var(--ft-social-bg);
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: var(--ft-ink2);
  text-decoration: none; font-weight: 600;
  transition: background .15s;
}
.footer-social a:hover { background: var(--ft-social-bg-h); }

.footer-links-heading {
  font-size: 10px; text-transform: uppercase;
  letter-spacing: 1.5px; margin-bottom: 14px;
  font-weight: 600;
  font-family: var(--f-mono, ui-monospace, monospace);
}
.footer-links-heading.cyan  { color: #22d3ee; }
.footer-links-heading.amber { color: #f59e0b; }
.footer-links-heading.green { color: #10b981; }

.footer-links {
  display: flex; flex-direction: column; gap: 8px;
}

.footer-link {
  font-size: 12px; color: var(--ft-ink3);
  text-decoration: none;
  display: flex; align-items: center; gap: 8px;
  font-family: var(--f-mono, ui-monospace, monospace);
  transition: color .15s;
}
.footer-link:hover { color: var(--ft-accent); }

.footer-dot {
  width: 6px; height: 6px;
  border-radius: 50%; flex-shrink: 0;
}

.footer-bar {
  background: var(--ft-bar-bg);
  border-radius: 12px;
  border: 1px solid var(--ft-border-sub);
  padding: 12px 20px;
  display: flex; justify-content: space-between;
  align-items: center; flex-wrap: wrap;
  gap: 8px; font-size: 11px;
  color: var(--ft-ink2);
}
.footer-bar a {
  color: var(--ft-accent);
  text-decoration: none; font-weight: 600;
}

.footer-src {
  font-family: var(--f-mono, ui-monospace, monospace);
  letter-spacing: .04em;
}

@media (max-width: 960px) {
  .footer-cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .footer-cards { grid-template-columns: 1fr; }
  .footer-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .site-footer { padding: 16px; }
}