/* ============================================================================ 1337ds.com — style.css Brand tokens + layout + components. Ported 1:1 from v4 (SILVER ORBIT — BRAND PASS). Changes vs v4: orrery rules removed; #heroCanvas added; hero/reveal load-in handed to GSAP (initial hidden states here, motion in main.js). Brand tokens are SACRED — do not change any hex value. ============================================================================ */ :root { --volt: #DDEE00; --blue: #1366FF; --cyan: #00D3FF; --violet: #9B5CFF; --space-900: #0B0E12; --space-800: #14181E; --graphite-600: #5B6470; --graphite-400: #7D858E; --silver-400: #C6CBD0; --silver-200: #E2E6E9; --white: #F6F8FA; --disp: 'Archivo', 'Helvetica Neue', Arial, sans-serif; --sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'Menlo', monospace; --r-sm: 4px; --r-md: 8px; --pad: clamp(76px, 10vw, 120px); --line: rgba(11, 14, 18, .12); } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--sans); color: var(--space-800); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; background: radial-gradient(1100px 520px at 85% -5%, rgba(19,102,255,.07), transparent 60%), radial-gradient(900px 480px at -10% 30%, rgba(198,203,208,.5), transparent 55%), linear-gradient(165deg, var(--white) 0%, var(--silver-200) 48%, #D7DCE0 100%); background-attachment: fixed; } ::selection { background: var(--volt); color: var(--space-900); } /* v98e a11y:

exists ONLY to carry the main landmark (axe landmark-one-main). It must generate no box: the seamless deck makes #sheetIntro … #proof and