.footer{width:100%}html.light-mode .footer{background:var(--color-secondary-transparent);color:var(--color-light)}html.dark-mode .footer{background:var(--color-dark-transparent);color:var(--color-light)}
.footerLayer{padding:34px 24px}.footerContainer{max-width:1200px;margin:0 auto}.footerNewsletterInner{grid-template-columns:1fr 1fr;align-items:center;gap:18px;display:grid}.footerTitle{font-family:var(--font-secondary);margin-bottom:8px;font-size:18px;font-weight:800}.footerText{opacity:.9;font-size:14px;line-height:1.6}.footerForm{justify-content:flex-end;gap:10px;display:flex}.footerInput{border:1px solid color-mix(in oklab,currentColor 20%,transparent);background:color-mix(in oklab,currentColor 6%,transparent);max-width:420px;height:42px;color:inherit;border-radius:12px;outline:none;flex:1;padding:0 12px}.footerInput::placeholder{opacity:.7;color:inherit}.footerButton{cursor:pointer;height:42px;font-family:var(--font-secondary);background:var(--color-accent);color:var(--color-white);border:none;border-radius:12px;padding:0 14px;font-weight:800;transition:transform .15s,opacity .15s}.footerButton:hover{opacity:.92;transform:translateY(-1px)}@media (max-width:768px){.footerNewsletterInner{grid-template-columns:1fr}.footerForm{flex-direction:column;justify-content:flex-start;align-items:stretch}.footerInput{max-width:100%}}
.footerBrandInner{gap:12px;display:grid}.footerBrandLink{color:inherit;text-decoration:none}.footerBrandHead{align-items:center;gap:12px;display:flex}.footerBrandName{font-family:var(--font-secondary);font-size:18px;font-weight:900}.footerBrandTagline{opacity:.85;font-size:13px}.footerBrandDesc{opacity:.92;max-width:760px;font-size:14px;line-height:1.7}
.footerLinksInner{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.footerColTitle{font-family:var(--font-secondary);margin-bottom:10px;font-size:16px;font-weight:800}.footerList,.footerContact{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footerList a{color:inherit;opacity:.9;text-decoration:none;transition:opacity .15s}.footerList a:hover{opacity:1}.footerContact{opacity:.9}@media (max-width:900px){.footerLinksInner{grid-template-columns:1fr}}
.footerBottomBar{padding:18px 24px 26px}.footerDivider{background:color-mix(in oklab,currentColor 18%,transparent);width:100%;height:1px;margin-bottom:14px}.footerCopy{text-align:center;opacity:.85;font-size:13px}