:root{--ok-bg: #0a0a0a;--ok-bg-1: #111111;--ok-bg-2: #161616;--ok-surface: #181818;--ok-surface-hover: #222222;--ok-elevated: #1f1f1f;--ok-border: rgba(255, 255, 255, .07);--ok-border-strong: rgba(255, 255, 255, .14);--ok-border-focus: rgba(255, 255, 255, .35);--ok-text: #f4f4f5;--ok-text-2: rgba(255, 255, 255, .62);--ok-text-3: rgba(255, 255, 255, .4);--ok-text-disabled: rgba(255, 255, 255, .22);--ok-text-on-accent: #0a0a0a;--ok-accent: #7c3aed;--ok-accent-hover: #8b4cf0;--ok-accent-active: #6d28d9;--ok-accent-glow: rgba(124, 58, 237, .35);--ok-accent-subtle: rgba(124, 58, 237, .12);--ok-success: #34d399;--ok-success-bg: rgba(52, 211, 153, .12);--ok-danger: #f87171;--ok-danger-bg: rgba(248, 113, 113, .12);--ok-warning: #fbbf24;--ok-warning-bg: rgba(251, 191, 36, .12);--ok-info: #60a5fa;--ok-info-bg: rgba(96, 165, 250, .12);--ok-gradient-hero: radial-gradient(1200px 600px at 70% -20%, rgba(124, 58, 237, .18), transparent 70%), radial-gradient(800px 600px at -10% 30%, rgba(96, 165, 250, .08), transparent 60%);--ok-gradient-accent: linear-gradient(135deg, var(--ok-accent) 0%, #a855f7 100%);--ok-gradient-text: linear-gradient(135deg, #f4f4f5 0%, rgba(255, 255, 255, .65) 100%);--ok-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ok-font-serif: "Instrument Serif", ui-serif, Georgia, serif;--ok-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", "Roboto Mono", monospace;--ok-text-xs: clamp(.72rem, .7rem + .1vw, .78rem);--ok-text-sm: clamp(.82rem, .78rem + .15vw, .9rem);--ok-text-base: clamp(.96rem, .9rem + .2vw, 1.05rem);--ok-text-lg: clamp(1.08rem, 1rem + .3vw, 1.2rem);--ok-text-xl: clamp(1.35rem, 1.2rem + .6vw, 1.55rem);--ok-text-2xl: clamp(1.75rem, 1.45rem + 1vw, 2.1rem);--ok-text-3xl: clamp(2.4rem, 1.8rem + 2vw, 3.2rem);--ok-text-4xl: clamp(3.2rem, 2.4rem + 3vw, 4.6rem);--ok-text-5xl: clamp(4rem, 3rem + 4vw, 6rem);--ok-leading-tight: 1.05;--ok-leading-snug: 1.2;--ok-leading-normal: 1.5;--ok-leading-loose: 1.75;--ok-tracking-tight: -.025em;--ok-tracking-tighter: -.045em;--ok-tracking-wide: .02em;--ok-tracking-widest: .18em;--ok-weight-regular: 400;--ok-weight-medium: 500;--ok-weight-semibold: 600;--ok-weight-bold: 700;--ok-space-0: 0;--ok-space-1: .25rem;--ok-space-2: .5rem;--ok-space-3: .75rem;--ok-space-4: 1rem;--ok-space-5: 1.5rem;--ok-space-6: 2rem;--ok-space-7: 3rem;--ok-space-8: 4rem;--ok-space-9: 6rem;--ok-space-10: 8rem;--ok-container: 72rem;--ok-container-narrow: 48rem;--ok-container-prose: 40rem;--ok-gutter: clamp(1rem, 4vw, 2rem);--ok-radius-none: 0;--ok-radius-sm: 4px;--ok-radius-md: 8px;--ok-radius-lg: 12px;--ok-radius-xl: 16px;--ok-radius-pill: 999px;--ok-border-width: 1px;--ok-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ok-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--ok-shadow-lg: 0 16px 40px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .3);--ok-shadow-glow: 0 0 0 1px var(--ok-accent-glow), 0 12px 32px var(--ok-accent-glow);--ok-ease-out: cubic-bezier(.16, 1, .3, 1);--ok-ease-in-out: cubic-bezier(.65, 0, .35, 1);--ok-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ok-dur-fast: .12s;--ok-dur-base: .2s;--ok-dur-slow: .36s;--ok-dur-slower: .6s;--ok-z-dropdown: 100;--ok-z-sticky: 200;--ok-z-overlay: 300;--ok-z-modal: 400;--ok-z-toast: 500;--ok-z-tooltip: 600}@media(prefers-reduced-motion:reduce){:root{--ok-dur-fast: 0ms;--ok-dur-base: 0ms;--ok-dur-slow: 0ms;--ok-dur-slower: 0ms}}@media(prefers-color-scheme:light){:root[data-theme=auto]{--ok-bg: #fafafa;--ok-bg-1: #f4f4f4;--ok-bg-2: #ffffff;--ok-surface: #ffffff;--ok-surface-hover: #f4f4f4;--ok-elevated: #ffffff;--ok-border: rgba(0, 0, 0, .08);--ok-border-strong: rgba(0, 0, 0, .16);--ok-text: #18181b;--ok-text-2: rgba(0, 0, 0, .62);--ok-text-3: rgba(0, 0, 0, .4);--ok-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--ok-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--ok-shadow-lg: 0 16px 40px rgba(0, 0, 0, .1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--ok-font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;background:var(--ok-bg);color-scheme:dark}body{min-height:100dvh;background:var(--ok-bg);background-image:var(--ok-gradient-hero);background-attachment:fixed;background-repeat:no-repeat;color:var(--ok-text);font-size:var(--ok-text-base);line-height:var(--ok-leading-normal);font-weight:var(--ok-weight-regular);font-feature-settings:"ss01","cv11","calt","kern";letter-spacing:var(--ok-tracking-tight);overflow-x:hidden}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:hover,a:focus-visible{color:var(--ok-text)}::selection{background:var(--ok-accent);color:var(--ok-text-on-accent)}button{font:inherit;background:none;border:none;cursor:pointer;color:inherit}input,textarea,select{font:inherit;color:inherit;background:transparent;border:none;outline:none}img,svg,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ok-border-focus);outline-offset:3px;border-radius:var(--ok-radius-sm)}.container{width:100%;max-width:var(--ok-container);margin-inline:auto;padding-inline:var(--ok-gutter)}.container--narrow{max-width:var(--ok-container-narrow)}.container--prose{max-width:var(--ok-container-prose)}.eyebrow{display:inline-flex;align-items:center;gap:var(--ok-space-2);padding:var(--ok-space-1) var(--ok-space-3);border:1px solid var(--ok-border);border-radius:var(--ok-radius-pill);font-family:var(--ok-font-mono);font-size:var(--ok-text-xs);letter-spacing:var(--ok-tracking-widest);text-transform:uppercase;color:var(--ok-text-2);background:var(--ok-bg-1)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok-accent);box-shadow:0 0 8px var(--ok-accent-glow)}.title-display{font-size:var(--ok-text-5xl);line-height:var(--ok-leading-tight);letter-spacing:var(--ok-tracking-tighter);font-weight:var(--ok-weight-semibold);background:var(--ok-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.title-section{font-size:var(--ok-text-3xl);line-height:var(--ok-leading-snug);letter-spacing:var(--ok-tracking-tight);font-weight:var(--ok-weight-semibold);color:var(--ok-text)}.lede{font-size:var(--ok-text-lg);color:var(--ok-text-2);line-height:var(--ok-leading-normal);max-width:38rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ok-space-2);padding:var(--ok-space-3) var(--ok-space-5);font-size:var(--ok-text-sm);font-weight:var(--ok-weight-medium);letter-spacing:var(--ok-tracking-tight);border-radius:var(--ok-radius-md);border:1px solid transparent;cursor:pointer;transition:transform var(--ok-dur-base) var(--ok-ease-out),background var(--ok-dur-base) var(--ok-ease-out),border-color var(--ok-dur-base) var(--ok-ease-out),box-shadow var(--ok-dur-base) var(--ok-ease-out),color var(--ok-dur-base) var(--ok-ease-out);white-space:nowrap;user-select:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--ok-accent);color:var(--ok-text-on-accent);box-shadow:0 0 0 0 var(--ok-accent-glow)}.btn--primary:hover{background:var(--ok-accent-hover);box-shadow:var(--ok-shadow-glow);transform:translateY(-1px)}.btn--secondary{background:var(--ok-surface);color:var(--ok-text);border-color:var(--ok-border)}.btn--secondary:hover{background:var(--ok-surface-hover);border-color:var(--ok-border-strong)}.btn--ghost{background:transparent;color:var(--ok-text-2)}.btn--ghost:hover{color:var(--ok-text);background:var(--ok-bg-1)}.btn--lg{padding:var(--ok-space-4) var(--ok-space-6);font-size:var(--ok-text-base)}.btn--sm{padding:var(--ok-space-2) var(--ok-space-4);font-size:var(--ok-text-xs)}.card{background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:var(--ok-space-5);transition:border-color var(--ok-dur-base) var(--ok-ease-out),transform var(--ok-dur-base) var(--ok-ease-out),background var(--ok-dur-base) var(--ok-ease-out)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--ok-border-strong);background:var(--ok-surface-hover);transform:translateY(-2px)}.stack>*+*{margin-top:var(--stack-gap, var(--ok-space-4))}.stack--lg>*+*{margin-top:var(--ok-space-6)}.stack--xl>*+*{margin-top:var(--ok-space-7)}.row{display:flex;align-items:center;gap:var(--ok-space-3);flex-wrap:wrap}.text-mono{font-family:var(--ok-font-mono)}.text-2{color:var(--ok-text-2)}.text-3{color:var(--ok-text-3)}.text-accent{color:var(--ok-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{height:1px;background:var(--ok-border);border:0}.site-header[data-astro-cid-37fxchfa]{position:sticky;top:0;z-index:var(--ok-z-sticky);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:color-mix(in oklab,var(--ok-bg) 70%,transparent);border-bottom:1px solid var(--ok-border)}.site-header__inner[data-astro-cid-37fxchfa]{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo[data-astro-cid-37fxchfa]{display:inline-flex;align-items:center;gap:var(--ok-space-2);font-family:var(--ok-font-mono);font-size:var(--ok-text-sm);font-weight:var(--ok-weight-medium);letter-spacing:var(--ok-tracking-widest);text-transform:uppercase;color:var(--ok-text)}.site-nav[data-astro-cid-37fxchfa]{display:flex;align-items:center;gap:var(--ok-space-5)}.site-nav[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]:not(.btn){color:var(--ok-text-2);font-size:var(--ok-text-sm);transition:color var(--ok-dur-base) var(--ok-ease-out)}.site-nav[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]:not(.btn):hover{color:var(--ok-text)}@media(max-width:720px){.site-nav[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]:not(.btn){display:none}}.site-footer[data-astro-cid-37fxchfa]{margin-top:var(--ok-space-10);border-top:1px solid var(--ok-border);padding-block:var(--ok-space-7)}.site-footer__inner[data-astro-cid-37fxchfa]{display:grid;gap:var(--ok-space-6);grid-template-columns:1fr}@media(min-width:720px){.site-footer__inner[data-astro-cid-37fxchfa]{grid-template-columns:1fr auto auto;align-items:center}}.site-footer__brand[data-astro-cid-37fxchfa] p[data-astro-cid-37fxchfa]{margin-top:var(--ok-space-2);font-size:var(--ok-text-sm)}.site-footer__links[data-astro-cid-37fxchfa]{display:flex;gap:var(--ok-space-5);font-size:var(--ok-text-sm);color:var(--ok-text-2)}.site-footer__links[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]:hover{color:var(--ok-text)}