:root{
  --b26-bg:#fbfbf7;
  --b26-ink:#1f2a37;
  --b26-muted:#6b7280;
  --b26-accent:#2563eb;
  --b26-paper:#ffffff;
}

html,body{background:var(--b26-bg);color:var(--b26-ink)}

#logo img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:var(--b26-paper);box-shadow:0 1px 0 rgba(0,0,0,.06)}

.hero{background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,0))}
.paper{background:var(--b26-paper);border:1px solid rgba(31,42,55,.08);border-radius:16px}

.stack{display:grid;gap:12px}

#footer{padding:28px 0;border-top:1px solid rgba(31,42,55,.12)}
#footer .social{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
#footer .social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--b26-paper);border:1px solid rgba(31,42,55,.10);text-decoration:none}
#footer p{margin:0;color:var(--b26-muted)}

.sr-only,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}