.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:40px var(--pad) calc(28px + env(safe-area-inset-bottom));font-size:14px;color:var(--text-muted);margin-top:80px}
@media(min-width:768px){.site-footer{padding:56px var(--pad) 32px}}
.f-in{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.f-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:20px}
@media(min-width:640px){.f-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.f-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;margin-bottom:24px}}

.f-brand-name{font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--text);margin-bottom:8px}
@media(min-width:768px){.f-brand-name{font-size:16px}}
.f-brand p{font-size:12.5px;line-height:1.5;max-width:280px;color:var(--text-muted)}
.f-desc{font-size:13px;line-height:1.55;max-width:320px;color:var(--text-muted)}

.f-col h4,.f-col h5{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:16px}
.f-col ul{display:flex;flex-direction:column;gap:8px}
.f-col a{font-size:13px;color:var(--text-muted);transition:color .2s}
.f-col a:hover{color:var(--text)}
.f-bot{padding-top:32px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--text-muted)}
@media(min-width:640px){.f-bot{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}}
.f-status{display:flex;align-items:center;gap:8px;font-size:12px}
.f-status .dot{width:8px;height:8px;border-radius:50%;background:var(--positive);box-shadow:0 0 12px var(--positive);animation:drift 4s var(--ease-drift) infinite}
.f-hint{font-size:12px;color:var(--text-faint);display:flex;align-items:center;gap:6px}
kbd{font-family:inherit;font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:var(--fill-2);border:1px solid var(--line);color:var(--text-2)}

/* Mobile footer accordion */
@media(max-width:767px){
  .f-grid{display:block;gap:0;padding-bottom:0;margin-bottom:0;border-bottom:none}
  .f-col{border-top:1px solid var(--line);padding:0;margin:0}
  .f-col:last-child{border-bottom:1px solid var(--line)}
  .f-col h4,.f-col h5{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin:0;cursor:pointer;user-select:none}
  .f-col h4::after,.f-col h5::after{content:"▾";font-size:12px;color:var(--text-3);transition:transform .3s}
  .f-col.open h4::after,.f-col.open h5::after{transform:rotate(180deg)}
  .f-col ul{max-height:0;overflow:hidden;opacity:0;padding:0;transition:max-height .35s,opacity .25s,padding .35s}
  .f-col.open ul{max-height:500px;opacity:1;padding:0 0 16px}
  .f-col ul a{display:block;padding:6px 0;font-size:14px}
  .f-brand{padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid var(--line)}
  .f-bot{margin-top:20px}
}