:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98% .005 84);--paper:oklch(99.5% .003 84);--ink:oklch(21% .025 260);--muted:oklch(50% .02 260);--line:color-mix(in oklch, var(--ink) 10%, transparent);--panel:color-mix(in oklch, var(--paper) 94%, white);--demo-accent:oklch(62% .22 28);--demo-accent-soft:color-mix(in oklch, var(--demo-accent) 14%, white);--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:radial-gradient(circle at top left, color-mix(in oklch, var(--demo-accent) 10%, transparent), transparent 28%), var(--bg)}body{color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}code,pre{font-family:var(--font-mono)}.page--mask{--demo-accent:oklch(56% .2 250)}.page--svg{--demo-accent:oklch(55% .22 295)}.topbar{z-index:10;background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar__inner{width:min(1180px,100vw - 2rem);margin:0 auto;padding:.875rem 0 1rem}.topbar__name{letter-spacing:-.01em;color:var(--muted);font-size:.8125rem;font-weight:700;display:inline-block}.topbar__nav{gap:.75rem;margin-top:.75rem;display:grid}.topbar__section{gap:.375rem;display:grid}.topbar__section-label,.topbar__group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:700}.topbar__section-groups{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.topbar__group{gap:.35rem;display:grid}.topbar__tabs{flex-wrap:wrap;gap:.375rem;display:flex}.topbar__tab{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 90%, white);min-width:3.25rem;height:1.9rem;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:border-color .1s,background .1s,color .1s;display:inline-flex}@media (hover:hover) and (pointer:fine){.topbar__tab:hover{border-color:color-mix(in oklch, var(--demo-accent) 26%, transparent);color:var(--ink)}}.topbar__tab:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.topbar__tab--active{background:var(--ink);border-color:var(--ink);color:#fff}.page{width:min(1180px,100vw - 2rem);margin:0 auto}.hero{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:start;gap:1.5rem;padding:2.25rem 0 1.5rem;display:grid}.hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;font-weight:700}.hero__title{letter-spacing:-.045em;margin:.4rem 0 0;font-size:clamp(2rem,5vw,3.4rem);line-height:.95}.hero__tagline{max-width:42ch;color:var(--muted);margin:.8rem 0 0;font-size:.98rem;line-height:1.65}.proof-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 20px 60px color-mix(in oklch, var(--ink) 7%, transparent);border-radius:1rem;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.proof-card__icon{block-size:3.25rem;inline-size:3.25rem;color:var(--demo-accent);background:var(--demo-accent-soft);border-radius:.875rem;place-items:center;display:grid}.proof-card__icon>img,.proof-card__icon>span,.proof-card__icon>svg{block-size:1.75rem;inline-size:1.75rem;display:block}.status-icon{font-size:1.75rem}.proof-card__copy{gap:.2rem;min-width:0;display:grid}.proof-card__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:700}.proof-card__title{font-size:.9rem;line-height:1.45}.proof-card__syntax{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.code-section,.facts-section{padding:1.5rem 0 0}.code-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.code-block__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.6875rem;font-weight:700}.code-block__body{border:1px solid var(--line);color:oklch(42% .02 260);--sh-keyword:oklch(55% .15 295);--sh-string:oklch(50% .12 150);--sh-property:oklch(48% .12 250);--sh-class:oklch(52% .14 30);--sh-entity:oklch(52% .14 30);--sh-jsxliterals:oklch(48% .12 250);--sh-sign:oklch(50% .02 260);--sh-comment:oklch(60% .01 260);--sh-identifier:oklch(35% .03 260);--sh-space:transparent;background:oklch(96.5% .005 260);border-radius:.875rem;margin:0;padding:1rem;font-size:.75rem;line-height:1.65;overflow:auto}.facts-section__heading{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;margin:.75rem 0 0;display:grid}.fact-grid__item{border:1px solid var(--line);background:var(--panel);border-radius:.875rem;padding:.875rem}.fact-grid dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.6875rem;font-weight:700}.fact-grid dd{margin:.35rem 0 0;font-size:.85rem;font-weight:600;line-height:1.45}.page-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:.35rem 1rem;margin-top:1.75rem;padding:1.5rem 0 2.5rem;font-size:.75rem;display:flex}.page-footer a{text-underline-offset:.15em;text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=860px){.hero,.code-pair,.fact-grid{grid-template-columns:1fr}}@media (width<=720px){.page,.topbar__inner{width:min(100vw - 1rem,100%)}.topbar__tabs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.125rem;overflow-x:auto}.topbar__tabs::-webkit-scrollbar{display:none}.page-footer{flex-direction:column;gap:.125rem}}@layer effective-icon{.effective-icon-mask{-webkit-mask-image:var(--effective-icon-mask-image);-webkit-mask-image:var(--effective-icon-mask-image);mask-image:var(--effective-icon-mask-image);vertical-align:middle;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}