.herbie-footer { background: #ffffff; border-top: 1px solid var(--herbie-border); padding: 70px 0 30px; font-size: 0.875rem; color: #64748b; }
.herbie-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; }
.herbie-footer-logo { font-size: 1.25rem; font-weight: 700; color: #0f172a; display: inline-block; margin-bottom: 12px; }
.herbie-footer-logo strong { color: var(--herbie-primary); }
.herbie-footer-tagline { max-width: 280px; line-height: 1.6; color: #64748b; }
.herbie-footer-col h4 { font-size: 0.875rem; font-weight: 700; color: #0f172a; margin-bottom: 16px; }
.herbie-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.herbie-footer-col a { color: #64748b; transition: color 0.15s ease; }
.herbie-footer-col a:hover { color: var(--herbie-primary); }
.herbie-footer-bottom { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f1f5f9; padding-top: 24px; font-size: 0.8125rem; color: #94a3b8; }
.herbie-footer-site a { color: var(--herbie-primary); font-weight: 600; }
@media (max-width: 960px) { .herbie-footer-grid { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 580px) { .herbie-footer-grid { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 580px) { .herbie-footer-bottom { flex-direction: column; gap: 8px; text-align: center; } }