.cf-footer {
        flex-shrink: 0;
    }

        .cf-footer { background-color: #0f172a; color: #94a3b8; padding-top: 0.75rem; padding-bottom: 0.75rem; margin-top: 4rem; }
        .cf-footer-inner { max-width: 1400px; margin: 0 auto; padding: 0 3rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem; text-align: center; }
        .cf-footer-col { flex: 1 1 0; min-width: 0; }
        .cf-footer-col h3 { color: #ffffff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.5rem; }
        .cf-footer-col p, .cf-footer-col li { font-size: 0.75rem; list-style: none; }
        .cf-footer-col ul { padding: 0; }
        .cf-footer-col li + li { margin-top: 0.4rem; }
        .cf-footer-col a { color: inherit; text-decoration: none; }
        .cf-footer-col a:hover { color: #ffffff; }
        .cf-footer-col-center { align-self: center; }
        .cf-footer-bottom { border-top: 1px solid #1e293b; margin-top: 0.75rem; padding-top: 0.75rem; text-align: center; }
        .cf-footer-bottom p:first-child { font-size: 0.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; }
        .cf-footer-bottom p:last-child { font-size: 14px; font-weight: 700; color: #475569; margin-top: 0.5rem; }
        .cf-footer-bottom a { color: inherit; text-decoration: none; }
        .cf-footer-bottom a:hover { color: #94a3b8; }

        @media (min-width: 768px) {
            .cf-footer-inner { padding: 0 1.5rem; }
        }