@layer reset,tokens,base,layouts,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-block-size:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{text-wrap:balance;overflow-wrap:break-word}p,li,figcaption{text-wrap:pretty;overflow-wrap:break-word}a{color:inherit;text-decoration-skip-ink:auto}ul[role=list],ol[role=list]{list-style:none;padding:0}:target{scroll-margin-block:2rem}}@layer tokens{:root{--stone-50: oklch(.985 .002 75);--stone-100: oklch(.96 .005 75);--stone-150: oklch(.935 .006 75);--stone-200: oklch(.9 .008 75);--stone-300: oklch(.79 .01 75);--stone-400: oklch(.65 .012 70);--stone-500: oklch(.53 .012 70);--stone-600: oklch(.43 .012 65);--stone-700: oklch(.34 .01 60);--stone-800: oklch(.26 .008 55);--stone-900: oklch(.18 .006 50);--stone-950: oklch(.12 .005 50);--accent-hue: 35;--accent-chroma: .14;--accent: oklch(.58 var(--accent-chroma) var(--accent-hue));--accent-light: oklch(.72 .1 var(--accent-hue));--accent-dark: oklch(.46 var(--accent-chroma) var(--accent-hue));--accent-pale: oklch(.94 .03 var(--accent-hue));--accent-deep: oklch(.35 .1 var(--accent-hue));--text-xs: clamp(.7813rem, .7736rem + .0341vw, .8rem);--text-sm: clamp(.9375rem, .9119rem + .1136vw, 1rem);--text-base: clamp(1.125rem, 1.0739rem + .2273vw, 1.25rem);--text-lg: clamp(1.35rem, 1.2631rem + .3864vw, 1.5625rem);--text-xl: clamp(1.62rem, 1.4837rem + .6057vw, 1.9531rem);--text-2xl: clamp(1.944rem, 1.7405rem + .9044vw, 2.4414rem);--text-3xl: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);--text-4xl: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);--space-3xs: clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs: clamp(.5625rem, .5369rem + .1136vw, .625rem);--space-xs: clamp(.875rem, .8494rem + .1136vw, .9375rem);--space-s: clamp(1.125rem, 1.0739rem + .2273vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6108rem + .3409vw, 1.875rem);--space-l: clamp(2.25rem, 2.1477rem + .4545vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2216rem + .6818vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.2955rem + .9091vw, 5rem);--space-3xl: clamp(6.75rem, 6.4432rem + 1.3636vw, 7.5rem);--space-s-m: clamp(1.125rem, .8182rem + 1.3636vw, 1.875rem);--space-m-l: clamp(1.6875rem, 1.3551rem + 1.4773vw, 2.5rem);--space-l-xl: clamp(2.25rem, 1.6364rem + 2.7273vw, 3.75rem);--space-s-l: clamp(1.125rem, .5625rem + 2.5vw, 2.5rem);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-full: 9999px;--shadow-color: 35 8% 15%;--shadow-sm: 0 1px 2px -1px hsl(var(--shadow-color) / .08), 0 1px 1px -1px hsl(var(--shadow-color) / .04);--shadow-md: 0 3px 8px -2px hsl(var(--shadow-color) / .1), 0 2px 4px -2px hsl(var(--shadow-color) / .06);--shadow-lg: 0 8px 24px -4px hsl(var(--shadow-color) / .12), 0 4px 10px -4px hsl(var(--shadow-color) / .07);--shadow-xl: 0 16px 48px -8px hsl(var(--shadow-color) / .14), 0 8px 16px -4px hsl(var(--shadow-color) / .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.1%, 1 );--duration-fast: .12s;--duration-base: .2s;--duration-slow: .4s;--duration-slower: .6s;--measure-narrow: 45ch;--measure-base: 60ch;--measure-wide: 75ch;--page-max-width: 72rem;--page-gutter: var(--space-m)}:root{color-scheme:light dark;--color-bg: light-dark(var(--stone-50), var(--stone-950));--color-bg-raised: light-dark(white, var(--stone-900));--color-bg-sunken: light-dark(var(--stone-100), oklch(.09 .004 50));--color-bg-overlay: light-dark(white, var(--stone-800));--color-text: light-dark(var(--stone-900), var(--stone-100));--color-text-secondary: light-dark(var(--stone-600), var(--stone-400));--color-text-tertiary: light-dark(var(--stone-400), var(--stone-500));--color-accent: var(--accent);--color-accent-hover: light-dark(var(--accent-dark), var(--accent-light));--color-accent-subtle: light-dark(var(--accent-pale), oklch(.2 .04 var(--accent-hue)));--color-accent-text: light-dark(var(--accent-dark), var(--accent-light));--color-border: light-dark(var(--stone-200), var(--stone-800));--color-border-subtle: light-dark(var(--stone-150), var(--stone-900));--color-focus: oklch(.65 .15 var(--accent-hue));--color-link: var(--color-accent-text);--color-link-hover: var(--color-accent-hover)}}@layer base{body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-fast) var(--ease-out)}code{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.875em;padding:.15em .35em;border-radius:var(--radius-sm);background:var(--color-bg-sunken)}pre{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:var(--text-sm);line-height:1.65;padding:var(--space-s-m);border-radius:var(--radius-lg);background:var(--color-bg-sunken);overflow-x:auto}pre code{padding:0;background:none;font-size:inherit}::selection{background:var(--color-accent-subtle)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}strong,b{font-weight:650}small{font-size:var(--text-sm)}}@layer layouts{.page{max-inline-size:var(--page-max-width);margin-inline:auto;padding-inline:var(--page-gutter)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-m))}.stack[data-gap=l]{--stack-gap: var(--space-l)}.stack[data-gap=xl]{--stack-gap: var(--space-xl)}.stack[data-gap=s]{--stack-gap: var(--space-s)}.section{padding-block:var(--section-space, var(--space-xl))}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--page-gutter);inset-block-start:var(--space-2xs);z-index:200;padding:.7rem .95rem;border-radius:var(--radius-md);background:var(--color-bg-raised);color:var(--color-text);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-160%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}}@view-transition{navigation:auto}@supports (animation-timeline: view()){.animate-on-scroll{animation:fade-in linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}@keyframes fade-in{0%{opacity:.88;translate:0 .35rem}to{opacity:1;translate:0}}.landing-header{position:relative;z-index:120}.landing-nav{position:sticky;top:0;z-index:100;padding:var(--space-2xs) var(--page-gutter);display:flex;align-items:center;justify-content:space-between;background:color-mix(in oklch,var(--color-bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border-subtle)}.nav-logo{display:inline-flex;align-items:center;gap:.4em;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:var(--text-sm);color:var(--color-accent-text);letter-spacing:.05em;text-decoration:none}.nav-logo-icon{width:1.5em;height:1.5em}.nav-logo span{color:var(--color-text-tertiary)}.nav-link{font-size:var(--text-xs);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-fast)}.nav-link:hover{color:var(--color-text)}.hero-logo{position:relative;width:4.5rem;height:4.5rem;margin-block-end:var(--space-s)}.hero-logo-emoji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;line-height:1;z-index:1}.hero-logo-crosshair{position:absolute;inset:0;width:100%;height:100%;color:var(--color-accent);opacity:0;animation:crosshair-fade-in 1.2s var(--ease-out) .3s forwards}@keyframes crosshair-fade-in{0%{opacity:0;transform:scale(1.3) rotate(-15deg)}to{opacity:.6;transform:scale(1) rotate(0)}}.hero{padding-block:var(--space-2xl) var(--space-xl)}.hero-tag{display:inline-flex;align-items:center;gap:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-xs);color:var(--color-accent-text);font-weight:500;letter-spacing:.01em;margin-block-end:var(--space-xs);background:var(--color-accent-subtle);padding:.24rem .62rem;border-radius:var(--radius-full)}.hero-tag:before{content:none}.hero h1{font-size:clamp(2.25rem,1.95rem + 1.3vw,3.45rem);line-height:1.08;letter-spacing:-.03em;margin-block-end:var(--space-s)}.hero h1 em{font-style:italic;color:var(--color-accent-text)}.hero-sub{font-size:var(--text-base);color:var(--color-text-secondary);max-inline-size:31ch;line-height:1.6}.hero-sub strong{color:var(--color-text);font-weight:400}.hero-proof{display:flex;flex-wrap:wrap;gap:.55rem;margin-block-start:var(--space-m)}.hero-proof-chip{display:inline-flex;align-items:center;min-block-size:auto;padding:.12rem .48rem;border-radius:var(--radius-full);border:none;background:var(--color-bg-sunken);color:var(--color-text-tertiary);font-size:var(--text-xs);line-height:1}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-block-start:var(--space-m)}.hero-action{display:inline-flex;align-items:center;justify-content:flex-start;min-block-size:auto;padding:0;border-radius:0;border:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:500;text-decoration:underline;text-decoration-color:var(--color-text-tertiary);text-underline-offset:.18em;transition:color var(--duration-fast) var(--ease-out),text-decoration-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.hero-action:hover{color:var(--color-text);text-decoration-color:var(--color-text)}.hero-action-primary{color:var(--color-accent-text);text-decoration-color:color-mix(in oklch,var(--color-accent) 48%,transparent)}.hero-split{position:relative;display:grid;grid-template-columns:2fr 3fr;gap:var(--space-l-xl);align-items:start;padding-block:clamp(1.25rem,.85rem + 1.2vw,2rem)}.hero-split:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-border) 72%,transparent),transparent)}.hero-split-text{position:static;z-index:1}.hero-split-code{min-inline-size:0;position:relative;z-index:1}.snippet-card{display:grid;gap:.75rem;padding:var(--space-s);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-raised)}.snippet-card-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-s)}.snippet-step{margin:0;font-size:.72rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary)}.snippet-card-title{margin:.15rem 0 0;font-size:var(--text-base);font-weight:650;letter-spacing:-.01em;color:var(--color-text)}.snippet-card-meta{flex-shrink:0;display:inline-flex;align-items:center;min-block-size:1.9rem;padding:.28rem .7rem;border-radius:var(--radius-full);background:color-mix(in oklch,var(--color-bg-sunken) 72%,transparent);border:1px solid color-mix(in oklch,var(--color-border-subtle) 88%,transparent);color:var(--color-text-tertiary);font-size:.72rem;line-height:1}.snippet-card-accent .snippet-card-meta{color:var(--color-accent-text);border-color:color-mix(in oklch,var(--color-accent) 30%,var(--color-border));background:color-mix(in oklch,var(--color-accent-subtle) 58%,transparent)}.snippet-card-accent{border-color:var(--color-border-subtle)}.hero-bridge{display:flex;align-items:center;gap:.8rem;color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.01em;text-transform:uppercase}.hero-bridge p{margin:0;white-space:nowrap}.hero-bridge span{block-size:1px;inline-size:100%;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-border) 78%,transparent),transparent)}.flow{margin-block:var(--space-m);display:flex;flex-direction:column;gap:0}.flow-row{display:flex;align-items:stretch}.flow-row-inner{display:flex;gap:var(--space-2xs);width:100%}.flow-node{flex:1;background:color-mix(in oklch,var(--color-bg-raised) 94%,transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-s)}.flow-node.accent{border-color:color-mix(in oklch,var(--color-accent) 45%,var(--color-border))}.flow-node-label{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-block-end:.15rem}.flow-node-title{font-size:var(--text-base);color:var(--color-text);font-weight:650}.flow-node.accent .flow-node-title{color:var(--color-accent-text)}.flow-node-detail{font-size:.7rem;color:var(--color-text-tertiary);margin-block-start:.1rem;font-family:ui-monospace,Cascadia Code,Fira Code,monospace}.flow-arrow{display:flex;align-items:center;justify-content:center;padding-block:var(--space-3xs);color:var(--color-text-tertiary);font-size:var(--text-base)}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--color-border-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-block-start:var(--space-m)}.tech-card{background:color-mix(in oklch,var(--color-bg-raised) 96%,transparent);padding:var(--space-s)}.tech-card-tag{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-text);margin-block-end:var(--space-2xs)}.tech-card h4{font-size:var(--text-base);font-weight:650;color:var(--color-text);margin-block-end:var(--space-3xs);letter-spacing:-.01em}.tech-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.tech-card a{color:var(--color-accent-text)}.injection-box{margin-block:var(--space-m);background:color-mix(in oklch,var(--color-bg-raised) 94%,transparent);border:1px solid var(--color-border-subtle);border-inline-start:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-s)}.injection-box .callout-label{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-text);margin-block-end:var(--space-2xs)}.injection-box p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-block-end:var(--space-2xs)}.injection-box p:last-child{margin-block-end:0}.injection-box strong{color:var(--color-text);font-weight:650}.github-cta{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-weight:650;font-size:var(--text-sm);transition:border-color var(--duration-fast),background var(--duration-fast)}.github-cta:hover{border-color:var(--color-text-secondary);background:color-mix(in oklch,var(--color-bg-raised) 80%,transparent)}.github-cta svg{flex-shrink:0}.landing-footer-links a{display:inline-flex;align-items:center;gap:.3em}.copy-btn{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.68rem;color:var(--color-text-secondary);background:color-mix(in oklch,var(--color-bg-raised) 94%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.18rem .5rem;cursor:pointer;transition:all var(--duration-fast)}.copy-btn:hover{color:var(--color-accent-text);border-color:var(--color-accent-text);background:color-mix(in oklch,var(--color-accent-subtle) 45%,transparent)}.copy-btn.copied{color:var(--color-accent-text);border-color:var(--color-accent-text)}.landing-shell{position:relative;max-inline-size:64rem;margin-inline:auto;padding-inline:var(--page-gutter);padding-block-start:calc(max(var(--space-s),env(safe-area-inset-top)) + 2.7rem);padding-block-end:max(var(--space-xl),env(safe-area-inset-bottom))}.landing-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(64% 64% at -10% 50%,color-mix(in oklch,var(--color-accent) 22%,transparent),transparent 70%),radial-gradient(64% 64% at 110% 50%,color-mix(in oklch,var(--color-accent) 22%,transparent),transparent 70%),radial-gradient(92% 52% at 50% 112%,color-mix(in oklch,var(--color-accent) 28%,transparent),transparent 68%);opacity:.92;animation:ambient-breathe 11s ease-in-out infinite alternate}@keyframes ambient-breathe{0%{opacity:.82;filter:saturate(1)}to{opacity:1;filter:saturate(1.14)}}.snippet-lead{border:1px solid var(--color-border-subtle);border-radius:1rem;padding:var(--space-m);background:color-mix(in oklch,var(--color-bg-raised) 95%,transparent);box-shadow:var(--shadow-lg)}.eyebrow{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.snippet-lead h1{font-size:clamp(2rem,1.74rem + 1.55vw,3rem);line-height:1.05;letter-spacing:-.03em;max-inline-size:18ch}.snippet-lead h1 em{color:var(--color-accent-text);font-style:normal}.lede{color:var(--color-text-secondary);font-size:var(--text-base);max-inline-size:64ch}.content-section{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-l);max-inline-size:52rem;margin-inline:auto;scroll-margin-top:calc(4rem + var(--space-s))}.content-section.wide{max-inline-size:none}.section-title{font-size:var(--text-sm);font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.section-summary{color:var(--color-text-secondary);max-inline-size:66ch}.code-wrap{--code-attr-name: light-dark(oklch(.58 .08 245), oklch(.74 .08 245));--code-string: light-dark(oklch(.58 .11 92), oklch(.82 .1 98));border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-sunken)}.code-wrap .code-note{margin:0;border-block-start:1px solid var(--color-border-subtle);padding:var(--space-2xs) var(--space-s);font-size:var(--text-xs);color:var(--color-text-secondary);background:color-mix(in oklch,var(--color-bg-raised) 84%,transparent)}.code-wrap pre[class*=language-]{margin:0;border-radius:0;border:0;font-size:.79rem;line-height:1.68;background:transparent}.code-wrap code[class*=language-]{font-family:ui-monospace,Cascadia Code,Fira Code,JetBrains Mono,monospace}.code-wrap .token.comment{color:color-mix(in oklch,var(--color-text-tertiary) 88%,transparent)}.code-wrap .token.tag,.code-wrap .token.punctuation,.code-wrap .token.operator{color:var(--color-accent-text)}.code-wrap .token.attr-name{color:var(--code-attr-name)}.code-wrap .token.attr-value,.code-wrap .token.string,.code-wrap .token.url{color:var(--code-string)}.code-wrap .line-numbers .line-numbers-rows{border-inline-end:1px solid var(--color-border-subtle)}.code-wrap .line-numbers-rows>span:before{color:var(--color-text-tertiary)}.code-wrap div.code-toolbar>.toolbar{opacity:1;inset-inline-end:.5rem;inset-block-start:.45rem}.code-wrap div.code-toolbar>.toolbar button,.code-wrap div.code-toolbar>.toolbar a,.code-wrap div.code-toolbar>.toolbar span{border:1px solid var(--color-border);background:color-mix(in oklch,var(--color-bg-raised) 94%,transparent);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.68rem;padding:.18rem .5rem;box-shadow:none}.code-wrap div.code-toolbar>.toolbar button:hover,.code-wrap div.code-toolbar>.toolbar a:hover{border-color:var(--color-accent-text);color:var(--color-accent-text);background:color-mix(in oklch,var(--color-accent-subtle) 45%,transparent)}.problem-list{margin:0;padding-inline-start:1.2rem;display:grid;gap:.4rem;color:var(--color-text-secondary)}.story{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;position:relative}.story:before{content:"";position:absolute;inset-inline-start:50%;inset-block:0;inline-size:1px;background:linear-gradient(to bottom,transparent,var(--color-border) 10%,var(--color-border) 90%,transparent);z-index:0}.story-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;z-index:1}.story-step:nth-child(2n) .story-visual{order:2}.story-step:nth-child(2n) .story-text{order:1;text-align:end}.story-visual{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:visible}.story-visual--live{align-items:center;justify-content:center;aspect-ratio:auto}.story-visual--live:after{display:none}.story-visual svg{inline-size:100%;block-size:100%;position:relative;z-index:1}.story-visual:after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:radial-gradient(ellipse 100% 100% at center,transparent 30%,var(--color-bg) 70%)}.story-visual--live .demo-shell{inline-size:min(100%,26rem)}.story-text{padding:var(--space-l)}.story-num{display:block;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.68rem;color:var(--color-accent-text);text-transform:uppercase;letter-spacing:.1em;margin-block-end:var(--space-2xs)}.story-step h3{font-size:var(--text-xl);letter-spacing:-.02em;margin-block-end:var(--space-3xs)}.story-step p{color:var(--color-text-secondary);font-size:var(--text-base);max-inline-size:36ch}.story-step:nth-child(2n) p{margin-inline-start:auto}.story-note{margin-block-start:var(--space-xs);color:var(--color-text-tertiary);font-size:var(--text-sm);max-inline-size:28ch}.svg-float{animation:svg-float 6s ease-in-out infinite}@keyframes svg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.svg-pulse-glow{animation:svg-pulse-glow 3s infinite}@keyframes svg-pulse-glow{0%,to{filter:drop-shadow(0 0 8px color-mix(in oklch,var(--color-accent) 20%,transparent))}50%{filter:drop-shadow(0 0 16px color-mix(in oklch,var(--color-accent) 60%,transparent))}}.svg-slide-in{animation:svg-slide-in 4s infinite}@keyframes svg-slide-in{0%{opacity:0;transform:translate(-20px)}20%,80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.svg-drop-in{animation:svg-drop-in 6s cubic-bezier(.16,1,.3,1) infinite}@keyframes svg-drop-in{0%,15%{opacity:0;transform:translateY(-40px)}25%,85%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(-40px)}}.svg-shift-down{animation:svg-shift-down 6s cubic-bezier(.16,1,.3,1) infinite}@keyframes svg-shift-down{0%,15%{transform:translateY(-60px)}25%,85%{transform:translateY(0)}95%,to{transform:translateY(-60px)}}.svg-scan-bot{animation:svg-scan-bot 4s cubic-bezier(.4,0,.2,1) infinite}@keyframes svg-scan-bot{0%{transform:translate(200px,20px);opacity:0}10%{opacity:1}35%{transform:translate(200px,130px)}70%{transform:translate(200px,130px);opacity:1}85%{opacity:0;transform:translate(200px,130px)}to{opacity:0;transform:translate(200px,20px)}}.svg-scan-beam{animation:svg-scan-beam 4s cubic-bezier(.4,0,.2,1) infinite;transform-origin:top center}@keyframes svg-scan-beam{0%,10%{transform:scaleY(1) scaleX(1);opacity:.4}35%,70%{transform:scaleY(.3) scaleX(1.1);opacity:.8}85%,to{opacity:0}}.svg-alert-pop{animation:svg-alert-pop 4s cubic-bezier(.175,.885,.32,1.275) infinite}@keyframes svg-alert-pop{0%,34%{opacity:0;transform:translate(24px,-24px) scale(0)}37%,70%{opacity:1;transform:translate(24px,-24px) scale(1)}75%,to{opacity:0;transform:translate(24px,-24px) scale(0)}}.svg-code-reveal{animation:svg-code-reveal 4s infinite}@keyframes svg-code-reveal{0%,34%{fill:var(--color-text-tertiary)}37%,70%{fill:var(--color-accent-text);filter:drop-shadow(0 0 6px color-mix(in oklch,var(--color-accent) 15%,transparent))}80%,to{fill:var(--color-text-tertiary);filter:none}}.svg-box-reveal{animation:svg-box-reveal 4s infinite}@keyframes svg-box-reveal{0%,34%{stroke:transparent;fill:transparent}37%,70%{stroke:var(--color-accent-text);fill:color-mix(in oklch,var(--color-accent) 15%,transparent)}80%,to{stroke:transparent;fill:transparent}}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-s)}.trust-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-s);background:color-mix(in oklch,var(--color-bg-raised) 94%,transparent)}.trust-card h3{font-size:var(--text-base);margin-block-end:.2rem}.trust-card p{color:var(--color-text-secondary);font-size:var(--text-sm)}.demo-shell{border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) + .2rem);overflow:hidden;background:linear-gradient(180deg,color-mix(in oklch,var(--color-bg-raised) 98%,transparent),color-mix(in oklch,var(--color-accent-subtle) 14%,var(--color-bg-raised)));box-shadow:var(--shadow-xl)}.demo-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:.85rem 1rem;border-block-end:1px solid var(--color-border-subtle);color:var(--color-text);font-size:var(--text-sm);background:color-mix(in oklch,var(--color-bg-raised) 80%,transparent)}.demo-head-copy{display:grid;gap:.12rem}.demo-origin{color:var(--color-text-secondary);font-size:.8rem}.demo-shell-story{box-shadow:var(--shadow-lg)}.demo-shell-story iframe{block-size:240px}.demo-shell iframe{display:block;inline-size:100%;block-size:230px;border:none;background:color-mix(in oklch,var(--color-bg) 92%,transparent)}.faq-list{display:flex;flex-direction:column}.faq-list details{border-block-end:1px solid var(--color-border-subtle);padding-block:var(--space-s)}.faq-list details:first-child{border-block-start:1px solid var(--color-border-subtle)}.faq-list summary{font-size:var(--text-base);font-weight:650;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";flex-shrink:0;font-family:ui-monospace,monospace;font-size:var(--text-lg);font-weight:400;color:var(--color-text-tertiary);transition:transform var(--duration-base) var(--ease-out)}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list p{margin-block-start:var(--space-2xs);color:var(--color-text-secondary);font-size:var(--text-sm);max-inline-size:var(--measure-wide);line-height:1.7}.landing-footer{border-block-start:1px solid var(--color-border-subtle);margin-block-start:var(--space-l);padding-block-start:var(--space-m);max-inline-size:52rem;margin-inline:auto;color:var(--color-text-secondary);font-size:var(--text-sm);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs)}.landing-footer-links{display:inline-flex;align-items:center;gap:var(--space-s)}.landing-footer-links a{text-decoration:none}.landing-footer-links a:hover{color:var(--color-text)}.fade-in{animation:load-in .5s var(--ease-out) both;animation-delay:var(--delay, 0ms)}@keyframes load-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.landing-shell{max-inline-size:100%;padding-inline:var(--space-s)}.snippet-lead{padding:var(--space-s)}.story:before{display:none}.story-step{grid-template-columns:1fr}.story-step:nth-child(2n) .story-visual{order:unset}.story-step:nth-child(2n) .story-text{order:unset;text-align:start}.story-step:nth-child(2n) p{margin-inline-start:0}.story-visual{aspect-ratio:4 / 3}.story-text{padding:var(--space-s)}.trust-grid,.tech-grid{grid-template-columns:1fr}.flow-row-inner{flex-direction:column}.hero{padding-block:var(--space-xl) var(--space-l)}.hero-split{grid-template-columns:1fr;gap:var(--space-m);padding-block:var(--space-s)}.hero-split-text{position:static}.hero-proof{gap:.45rem}.hero-proof-chip{font-size:.7rem}.hero-actions{flex-direction:row;flex-wrap:wrap}.hero-action{inline-size:auto}.snippet-card-head,.demo-head{align-items:start;flex-direction:column}}.live-section .section-copy{max-inline-size:54rem}.live-tabs{display:grid;gap:var(--space-s)}.live-tablist{display:inline-flex;flex-wrap:wrap;gap:.6rem;align-items:center}.live-tab{min-block-size:2.75rem;padding:.72rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in oklch,var(--color-bg-raised) 94%,transparent);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:650;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.live-tab[aria-selected=true]{color:var(--color-text);border-color:color-mix(in oklch,var(--color-accent) 40%,var(--color-border));background:color-mix(in oklch,var(--color-accent-subtle) 54%,var(--color-bg-raised));box-shadow:var(--shadow-sm)}.live-tab-panel{inline-size:100%}.live-tab-panel[hidden]{display:none}.live-panel{display:flex;flex-direction:column;gap:var(--space-s);min-inline-size:0;padding:var(--space-s);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in oklch,var(--color-bg-raised) 98%,transparent),color-mix(in oklch,var(--color-bg) 96%,transparent));box-shadow:var(--shadow-sm)}.live-panel-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-s)}.live-panel-kicker{margin:0;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-text)}.live-panel-head h3{margin:.2rem 0 0;font-size:var(--text-lg)}.live-panel-badge{padding:.35rem .55rem;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-text);font-size:.72rem;font-weight:650}.live-feed-list,.leaderboard-list{list-style:none;margin:0;padding:0}.live-feed-list{display:flex;flex-direction:column;gap:.45rem}.live-feed-item,.leaderboard-item,.live-empty{display:grid;gap:.5rem;align-items:center;padding:.8rem .85rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-bg-raised) 98%,transparent)}.live-feed-item{grid-template-columns:minmax(5.75rem,7.5rem) minmax(0,1fr) auto;grid-template-areas:"agent origin time" "agent msg time";align-items:start;column-gap:.9rem;row-gap:.28rem;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.live-feed-item.fresh{transform:translateY(-2px);border-color:color-mix(in oklch,var(--color-accent) 45%,var(--color-border));background:color-mix(in oklch,var(--color-accent-subtle) 62%,var(--color-bg-raised))}.live-feed-agent,.leaderboard-rank{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.8rem;font-weight:650;color:var(--color-accent-text)}.live-feed-agent{grid-area:agent;max-inline-size:12ch;padding-block-start:.18rem;overflow-wrap:anywhere}.live-feed-origin,.leaderboard-origin{min-inline-size:0;font-weight:650}.live-feed-origin{grid-area:origin;font-size:.96rem;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.live-feed-msg{grid-area:msg;min-inline-size:0;color:var(--color-text-secondary);line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.live-feed-time,.leaderboard-count{font-size:.8rem;color:var(--color-text-tertiary);white-space:nowrap}.live-feed-time{grid-area:time;align-self:end}.leaderboard-item{grid-template-columns:auto minmax(0,1fr) auto;column-gap:.75rem;align-items:start}.leaderboard-origin{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}.leaderboard-count{font-variant-numeric:tabular-nums}.live-empty{min-block-size:4.25rem;align-content:center}.live-empty{color:var(--color-text-secondary)}@media(max-width:640px){.live-tablist{display:grid;grid-template-columns:1fr 1fr}.live-panel-head{flex-direction:column;align-items:start}.live-feed-item{grid-template-columns:1fr;grid-template-areas:"agent" "origin" "msg" "time"}.live-feed-agent{max-inline-size:none;padding-block-start:0}.live-feed-origin,.live-feed-msg,.leaderboard-origin{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}