@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif: "Newsreader", ui-serif, Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 999px;--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;--ease-out: cubic-bezier(.2, 0, .1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .14s;--dur-base: .2s;--dur-slow: .32s;--container-narrow: 720px;--container-text: 880px;--container-base: 1200px;--container-wide: 1320px;--bg-canvas: #EFEAE0;--bg-elevated: #F7F3EA;--bg-subtle: #E5DECF;--bg-inset: #DAD2BE;--bg-inverse: #1F2A24;--fg-default: #1F2A24;--fg-muted: #5D6B62;--fg-subtle: #8E978E;--fg-on-accent: #F7F3EA;--fg-on-inverse:#EFEAE0;--border-default: #D5CCB8;--border-strong: #B5A98D;--accent-50: #DDE5DA;--accent-100: #C2D0BC;--accent-300: #8FA790;--accent-500: #56785F;--accent-700: #324E3B;--accent-900: #18291F;--tint-clay: #DCBFA1;--tint-clay-fg: #5C3A22;--success: #2D7D5B;--warning: #A8651E;--danger: #9B3344;--signal: var(--accent-500);--mark-fg: var(--accent-500);--mark-bg: var(--bg-canvas);--grid-line: rgba(31, 78, 58, .07);--shadow-sm: 0 1px 2px rgba(20, 32, 26, .05);--shadow-md: 0 6px 18px rgba(20, 32, 26, .08), 0 1px 3px rgba(20, 32, 26, .04);--shadow-lg: 0 18px 48px rgba(20, 32, 26, .12);--shadow-glow: 0 0 0 1px rgba(86, 120, 95, .18), 0 8px 24px rgba(86, 120, 95, .18);color-scheme:light}[data-mode=dark]{--bg-canvas: #131814;--bg-elevated: #1B221C;--bg-subtle: #232C24;--bg-inset: #0F1410;--bg-inverse: #EFEAE0;--fg-default: #ECEAE0;--fg-muted: #9EA89F;--fg-subtle: #6A736B;--fg-on-accent: #131814;--fg-on-inverse:#1F2A24;--border-default: #2A332C;--border-strong: #404B41;--accent-50: #1F2D24;--accent-100: #2A3D31;--accent-300: #7CA289;--accent-500: #A8C5AC;--accent-700: #CDDFCD;--accent-900: #E5EFE2;--tint-clay: #D4A88A;--tint-clay-fg: #1F2A24;--success: #6FCB94;--warning: #DBA15E;--danger: #E89AA0;--mark-fg: var(--accent-500);--mark-bg: var(--bg-canvas);--grid-line: rgba(168, 197, 172, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 22px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 56px rgba(0, 0, 0, .55);--shadow-glow: 0 0 0 1px rgba(168, 197, 172, .22), 0 8px 32px rgba(168, 197, 172, .22);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-canvas);color:var(--fg-default);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent-300);color:var(--fg-on-accent)}.container{max-width:var(--container-base);margin:0 auto;padding:0 32px}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 32px}.container-text{max-width:var(--container-text);margin:0 auto;padding:0 32px}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 32px}.grid-bg{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.h-display{font-size:clamp(40px,5.6vw,72px);font-weight:500;letter-spacing:-.035em;line-height:1}.h-display em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent-500)}.h-section{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.02em;line-height:1.05}.h-section em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent-500)}.lede{font-family:var(--font-serif);font-size:clamp(18px,1.7vw,21px);line-height:1.5;color:var(--fg-muted)}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.mark{display:inline-block;width:28px;height:28px;color:var(--mark-fg);flex-shrink:0;vertical-align:middle}.mark svg{display:block;width:100%;height:100%}.on-accent .mark,.mark--inverse{color:var(--fg-on-accent)}.on-accent .mark svg [fill="var(--mark-bg, #F7F3EA)"],.mark--inverse svg [fill="var(--mark-bg, #F7F3EA)"]{fill:var(--accent-500)}.btn{appearance:none;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:500;padding:11px 18px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;letter-spacing:-.005em;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-500);color:var(--fg-on-accent);border-color:var(--accent-500);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-700);border-color:var(--accent-700);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-elevated);color:var(--fg-default);border-color:var(--border-default)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--fg-default)}.btn-ghost:hover{background:var(--bg-subtle)}.btn-lg{padding:14px 22px;font-size:15px}.btn-sm{padding:8px 14px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;font-weight:500;color:var(--fg-muted);letter-spacing:.01em}.input,.textarea,.select{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:11px 14px;font-family:inherit;font-size:14px;color:var(--fg-default);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input:focus,.textarea:focus,.select:focus{outline:0;border-color:var(--accent-500);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-500) 22%,transparent)}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--fg-default)}.tag-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tag-pill.accent{background:var(--accent-50);color:var(--accent-700);border-color:color-mix(in oklab,var(--accent-500) 25%,transparent)}.tag-pill.warm{background:var(--tint-clay);color:var(--tint-clay-fg);border-color:color-mix(in oklab,var(--tint-clay) 60%,var(--fg-default))}.tag-pill.success{background:color-mix(in oklab,var(--success) 12%,transparent);color:var(--success);border-color:color-mix(in oklab,var(--success) 30%,transparent)}.tag-pill.warning{background:color-mix(in oklab,var(--warning) 12%,transparent);color:var(--warning);border-color:color-mix(in oklab,var(--warning) 30%,transparent)}.tag-pill.danger{background:color-mix(in oklab,var(--danger) 12%,transparent);color:var(--danger);border-color:color-mix(in oklab,var(--danger) 30%,transparent)}.card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-elevated);padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card .ix{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--fg-subtle)}.card h5{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em}.card h5 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent-500)}.card p{margin:0;font-family:var(--font-serif);font-size:15px;line-height:1.55;color:var(--fg-muted)}.card .arr{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--accent-500)}.site-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:color-mix(in oklab,var(--bg-canvas) 78%,transparent);border-bottom:1px solid var(--border-default)}.site-nav-inner{max-width:var(--container-base);margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:24px}.site-nav .brand-link{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em;font-size:16px;color:var(--fg-default)}.site-nav .links{display:flex;gap:4px;margin-left:24px;flex:1}.site-nav .links a{color:var(--fg-muted);font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--radius-md);transition:color var(--dur-fast),background-color var(--dur-fast)}.site-nav .links a:hover,.site-nav .links a.active{color:var(--fg-default);background:var(--bg-subtle)}.site-nav .mode-switch{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:3px;display:inline-flex;gap:0}.site-nav .mode-switch button{appearance:none;border:0;background:transparent;color:var(--fg-muted);font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;transition:color var(--dur-fast),background-color var(--dur-fast)}.site-nav .mode-switch button[aria-pressed=true]{background:var(--bg-elevated);color:var(--fg-default);box-shadow:var(--shadow-sm)}.site-foot{border-top:1px solid var(--border-default);padding:48px 0 64px;margin-top:96px;color:var(--fg-muted);font-size:13px}.site-foot-inner{max-width:var(--container-base);margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.site-foot .brand-link{color:var(--fg-default);font-weight:600}.site-foot .links{display:flex;gap:24px}.site-foot .links a{color:var(--fg-muted)}.site-foot .links a:hover{color:var(--fg-default)}
