:root { font-family: Inter, system-ui, sans-serif; color: #f8fafc; background: #0b1020; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top right, #23366e, #0b1020 48%); }
.shell { max-width: 720px; margin: 0 auto; padding: 18vh 32px; }
.eyebrow { color: #86a9ff; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 700; }
h1 { font-size: clamp(42px, 8vw, 76px); line-height: .98; letter-spacing: -.06em; margin: 18px 0; }
p { color: #a9b5cf; font-size: 18px; line-height: 1.6; max-width: 520px; }
button { border: 0; border-radius: 999px; padding: 13px 20px; background: #fff; color: #111827; font-weight: 700; cursor: pointer; }
/* Additional styles for the documentation */
.header { text-align: center; margin-bottom: 2rem; }
.subtitle { font-size: 1.1rem; color: #cbd5e1; margin-top: 0.5rem; }
.nav { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 1rem; }
.nav a { color: #86a9ff; text-decoration: none; font-weight: 600; }
.nav a:hover { text-decoration: underline; }
section { margin-top: 2.5rem; }
section h2 { font-size: 1.8rem; color: #fff; margin-bottom: 0.75rem; }
section p, section li { color: #e2e8f0; }
section ul { list-style: disc inside; margin-left: 1rem; }
section a { color: #7dd3fc; }