@font-face { font-family: "Inter"; src: url("/fonts/Inter-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/fonts/GeistMono-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root { --bg:#0A0A0B; --soft:#131316; --surface:#16161A; --border:#232328; --border-strong:#34343C; --ink:#EDEDEF; --muted:#9A9AA3; --muted-strong:#C4C4CC; --blue-text:#8CCBFF; --gold:#F2B33D; --gold-text:#F7CF7A; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:400 17px/1.65 "Inter",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--blue-text); }
header { display:flex; justify-content:center; padding:28px 0 0; }
.wordmark { font-weight:600; font-size:19px; letter-spacing:-.03em; display:inline-flex; align-items:center; gap:8px; color:var(--ink); text-decoration:none; }
.wordmark .up { color:var(--blue-text); }
.dot { width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px rgba(242,179,61,.7); }
main { max-width:680px; margin:0 auto; padding:56px 20px 40px; }
h1 { font-weight:600; letter-spacing:-.035em; line-height:1.1; font-size:clamp(32px,5vw,46px); margin:0 0 12px; }
h2 { font-size:20px; letter-spacing:-.01em; margin:40px 0 8px; }
p, li { color:var(--muted-strong); }
.lede { color:var(--muted); margin:0 0 28px; }
details { border-bottom:1px solid var(--border); padding:18px 0; }
details summary { cursor:pointer; font-weight:600; font-size:18px; list-style:none; display:flex; justify-content:space-between; gap:16px; color:var(--ink); }
details summary::after { content:"+"; color:var(--blue-text); font-size:22px; line-height:1; }
details[open] summary::after { content:"−"; }
details p { margin:10px 0 0; }
.btn { display:inline-block; font:600 15px "Inter"; color:var(--bg); background:var(--gold); border-radius:10px; padding:12px 20px; text-decoration:none; margin-top:28px; }
footer { text-align:center; padding:48px 20px; font:500 12px "Geist Mono",monospace; color:var(--muted); }
footer a { color:var(--muted-strong); text-decoration:none; margin:0 8px; }