.site-footer { background: #081020; border-top: 1px solid rgba(255,255,255,.1); position: relative; }
.site-footer::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; height: 2px; background: var(--grad-wordmark); }
.footer-grid { display: grid; grid-template-columns: 1.2fr .75fr 1fr 1fr; gap: 34px; padding-block: 64px 42px; }
a.footer-brand, .footer-col a.footer-brand { display: flex; align-items: center; gap: 12px; font-size: 20px; font-weight: 700; font-family: "Space Grotesk", "Segoe UI", sans-serif; letter-spacing: .14em; }
.footer-col h3 { font-size: 15px; color: var(--cyan-glow); text-transform: uppercase; letter-spacing: .12em; margin-block-end: 16px; }
.footer-col a, .footer-col p, .footer-bottom { color: rgba(226,230,240,.68); }
.footer-col a { display: block; margin-block: 8px; transition: color var(--dur-fast); }
.footer-col a:hover { color: var(--cyan-glow); }
.social-row { display: flex; gap: 10px; margin-block-start: 16px; }
.social-row a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.13); margin: 0; transition: border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease); }
.social-row a:hover { border-color: rgba(var(--cyan-glow-rgb),.5); color: var(--cyan-glow); transform: translateY(-2px); }
.footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding-block: 22px; border-top: 1px solid rgba(255,255,255,.09); font-size: 13px; }
.footer-legal { display: inline-flex; gap: 18px; }
.footer-legal a { color: rgba(226,230,240,.68); transition: color var(--dur-fast); }
.footer-legal a:hover, .footer-legal a:focus-visible { color: var(--cyan-glow); }
.footer-bottom a { transition: color var(--dur-fast); }
.footer-bottom a:hover { color: var(--cyan-glow); }
@media (max-width: 900px) { .footer-grid { grid-template-columns: 1fr 1fr; } .footer-bottom { flex-direction: column; } }
@media (max-width: 560px) { .footer-grid { grid-template-columns: 1fr; } }