:root { color-scheme: dark; --bg: #071816; --surface: #0d2925; --ink: #f4fbf8; --muted: #b5c8c2; --accent: #57d8b5; --line: #27514a; --lime: #eb8c10; --ok: #3fb834; }* { box-sizing: border-box; }body { min-width: 320px; width: 100%; min-height: 100dvh; height: 100%; margin: 0; background: radial-gradient(circle at top right, #174a40, var(--bg) 52%); color: var(--ink); font: 16px/1.55 Inter, ui-sans-serif, system-ui, sans-serif; }.shell { width: min(100% - 40px, 960px); margin: 0 auto; padding: 32px 0 72px; }.brand { user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; display: inline-flex; align-items: flex-end; gap: 4px; color: var(--ink); font-weight: 750; text-decoration: none; }.brand span { line-height: 12px; }.hero { max-width: 720px; padding: 100px 0 72px; }.eyebrow { margin: 0 0 14px; color: var(--accent); font-size: .75rem; font-weight: 800; letter-spacing: .14em; position: relative; display: flex; flex-direction: row; align-items: center; gap: 4px; }.eyebrow::before { --eye-sz: 10px; content: ''; display: block; height: var(--eye-sz); width: var(--eye-sz); border-radius: 999px; background-color: var(--bg-eye, white); }.eyebrow.status-ok::before { --bg-eye: var(--ok); } h1 { max-width: 680px; margin: 0; font-size: clamp(2.5rem, 7vw, 5.25rem); line-height: .98; letter-spacing: -.06em; }.lead { max-width: 620px; margin: 28px 0; color: var(--muted); font-size: 1.125rem; }.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }.button { border-radius: 999px; padding: 11px 18px; background: var(--accent); color: #052019; font-weight: 800; text-decoration: none; }.link { color: var(--ink); font-weight: 700; }.endpoints { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.endpoints article { min-height: 150px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--surface) 78%, transparent); }code { color: var(--accent); font-weight: 800; } .endpoints p { margin-bottom: 0; color: var(--muted); }@media (max-width: 680px) { .shell { width: min(100% - 32px, 960px); } .hero { padding: 76px 0 52px; } .endpoints { grid-template-columns: 1fr; } }