/* ============================================================
   AgentiLoop Agent! — shared site footer
   Linked by every page AFTER its main stylesheet.
   Self-contained: defines its own colors so it renders identically
   on every page regardless of the base stylesheet.
   ============================================================ */

.footer {
    --footer-bg: #0b1120;
    --footer-line: rgba(255, 255, 255, 0.07);
    --footer-text: #e8ecf4;
    --footer-dim: #9aa5bd;
    --footer-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif;
    border-top: 1px solid var(--footer-line);
    padding: 44px 0;
    text-align: center;
    background: var(--footer-bg);
    font-family: var(--footer-font);
    line-height: 1.6;
}
.footer .container {
    width: auto;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
}
.footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 26px;
    margin-bottom: 18px;
}
.footer .footer-links a {
    color: var(--footer-dim);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.15s ease;
}
.footer .footer-links a:hover { color: var(--footer-text); }
.footer .footer-tagline { margin: 0; font-size: 0.82rem; color: var(--footer-dim); font-weight: 300; }
.footer .footer-tagline a { color: var(--footer-dim); text-decoration: none; border-bottom: 1px solid var(--footer-line); transition: color 0.15s ease; }
.footer .footer-tagline a:hover { color: var(--footer-text); }