@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,400..900,0..100&display=swap";@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap";:root{--canvas: #141210;--surface: #1F1C17;--surface-2: #2A2620;--surface-code: #0E0C0A;--text-primary: #EDE5D8;--text-secondary: #B5A593;--text-muted: #8A887E;--olive: #8C9B76;--mocha: #8A7D69;--border: rgba(237, 229, 216, .08);--border-strong: rgba(237, 229, 216, .16);--border-olive: rgba(140, 155, 118, .32);--olive-brand: #8C9B76;--fg-1: var(--text-primary);--fg-2: var(--text-secondary);--fg-3: var(--text-muted);--fg-accent: var(--olive);--fg-on-dark: var(--text-primary);--bg-canvas: var(--canvas);--bg-surface: var(--surface);--bg-inverse: var(--surface-code);--border-subtle: var(--border);--border-emphasis: var(--border-strong);--border-accent: var(--border-olive);--border-inverse: var(--border);--dark: var(--canvas);--cream: var(--text-primary);--sand: var(--text-secondary);--white: var(--surface);--sand-40: var(--border-strong);--sand-20: var(--border);--dark-80: rgba(20, 18, 16, .8);--dark-60: rgba(20, 18, 16, .6);--font-display: "Fraunces", "Source Serif 4", Georgia, "Times New Roman", serif;--font-sans: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display-settings: "opsz" 144, "SOFT" 50, "WONK" 0;--size-display: 96px;--size-h1: 64px;--size-h2: 44px;--size-h3: 28px;--size-h4: 22px;--size-h5: 18px;--size-h6: 16px;--size-body: 16px;--size-body-lg: 18px;--size-small: 14px;--size-eyebrow: 12px;--size-code: 14px;--size-stat: 96px;--size-stat-xl: 128px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--lh-display: 1.05;--lh-h1: 1.1;--lh-h2: 1.2;--lh-h3: 1.3;--lh-ui: 1.4;--lh-body: 1.6;--lh-small: 1.5;--track-display: -.02em;--track-h3: -.01em;--track-tight: -.01em;--track-normal: 0;--track-eyebrow: .08em;--space-0: 0;--space-05: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--space-16: 128px;--space-24: 192px;--max-content: 1280px;--max-prose: 880px;--gutter-sm: 32px;--gutter-md: 64px;--gutter-lg: 96px;--radius-0: 0;--radius-btn: 6px;--radius-card: 8px;--ease: cubic-bezier(.2, 0, .2, 1);--dur-fast: .1s;--dur-base: .15s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--size-body);font-weight:var(--weight-regular);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,.h1,h2,.h2{font-family:var(--font-display);font-variation-settings:var(--font-display-settings);font-weight:var(--weight-black);letter-spacing:var(--track-display);color:var(--text-primary);margin:0}h1,.h1{font-size:var(--size-h1);line-height:var(--lh-h1)}h2,.h2{font-size:var(--size-h2);line-height:var(--lh-h2)}.display{font-family:var(--font-display);font-variation-settings:var(--font-display-settings);font-weight:var(--weight-black);font-size:var(--size-display);letter-spacing:var(--track-display);line-height:var(--lh-display);color:var(--text-primary);margin:0}h3,.h3{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--size-h3);letter-spacing:var(--track-h3);line-height:var(--lh-h3);color:var(--text-primary);margin:0}h4,.h4{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--size-h4);letter-spacing:var(--track-tight);line-height:var(--lh-ui);color:var(--text-primary);margin:0}h5,.h5{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--size-h5);line-height:var(--lh-ui);color:var(--text-primary);margin:0}h6,.h6{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--size-h6);line-height:var(--lh-ui);color:var(--text-primary);margin:0}p,.body{font-size:var(--size-body);line-height:var(--lh-body);color:var(--text-primary);margin:0}.body-lg{font-size:var(--size-body-lg);line-height:var(--lh-body);color:var(--text-primary)}.small{font-size:var(--size-small);line-height:var(--lh-small);color:var(--text-secondary)}.eyebrow{font-size:var(--size-eyebrow);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--track-eyebrow);color:var(--text-muted);line-height:1}.eyebrow-accent{font-size:var(--size-eyebrow);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--track-eyebrow);color:var(--olive);line-height:1}.stat{font-family:var(--font-sans);font-weight:var(--weight-black);font-size:var(--size-stat);letter-spacing:var(--track-display);line-height:1;color:var(--olive)}.stat-label{font-size:var(--size-small);font-weight:var(--weight-medium);color:var(--text-muted);line-height:var(--lh-ui)}code,.mono{font-family:var(--font-mono);font-size:var(--size-code);font-weight:var(--weight-medium)}a,.link{color:var(--olive);text-decoration:none;transition:color var(--dur-base) var(--ease)}a:hover,.link:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}*:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--size-small);font-weight:var(--weight-medium);line-height:1;padding:12px 20px;border-radius:var(--radius-btn);border:1px solid transparent;cursor:pointer;transition:background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease);user-select:none}.btn-primary{background:var(--olive);border-color:var(--olive);color:var(--canvas)}.btn-primary:hover{background:var(--mocha);border-color:var(--mocha);color:var(--canvas)}.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-olive);color:var(--olive)}.btn[disabled]{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);transition:background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.card:hover{background:var(--surface-2);border-color:var(--border-strong)}.code-block{background:var(--surface-code);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--size-code);font-weight:var(--weight-medium);padding:20px;border:1px solid var(--border);border-radius:var(--radius-btn);line-height:1.6;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--size-eyebrow);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--track-eyebrow);color:var(--text-muted);padding:12px 0;border-bottom:1px solid var(--border-strong)}.table td{font-size:var(--size-small);color:var(--text-primary);padding:16px 0;border-bottom:1px solid var(--border)}.input{font-family:var(--font-sans);font-size:var(--size-small);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-btn);padding:10px 12px;width:100%;transition:border-color var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-strong)}.input:focus-visible{border-color:var(--border-olive);outline-offset:0;outline-color:var(--olive)}.divider{height:1px;background:var(--border);width:100%;border:0}
