@font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("assets/fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("assets/fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("assets/fonts/inter-700.woff2") format("woff2"); }
:root { --night:#0E0F11; --night-fg:#F3F4F6; --control:0 0 0 1px rgba(28,26,23,.07),0 1px 2px rgba(28,26,23,.05); --background:#F3F3F1; --card:#fff; --foreground:#1A1A19; --muted-fg:#6E6E6A; --accent:#3B6E8F; --ring:0 0 0 1px rgba(28,26,23,.05),0 1px 3px rgba(28,26,23,.06); --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
*,*::before,*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--background); color:var(--foreground); font:400 17px/1.6 var(--sans); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img { display:block; }
a { color:inherit; }
.wrap { max-width:1140px; margin:0 auto; padding:0 24px; }
@media (max-width:520px) { .wrap { padding:0 16px; } }
.topbar { display:flex; justify-content:space-between; align-items:center; padding-top:24px; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; font:700 22px/1 var(--sans); letter-spacing:-.02em; }
.brand img { height:40px; width:auto; }
.pill-link { font:600 14px/1 var(--sans); text-decoration:none; color:var(--accent); background:var(--card); padding:11px 16px; border-radius:999px; box-shadow:var(--control); }
main { max-width:720px; padding:64px 0 96px; }
h1 { font:700 clamp(2.4rem,4.4vw,3.45rem)/1.06 var(--sans); letter-spacing:-.045em; margin:0 0 12px; }
h2 { font:600 1.25rem/1.3 var(--sans); letter-spacing:-.02em; margin:40px 0 8px; }
.updated { color:var(--muted-fg); margin:0 0 28px; font-size:15px; }
.lead { font-size:1.15rem; color:var(--muted-fg); }
p, li { margin:0 0 12px; }
ul { padding-left:22px; margin:0 0 12px; }
main a { color:var(--accent); }
footer.band { background:var(--night); color:var(--night-fg); padding:40px 0; border-radius:32px 32px 0 0; }
@media (max-width:900px) { footer.band { border-radius:24px 24px 0 0; } }
.foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:rgba(243,244,246,.55); }
.foot a { text-decoration:none; }
.foot a:hover { color:var(--night-fg); }