/* Landing footer — load after /assets/css/tokens.css (shared vars) */
footer {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
    border-top: 1px solid rgba(0,0,0,0.05);
    padding: 80px max(24px, env(safe-area-inset-left, 0px)) max(40px, env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-right, 0px));
    position: relative;
    z-index: 10;
}
.footer-content {
    max-width: 1200px; margin: 0 auto;
    display: flex; justify-content: space-between; gap: 64px;
    flex-wrap: wrap;
}
.footer-brand { flex-shrink: 0; }
.footer-brand .brand-logo {
    font-size: 20px; font-weight: 800; color: var(--text-main);
    text-decoration: none; letter-spacing: -0.04em;
    display: flex; align-items: center; gap: 2px; flex-wrap: nowrap;
}
.footer-brand .brand-logo svg { height: 22px; width: auto; flex-shrink: 0; }
.footer-brand .brand-name-full { font-weight: 800; }
.footer-brand .brand-name-full span { font-weight: 300; margin-left: 2px; }
.footer-brand p {
    color: var(--text-soft); font-size: 15px; margin-top: 20px; max-width: 280px; line-height: 1.6;
}
.footer-links { display: flex; gap: 80px; flex-wrap: wrap; }
.link-col { display: flex; flex-direction: column; gap: 16px; }
.link-col h4 { font-size: 14px; font-weight: 700; color: var(--text-main); text-transform: uppercase; letter-spacing: 0.05em;}
.link-col a { color: var(--text-soft); text-decoration: none; font-size: 15px; transition: color 0.2s; }
.link-col a:hover { color: var(--zealic-purple); }
.footer-bottom {
    max-width: 1200px; margin: 64px auto 0; padding-top: 32px;
    border-top: 1px solid rgba(0,0,0,0.05);
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 16px;
}
.footer-bottom p { color: var(--text-soft); font-size: 14px; }
.legal-links { display: flex; gap: 24px; }
.legal-links a { color: var(--text-soft); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.legal-links a:hover { color: var(--zealic-purple); }
@media (max-width: 768px) {
    .footer-content { flex-direction: column; gap: 48px; }
    .footer-links { gap: 48px; }
    .footer-bottom { flex-direction: column; text-align: center; justify-content: center; }
}