/* Cortex Kinematics global styles — ported from the static landing page. Minimal inline CSS in components; everything else lives here. */ :root { color-scheme: light; --indigo: #6366f1; --indigo-dark: #4f46e5; --ink: #1e1b2e; --muted: #6b7280; --bg: #ffffff; --soft: #f5f5fb; --border: #e7e7f0; --radius: 16px; --shadow: 0 10px 30px rgba(79, 70, 229, 0.08); --shadow-hover: 0 16px 40px rgba(79, 70, 229, 0.18); /* Semantic tokens layered over the palette above so dark mode can retune them in one place (see the [data-theme="dark"] block at the end of this file): --surface raised card / panel background (was hardcoded #fff) --surface-2 inset surface (code, blockquote, highlights) --text-soft secondary body text (was the #44445a family) --accent accent *text* — kept separate from --indigo-dark so dark mode can lighten links/headings without dimming solid button fills */ --surface: #ffffff; --surface-2: #f7f7fb; --text-soft: #44445a; --accent: var(--indigo-dark); } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } /* Guard against any sub-pixel element forcing a horizontal scrollbar on phones. Use `clip`, not `hidden`: `overflow-x: hidden` forces overflow-y to compute to `auto`, which makes its own scroll container and leaves a white gap below the footer on iOS Safari. `clip` clips without creating a scroller. */ html, body { overflow-x: clip; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--ink); background: var(--bg); line-height: 1.6; -webkit-font-smoothing: antialiased; /* Sticky-footer layout:

grows to fill so