/* Shared header and footer styles for the landing page, which loads landing.css instead of pages.css.
   Mirrors the header/footer rules in pages.css and undoes landing.css rules that target its old footer.
   Load after landing.css and before nav.css. */
.site-header,.site-footer{--blue:#087aff;--ink:#0c1730;--line:#e3eaf3;--teal:#009f87}
.site-header .container,.site-footer .container{max-width:1180px;width:calc(100% - 80px);margin:auto}

/* Header */
.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:600;letter-spacing:-.8px;white-space:nowrap;color:var(--ink)}
.site-header .brand svg,.site-footer .brand svg{width:25px;height:25px;flex-shrink:0}
.site-header .header-actions{align-items:center;gap:12px;margin-left:0}
.site-header .button{padding:9px 14px;font-size:11px;font-weight:600}
.site-header .auth-nav-link{font-size:12px;color:#40516c}
.site-header .auth-nav-link:hover{color:var(--blue)}

/* Footer: reset landing.css "footer" and ".footer-*" rules written for the old footer */
.site-footer{border-top:1px solid #edf1f7;background:#fbfdff;padding:35px 0 20px}
.site-footer .footer-grid{display:grid;grid-template-columns:1.7fr repeat(6,1fr);gap:28px}
.site-footer .footer-brand{position:static}
.site-footer .footer-brand .brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:600;letter-spacing:-.8px;color:var(--ink)}
.site-footer .footer-brand p{position:static;display:block;width:auto;font-size:11px;line-height:1.6;color:#64748b;margin:13px 0 0;max-width:220px}
.site-footer .footer-col h3{font-size:11px;margin:0 0 14px;color:var(--ink)}
.site-footer .footer-col a{display:block;color:#7b8da5;font-size:11px;margin-bottom:9px}
.site-footer .footer-col a:hover{color:var(--blue)}
.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf1f7;padding-top:20px;margin-top:30px;font-size:10px;color:#90a0b4}
.site-footer .footer-bottom>div{display:flex;gap:18px}
.site-footer label{display:block;font-size:11px;font-weight:600;margin-bottom:6px;color:var(--ink)}
.site-footer input[type=email]{border:1px solid #dce5f0;border-radius:5px;padding:8px 10px;font:inherit;font-size:11px;color:#293c56;background:#fff;width:100%;min-width:0}
.site-footer .footer-news .button{padding:8px 12px}

@media(max-width:1020px){
  .site-footer .footer-grid{grid-template-columns:repeat(3,1fr)}
  .site-footer .footer-brand{grid-column:1/-1}
}
@media(max-width:640px){
  .site-header .container,.site-footer .container{width:calc(100% - 40px)}
  .header-inner{height:64px}
  .site-header .brand{font-size:21px}
}
@media(max-width:560px){.site-footer .footer-grid{grid-template-columns:repeat(2,1fr)}}
