::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--palette-neutral-950:oklch(15% .007 272);--palette-neutral-900:oklch(18% .01 276);--palette-neutral-800:oklch(29% .013 273);--palette-neutral-700:oklch(35% .016 274);--palette-neutral-500:oklch(55% .018 274);--palette-neutral-400:oklch(67% .018 275);--palette-neutral-300:oklch(78% .013 276);--palette-neutral-200:oklch(85% .01 275);--palette-neutral-100:oklch(95% .006 286);--palette-lime:oklch(89.4% .2007 126.7);--palette-violet:oklch(69.46% .1714 288.79);--palette-cyan:oklch(86% .1 190);--palette-coral:oklch(80% .115 20);--palette-yellow:oklch(84% .094 95);--color-canvas:var(--palette-neutral-950);--color-surface:var(--palette-neutral-900);--color-surface-strip:var(--palette-neutral-900);--color-surface-demo:var(--palette-neutral-900);--color-surface-input:var(--palette-neutral-950);--color-surface-code:var(--palette-neutral-900);--color-surface-control:var(--palette-neutral-800);--color-surface-story:color-mix(in oklch, var(--palette-neutral-900) 94%, transparent);--color-text:var(--palette-neutral-100);--color-text-strong:var(--palette-neutral-100);--color-text-code:var(--palette-neutral-200);--color-text-command:var(--palette-neutral-200);--color-text-lead:var(--palette-neutral-300);--color-text-label:var(--palette-neutral-300);--color-text-muted:var(--palette-neutral-400);--color-text-subtle:var(--palette-neutral-500);--color-text-faint:var(--palette-neutral-500);--color-border:var(--palette-neutral-800);--color-border-strong:var(--palette-neutral-700);--color-border-control:var(--palette-neutral-700);--color-border-icon:var(--palette-neutral-700);--color-accent:var(--palette-lime);--color-accent-hover:color-mix(in oklch, var(--palette-lime) 75%, var(--palette-neutral-100));--color-accent-contrast:var(--palette-neutral-950);--color-accent-secondary:var(--palette-violet);--color-grid-line:color-mix(in oklch, var(--palette-neutral-100) 2.8%, transparent);--color-mask:var(--palette-neutral-950);--color-command-surface:color-mix(in oklch, var(--palette-neutral-900) 80%, transparent);--color-secondary-glow:color-mix(in oklch, var(--palette-violet) 15%, transparent);--color-secondary-grid:color-mix(in oklch, var(--palette-violet) 6%, transparent);--color-secondary-card-border:color-mix(in oklch, var(--palette-violet) 34%, transparent);--color-secondary-wash:color-mix(in oklch, var(--palette-violet) 7%, transparent);--color-secondary-focus:color-mix(in oklch, var(--palette-violet) 10%, transparent);--color-accent-border:color-mix(in oklch, var(--palette-lime) 28%, transparent);--color-accent-wash:color-mix(in oklch, var(--palette-lime) 8%, transparent);--color-story-dot:var(--palette-neutral-700);--color-story-value:var(--palette-neutral-100);--color-story-arrow:var(--palette-neutral-500);--color-stat-label:var(--palette-neutral-500);--color-field-label:var(--palette-neutral-400);--color-field-inset:color-mix(in oklch, var(--palette-neutral-100) 2%, transparent);--color-live-label:var(--palette-neutral-500);--color-footer-text:var(--palette-neutral-500);--color-syntax-comment:var(--palette-neutral-500);--color-syntax-keyword:var(--palette-violet);--color-syntax-function:var(--palette-cyan);--color-syntax-string:var(--palette-lime);--color-syntax-operator:var(--palette-neutral-400);--color-syntax-tag:var(--palette-coral);--color-syntax-attribute:var(--palette-yellow);--content-width:1180px;--space-section-top:120px;--space-section-bottom:130px;--radius-control:5px;--radius-input:8px;--radius-action:9px;--radius-card:13px;--radius-panel:14px;--radius-pill:999px;--shadow-accent:0 0 40px color-mix(in oklch, var(--palette-lime) 12%, transparent);--shadow-floating:0 35px 90px color-mix(in oklch, var(--palette-neutral-950) 50%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--color-text);background:var(--color-canvas);font-family:var(--font-sans);margin:0;font-size:1rem}button,input{font:inherit}a{color:inherit;text-decoration:none}.type-display{font-family:var(--font-sans);text-wrap:balance;font-size:clamp(52px,6vw,72px);font-weight:700;line-height:.98}.type-heading{font-family:var(--font-sans);text-wrap:balance;font-size:clamp(42px,5vw,67px);font-weight:700;line-height:1.02}.type-title{font-family:var(--font-sans);text-wrap:balance;font-size:1.1875rem;font-weight:700;line-height:1.3}.type-subtitle{font-family:var(--font-sans);text-wrap:pretty;font-size:1rem;font-weight:400;line-height:1.7}.type-control{font-family:var(--font-sans);font-size:1rem;font-weight:700;line-height:1.2}.type-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:500;line-height:1.4}.type-mono-value{font-family:var(--font-mono);font-size:1.375rem;font-weight:500;line-height:1.3}.type-code{font-family:var(--font-mono);font-size:.875rem;font-weight:400;line-height:1.75}.page-shell{overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-wrap{width:min(var(--content-width), calc(100% - 48px));margin-inline:auto}.examples,.why{padding-top:var(--space-section-top);padding-bottom:var(--space-section-bottom)}.section-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:58px;display:flex}.section-heading.compact{margin-bottom:65px}.section-heading>p{color:var(--color-text-muted);width:390px;margin:0 0 7px}.section-index{color:var(--color-accent);margin-bottom:20px;display:block}.eyebrow{color:var(--color-text-label);align-items:center;gap:9px;display:inline-flex;position:relative}.eyebrow i{border-radius:var(--radius-pill);background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 14px var(--color-accent)}.hero-actions{justify-content:flex-start;align-items:center;gap:12px;margin-top:34px;display:flex;position:relative}.primary-button{border-radius:var(--radius-action);color:var(--color-accent-contrast);background:var(--color-accent);box-shadow:var(--shadow-accent);align-items:center;gap:24px;padding:15px 18px;display:flex}.primary-button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.secondary-button{border:1px solid var(--color-border-control);border-radius:var(--radius-action);color:var(--color-text);background:var(--color-command-surface);align-items:center;gap:24px;padding:14px 18px;display:flex}.secondary-button:hover{border-color:var(--color-accent-secondary);transform:translateY(-1px)}.install-command{border:1px solid var(--color-border);border-radius:var(--radius-action);background:var(--color-command-surface);justify-content:space-between;align-items:center;min-width:224px;height:47px;padding:0 8px 0 16px;display:flex}.install-command code{color:var(--color-text-command)}.install-command code span{color:var(--color-accent-secondary)}.install-command button{border-radius:var(--radius-control);color:var(--color-text-muted);background:var(--color-surface-control);cursor:pointer;border:0;padding:7px 9px}[interestfor]{interest-delay:.18s .12s;--interest-delay:.18s .12s}.code-copy{z-index:2;border:1px solid var(--color-border-control);border-radius:var(--radius-input);width:34px;height:34px;color:var(--color-text-muted);background:var(--color-surface-control);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.code-copy:hover,.code-copy:focus-visible{color:var(--color-accent);border-color:var(--color-accent-secondary);outline:0}.code-copy svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px}.copy-tooltip{z-index:100;border:1px solid var(--color-border-control);border-radius:var(--radius-control);width:max-content;height:max-content;color:var(--color-text);background:var(--color-surface-control);box-shadow:var(--shadow-floating);margin:auto;padding:7px 10px;position:fixed;inset:0}.copy-tooltip:popover-open{animation:.12s ease-out tooltip-in}.copy-tooltip.\:popover-open{animation:.12s ease-out tooltip-in}@keyframes tooltip-in{0%{opacity:0;translate:0 3px}}@supports (anchor-name:--copy-control) and (position-anchor:--copy-control) and (position-area:block-start){.copy-tooltip{position-area:block-start center;position-try:flip-block;position-try-fallbacks:flip-block;margin:0 0 8px;inset:auto}}@supports not selector(:popover-open){[popover]:not(.\:popover-open){display:none}}.hero{text-align:left;grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);align-items:center;gap:clamp(48px,7vw,96px);min-height:720px;padding-block:100px 110px;display:grid;position:relative}.hero:before{content:"";background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);height:610px;-webkit-mask-image:radial-gradient(circle at center, var(--color-mask), transparent 72%);mask-image:radial-gradient(circle at center, var(--color-mask), transparent 72%);pointer-events:none;background-size:42px 42px;position:absolute;inset:24px -25vw auto}.hero-glow{background:radial-gradient(ellipse, var(--color-secondary-glow), transparent 65%);filter:blur(5px);pointer-events:none;width:580px;height:520px;position:absolute;top:50px;left:76%;translate:-50%}.hero-content{z-index:1;position:relative}.hero-copy{width:min(620px,100%);color:var(--color-text-lead);margin:0;position:relative}.hero-install{width:280px;margin-top:12px}.hero-stage{min-width:0;position:relative}.stage-lines{background:linear-gradient(var(--color-secondary-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-secondary-grid) 1px, transparent 1px);-webkit-mask-image:radial-gradient(ellipse, var(--color-mask), transparent 72%);mask-image:radial-gradient(ellipse, var(--color-mask), transparent 72%);background-size:32px 32px;position:absolute;inset:-42px}.cursor-story{border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:var(--color-surface-story);width:min(100%,400px);box-shadow:var(--shadow-floating);text-align:left;margin:auto;position:relative;overflow:hidden}.story-head{border-bottom:1px solid var(--color-border);height:42px;color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:0 15px;display:flex}.story-head>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.story-head div{gap:5px;display:flex}.story-head i{border-radius:var(--radius-pill);background:var(--color-story-dot);width:7px;height:7px}.story-body{flex-direction:column;justify-content:center;align-items:stretch;min-height:360px;padding:38px 34px;display:flex}.story-step{flex-direction:column;gap:12px;display:flex}.story-caption{color:var(--color-text-subtle)}.story-input{border:1px solid var(--color-border-control);border-radius:var(--radius-input);background:var(--color-canvas);height:70px;box-shadow:inset 0 1px var(--color-field-inset), 0 0 0 3px var(--color-secondary-focus);align-items:center;padding-inline:20px;display:flex;overflow:hidden}.story-value{white-space:nowrap;color:var(--color-story-value);align-items:center;padding:0 15px;display:flex}.story-value-text{view-transition-name:match-element}.story-value-separator{view-transition-name:match-element;display:none}.story-value[data-story-value=formatted]{color:var(--color-accent)}.story-value[data-story-value=formatted] .story-value-separator{display:inline}.story-value-cursor{vertical-align:bottom;width:2px;height:0;margin:0 1px;display:inline-block;position:relative}.story-value-cursor:after{content:"";background:var(--color-accent-secondary);height:1lh;box-shadow:0 0 10px var(--color-accent-secondary);animation:1s step-end infinite blink;display:block;position:absolute;bottom:0;left:0;right:0}@keyframes blink{50%{opacity:.1}}.signal-strip{min-height:114px;padding:28px max(24px, calc((100vw - var(--content-width)) / 2));border-block:1px solid var(--color-border);background:var(--color-surface-strip);grid-template-columns:repeat(3,1fr);display:grid}.signal-strip div{border-right:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.signal-strip div:last-child{border:0}.signal-strip span{color:var(--color-stat-label)}.example-grid{border:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);display:grid}.example-card{background:var(--color-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.example-card:nth-child(odd){border-right:1px solid var(--color-border)}.example-card:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.card-title{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;height:62px;padding:0 20px;display:flex}.card-title span{color:var(--color-text-faint)}.card-title h3{margin:0}.card-title b{border-radius:var(--radius-pill);color:var(--color-accent);background:var(--color-accent-wash);margin-left:auto;padding:5px 8px}.demo-surface{background:radial-gradient(circle at 20% 10%, var(--color-secondary-wash), transparent 45%), var(--color-surface-demo);border-bottom:1px solid var(--color-border);padding:25px 24px 28px}.demo-control{display:block}.demo-label{color:var(--color-field-label);margin-bottom:9px;display:block}.field-container{border:1px solid var(--color-border-control);border-radius:var(--radius-input);background:var(--color-surface-input);height:52px;box-shadow:inset 0 1px var(--color-field-inset);color:var(--color-text-strong);align-items:center;display:flex}.field-container:focus-within{border-color:var(--color-accent-secondary);box-shadow:0 0 0 3px var(--color-secondary-focus)}.field-prefix{color:var(--color-accent);padding-left:16px}.field-input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0;padding:0 15px}.live-status{color:var(--color-live-label);align-items:center;gap:6px;margin-right:14px;display:flex}.live-status i{border-radius:var(--radius-pill);background:var(--color-accent);width:5px;height:5px;box-shadow:0 0 7px var(--color-accent)}.code-sample{background:var(--color-surface-code);flex:1;position:relative}pre[class*=language-]{white-space:pre-wrap;overflow-wrap:anywhere;min-height:100%;color:var(--color-text-code);background:var(--color-surface-code);tab-size:2;margin:0;padding:25px 62px 30px 26px;overflow:visible}.token.comment{color:var(--color-syntax-comment)}.token.keyword{color:var(--color-syntax-keyword)}.token.function{color:var(--color-syntax-function)}.token.string,.token.regex{color:var(--color-syntax-string)}.token.operator,.token.punctuation{color:var(--color-syntax-operator)}.token.tag,.token.class-name{color:var(--color-syntax-tag)}.token.attr-name{color:var(--color-syntax-attribute)}.why{border-top:1px solid var(--color-border)}.principles{border-block:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.principles article{border-right:1px solid var(--color-border);min-height:290px;padding:38px 38px 35px 0}.principles article+article{padding-left:38px}.principles article:last-child{border-right:0}.principles article>span{border:1px solid var(--color-border-icon);border-radius:var(--radius-input);width:38px;height:38px;color:var(--color-accent);place-items:center;margin-bottom:55px;display:grid}.principles p{color:var(--color-text-muted)}footer{width:min(var(--content-width), calc(100% - 48px));border-top:1px solid var(--color-border);min-height:100px;color:var(--color-footer-text);justify-content:space-between;align-items:center;margin:auto;display:flex}footer div{gap:22px;display:flex}footer a:hover{color:var(--color-accent)}@media (width<=800px){:root{--space-section-top:85px;--space-section-bottom:85px}.section-wrap{width:min(100% - 30px,620px)}.hero{grid-template-columns:1fr;gap:72px;min-height:auto;padding-block:74px 90px}.hero-glow{top:380px;left:50%}.hero-actions{flex-direction:column}.primary-button,.secondary-button,.install-command{justify-content:space-between;width:min(100%,300px)}.hero-stage{width:100%;max-width:420px;margin-inline:auto}.story-body{min-height:330px;padding:32px 28px}.signal-strip{grid-template-columns:1fr}.signal-strip div{border-right:0;border-bottom:1px solid var(--color-border);min-height:72px}.signal-strip div:last-child{border-bottom:0}.section-heading{flex-direction:column;align-items:start;gap:22px}.section-heading>p{width:auto}.example-grid,.principles{grid-template-columns:1fr}.example-card:nth-child(odd){border-right:0}.example-card:nth-child(-n+2){border-bottom:0}.example-card+.example-card{border-top:1px solid var(--color-border)}.principles article,.principles article+article{border-right:0;border-bottom:1px solid var(--color-border);min-height:auto;padding:32px 8px}.principles article:last-child{border-bottom:0}.principles article>span{margin-bottom:28px}footer{flex-wrap:wrap;gap:18px;width:calc(100% - 30px);padding-block:26px}footer p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-value-cursor{animation:none}}