@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/HankenGrotesk-400.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/HankenGrotesk-400-Italic.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HankenGrotesk-500.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HankenGrotesk-600.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HankenGrotesk-700.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/HankenGrotesk-800.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600.woff2) format("woff2")}:root{--op-ink-navy: #0A0E16;--op-slate: #121A28;--op-amber: #F5B544;--op-green: #3DD68C;--op-red: #FF6B5C;--op-navy-700: #1C2637;--op-navy-600: #2A3548;--op-navy-500: #46536A;--op-amber-hover: #E8A840;--op-amber-press: #D9992F;--op-amber-deep: #7F6021;--op-amber-label: #5C4410;--op-amber-ink: #3A2A0C;--op-green-text: #1E9E62;--op-green-tint: rgba(61, 214, 140, .14);--op-red-text: #DE4A38;--op-red-tint: rgba(255, 107, 92, .13);--op-amber-text: #8A6210;--op-amber-tint: rgba(245, 181, 68, .16);--op-amber-wash: #FFF9EC;--op-paper: #F9F9F6;--op-card: #FFFFFF;--op-text-strong: #121A28;--op-text-body: #5A6878;--op-text-muted: #687483;--op-hairline: #E8EAEC;--op-rule-strong: #121A28;--op-ondark-heading: #F2F4F8;--op-ondark-body: #9DB0C6;--op-ondark-muted: #74839B;--op-ondark-hairline: rgba(255, 255, 255, .08);--op-ondark-border: #2A3442;--surface-page: var(--op-paper);--surface-card: var(--op-card);--surface-dark: var(--op-ink-navy);--surface-dark-raised: var(--op-slate);--text-heading: var(--op-text-strong);--text-body: var(--op-text-body);--text-muted: var(--op-text-muted);--accent: var(--op-amber);--status-ready: var(--op-green);--status-alert: var(--op-red);--status-warn: var(--op-amber);--focus-ring: 0 0 0 2px var(--op-card), 0 0 0 4px var(--op-amber);--focus-ring-dark: 0 0 0 2px var(--op-ink-navy), 0 0 0 4px var(--op-amber)}:root{--font-sans: "Hanken Grotesk", "Segoe UI", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--text-display-xl: 64px;--text-display: 48px;--text-h1: 36px;--text-h2: 28px;--text-h3: 22px;--text-body-lg: 18px;--text-body-md: 16px;--text-body-sm: 14px;--text-caption: 13px;--text-eyebrow: 12px;--text-stat: 96px;--weight-body: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-display: 800;--tracking-display: -.025em;--tracking-heading: -.01em;--tracking-body: 0;--tracking-eyebrow: .32em;--tracking-mono-data: .02em;--leading-display: 1.04;--leading-heading: 1.15;--leading-body: 1.55;--leading-tight: 1.3}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--container-max: 1120px;--gutter-page: 32px}:root{--shadow-card: 0 1px 2px rgba(10, 14, 22, .05), 0 10px 30px rgba(10, 14, 22, .07);--shadow-raised: 0 2px 6px rgba(10, 14, 22, .08), 0 18px 50px rgba(10, 14, 22, .14);--shadow-dark: 0 24px 60px rgba(0, 0, 0, .45);--shadow-amber: 0 8px 24px rgba(245, 181, 68, .25);--gradient-dark-hero: radial-gradient(120% 130% at 78% 12%, rgba(245, 181, 68, .09), transparent 55%), linear-gradient(148deg, #101826 0%, #0A0E16 62%);--gradient-amber-field: linear-gradient(160deg, #F7BC50 0%, #F0AC38 100%);--border-card: 1px solid var(--op-hairline);--border-ondark: 1px solid var(--op-ondark-border);--ease-out: cubic-bezier(.2, .7, .3, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body-md);font-weight:var(--weight-body);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--text-heading);line-height:var(--leading-heading);margin:0}a{color:var(--op-amber-text);text-decoration:none}a:hover{color:var(--op-amber-ink);text-decoration:underline;text-underline-offset:3px}.op-eyebrow{font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--op-amber-text)}.op-surface-dark{background:var(--gradient-dark-hero);color:var(--op-ondark-body)}.op-surface-dark h1,.op-surface-dark h2,.op-surface-dark h3{color:var(--op-ondark-heading)}.op-surface-dark .op-eyebrow{color:var(--op-amber)}.op-card{background:var(--surface-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}html,body,#root{margin:0;height:100%;background:var(--op-paper)}::selection{background:var(--op-amber);color:var(--op-ink-navy)}a{color:var(--op-amber-text)}a:hover{color:var(--op-amber-ink)}input,textarea{font-family:var(--font-sans)}input::placeholder,textarea::placeholder{color:var(--op-text-muted)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#dfe1e0;border-radius:8px;border:3px solid var(--op-paper)}::-webkit-scrollbar-track{background:transparent}button,input,textarea{font:inherit}input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}@keyframes opBlink{0%,to{opacity:1}50%{opacity:.32}}@keyframes opUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes opIn{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@keyframes opDial{0%{stroke-dashoffset:515.2}}@keyframes opSlide{0%{transform:translate(30px);opacity:.4}to{transform:none;opacity:1}}@keyframes opDash{to{stroke-dashoffset:-12}}@keyframes opPulse{0%{transform:scale(.65);opacity:.75}to{transform:scale(1.75);opacity:0}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}
