/* Footer — the Cursor grammar: one big centred line with two pill buttons on the page tone, then a
   rounded band one tone darker (the floating twin of the pill top bar) with the links in columns,
   and the mark, © and stack along its bottom. */
.footer{margin-top:auto}
.footer-cta{padding:112px 16px 120px;text-align:center}
.footer-cta h2{margin:0;font-size:clamp(30px,5vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.045em;color:var(--f-ink);text-wrap:balance}
.footer-cta p{margin:14px 0 0;font-size:16px;font-weight:500;color:var(--f-ink-3)}
.footer-cta-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px}
.footer-cta-btns a{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;background:var(--f-chip);
    color:var(--f-ink);font-size:15px;font-weight:600;text-decoration:none;transition:background .15s ease,transform .12s ease}
.footer-cta-btns a:hover{background:#e6e3dc}
.footer-cta-btns a.dark{background:var(--f-ink);color:#fff}
.footer-cta-btns a.dark:hover{background:#3a3834}
.footer-cta-btns a:active{transform:scale(.96)}
.footer-band{width:min(var(--w-page),calc(100% - 32px));margin:0 auto 16px;padding:56px 48px 28px;border-radius:28px;background:var(--f-chip)}
.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:36px 24px}
.footer-cols h3{margin:0 0 16px;font-size:13.5px;font-weight:500;color:var(--f-ink-3)}
.footer-cols a{display:block;width:fit-content;margin:0 0 11px;font-size:14.5px;font-weight:500;color:var(--f-ink);text-decoration:none}
.footer-cols a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--f-ink-3)}
.footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:52px;padding-top:22px;border-top:1px solid rgba(29,28,26,.08);
    font-size:13px;color:var(--f-ink-3)}
.footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--f-ink);font-weight:700;text-decoration:none}
.footer-brand img{width:auto;height:24px}
.footer-copy{font-variant-numeric:tabular-nums}
.footer-stack{margin-left:auto}
@media (max-width:760px){
    .footer-cta{padding:80px 16px 88px}
    .footer-band{padding:40px 24px 24px;border-radius:24px;margin-bottom:76px}
    .footer-cols{grid-template-columns:repeat(2,1fr);gap:28px 16px}
    .footer-stack{margin-left:0;width:100%}
}
@media (pointer:coarse){.footer-cols a{margin:0;padding:8px 0}}