/* /assets/site.css */
:root{
  --ink:#0f172a; --muted:#475569; --brand:#0b3a78; --accent:#22c55e; --bg:#f8fafc;
}
body{color:var(--ink); background:var(--bg);}
.navbar{box-shadow:0 2px 12px rgba(0,0,0,.06);}
.brand-dot{width:.65rem; height:.65rem; background:var(--accent); border-radius:999px; display:inline-block; margin-right:.5rem}
.section{padding:4rem 0}
.hero{padding:6rem 0; background:linear-gradient(180deg,#ffffff, #eef6ff)}
.eyebrow{letter-spacing:.12em; text-transform:uppercase; color:var(--brand); font-weight:700; font-size:.8rem}
.card{border:1px solid #e5e7eb}
.chip{border:1px solid #e5e7eb; border-radius:999px; padding:.25rem .6rem; font-size:.85rem; color:var(--muted)}
footer{padding:3rem 0; border-top:1px solid #e5e7eb}
.lang-btn{padding:.25rem .5rem; border:1px solid #e5e7eb; border-radius:6px; margin-left:.5rem}
.kbd{font-size:.8rem; padding:.1rem .35rem; border:1px solid #e5e7eb; border-bottom-width:2px; border-radius:4px; background:#fff}