:root { --bg: #0b0c0e; --fg: #ecebe6; --fg2: #a7aab1; --line: #24272e; --acc: #c6f432; --surf: #121418; color-scheme: dark; }
@media (prefers-color-scheme: light) { :root { --bg: #f5f4ef; --fg: #16181c; --fg2: #4f535b; --line: #e0ddd3; --acc: #467006; --surf: #fff; color-scheme: light; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.7 Inter, -apple-system, 'Segoe UI', Roboto, sans-serif; }
a { color: var(--acc); }
.g-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--bg); flex-wrap: wrap; }
.g-brand { display: flex; align-items: center; gap: 10px; color: var(--fg); text-decoration: none; font: 700 17px 'Space Grotesk', Inter, sans-serif; }
.g-brand img { border-radius: 7px; }
.g-brand b { color: var(--acc); }
.g-head nav { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.g-head nav a { color: var(--fg2); text-decoration: none; font-size: 14px; }
.g-head nav a.g-cta, .g-btn { background: #c6f432; color: #0b0c0e !important; padding: 8px 14px; border-radius: 9px; font-weight: 700; text-decoration: none; display: inline-block; }
.g-btn.ghost { background: transparent; border: 1px solid var(--line); color: var(--fg) !important; }
.g-main { max-width: 820px; margin: 0 auto; padding: 40px 20px 60px; }
.g-kicker { font: 600 12px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: .1em; color: var(--acc); margin: 0; }
h1 { font: 700 clamp(30px, 5vw, 44px)/1.15 'Space Grotesk', Inter, sans-serif; letter-spacing: -.02em; margin: 8px 0 16px; }
h2 { font: 700 24px 'Space Grotesk', Inter, sans-serif; margin: 40px 0 10px; }
.g-lead { font-size: 19px; color: var(--fg2); }
li { margin: 6px 0; }
code, kbd { font: 14px 'JetBrains Mono', monospace; background: var(--surf); border: 1px solid var(--line); border-radius: 5px; padding: 1px 5px; }
table { border-collapse: collapse; width: 100%; }
td, th { border: 1px solid var(--line); padding: 6px 12px; text-align: left; }
details { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; margin: 8px 0; background: var(--surf); }
summary { cursor: pointer; font-weight: 600; }
.g-foot { text-align: center; padding: 24px; color: var(--fg2); border-top: 1px solid var(--line); font-size: 14px; }