:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#6c50e9;--accent-soft:#e8e9ff;--accent-deep:#4a2dad;--widely:#0fa05c;--newly:#c38300;--limited:#d73337;--ink:#141726;--ink-soft:#535769;--ink-faint:#828593;--paper:#f7f8fc;--surface:#fff;--sunk:#f0f1f7;--rule:#d8dae3;--radius:10px;--radius-lg:18px;--measure:62ch;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Public Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--shell:min(1180px, 100% - 2.5rem)}@supports (color:lab(0% 0 0)){:root{--accent:lab(44.1718% 42.6675 -75.4052);--accent-soft:lab(92.6774% 4.06015 -14.428);--accent-deep:lab(29.3219% 39.5781 -65.1277);--widely:lab(57.8533% -48.2023 24.9084);--newly:lab(60.3541% 21.1011 74.9696);--limited:lab(49.2539% 63.2983 39.3808);--ink:lab(8.09003% 2.24131 -10.8577);--ink-soft:lab(37.1344% 1.55237 -11.0804);--ink-faint:lab(55.7814% .846714 -7.47342);--paper:lab(97.6477% .173748 -1.88971);--surface:lab(100% 0 0);--sunk:lab(95.3079% .285149 -3.01918);--rule:lab(87.1608% .444829 -4.51856)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.0625rem);line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}a{color:var(--accent-deep);text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}code,pre,input,textarea{font-family:var(--font-mono)}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{position:absolute;inset-inline-start:-999px}.skip:focus{z-index:10;background:var(--surface);border-radius:var(--radius);padding:.6rem 1rem;inset-block-start:1rem;inset-inline-start:1rem}.topbar{width:var(--shell);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding-block:1.4rem;display:flex}.wordmark{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:.55rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.wordmark__dot{background:conic-gradient(var(--widely) 0 33%, var(--newly) 0 66%, var(--limited) 0);border-radius:50%;block-size:.7rem;inline-size:.7rem}.topnav{gap:1.4rem;font-size:.9rem;display:flex}.topnav a{color:var(--ink-soft);text-decoration:none}.topnav a:hover{color:var(--accent-deep)}.hero{width:var(--shell);align-items:start;gap:clamp(2rem,4vw,3.5rem);margin-inline:auto;padding-block:clamp(2.5rem,6vw,5rem) clamp(3rem,7vw,6rem);display:grid}@media (min-width:62rem){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.78rem}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,1.6rem + 4vw,4.25rem);font-weight:700;line-height:.98}.hero h1 em{color:var(--accent);font-style:normal}.hero__sub{max-width:var(--measure);color:var(--ink-soft);margin:1.5rem 0 0;font-size:1.05rem}.endpoint{max-width:34rem;margin-top:2.25rem}.endpoint__label,.demo__label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.5rem;font-size:.72rem;display:block}.endpoint__row{gap:.5rem;display:flex}.endpoint__url{min-width:0;color:var(--ink);background:var(--sunk);border:1px solid var(--rule);border-radius:var(--radius);flex:auto;padding:.7rem .85rem;font-size:.85rem}.endpoint__note{color:var(--ink-faint);margin:.7rem 0 0;font-size:.85rem}.btn{font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;transition:background-color .15s}.btn--solid{background:var(--accent);color:#fcfcfc;color:contrast-color(var(--accent))}.btn--solid:hover{background:var(--accent-deep);color:contrast-color(var(--accent-deep))}.demo{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;container-type:inline-size}.demo__chrome{background:var(--sunk);border-bottom:1px solid var(--rule);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.1rem;font-size:.8rem;display:flex}.demo__title{color:var(--accent);font-weight:500}.demo__status{color:var(--ink-faint);font-size:.75rem}.demo__field{padding:1.1rem 1.1rem 0}.demo__source,.demo__target{width:100%;color:var(--ink);background:var(--sunk);border:1px solid var(--rule);border-radius:var(--radius);resize:vertical;padding:.75rem .85rem;font-size:.83rem;line-height:1.55}.demo__source{field-sizing:content;min-block-size:9lh;max-block-size:22lh}.demo__controls{gap:.5rem;display:flex}.demo__controls .demo__target{flex:auto;min-width:0}.demo__presets{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.chip{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;padding:.32rem .6rem;font-size:.73rem}.chip:hover{border-color:var(--accent);color:var(--accent-deep)}.demo__out{padding:1.1rem;font-size:.87rem;display:block}.verdict{border-radius:var(--radius);border:1px solid var(--rule);align-items:baseline;gap:.6rem;padding:.7rem .9rem;font-weight:600;display:flex}.verdict:has(.verdict__mark[data-state=fail]){border-color:var(--limited);background:color-mix(in oklab, var(--limited) 9%, transparent)}.verdict:has(.verdict__mark[data-state=pass]){border-color:var(--widely);background:color-mix(in oklab, var(--widely) 9%, transparent)}.verdict__mark[data-state=fail]{color:var(--limited)}.verdict__mark[data-state=pass]{color:var(--widely)}.findings{gap:.7rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.finding{border-inline-start:2px solid var(--limited);padding-inline-start:.85rem}.finding__head{font-family:var(--font-mono);font-size:.83rem}.finding__line{color:var(--ink-faint)}.finding__name{color:var(--ink);font-weight:500}.finding__reasons{flex-wrap:wrap;gap:.35rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.finding__reasons li{font-family:var(--font-mono);color:var(--limited);background:color-mix(in oklab, var(--limited) 12%, transparent);border-radius:999px;padding:.2rem .5rem;font-size:.74rem}.demo__msg{color:var(--ink-faint);margin:0;font-size:.85rem}.section-head{max-width:var(--measure);margin-bottom:clamp(1.75rem,3vw,2.5rem)}.section-head h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem);font-weight:600;line-height:1.1}.section-head p{color:var(--ink-soft);margin:.8rem 0 0}.tools,.connect,.data{width:var(--shell);border-top:1px solid var(--rule);content-visibility:auto;contain-intrinsic-size:auto 600px;margin-inline:auto;padding-block:clamp(3rem,6vw,5rem)}.toolgrid{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:48rem){.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:72rem){.toolgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool{background:var(--surface);flex-direction:column;gap:.55rem;padding:1.6rem 1.5rem;display:flex}.tool__q{color:var(--ink-faint);margin:0;font-size:.92rem;font-style:italic}.tool__name{font-family:var(--font-mono);color:var(--accent);letter-spacing:-.01em;margin:0;font-size:1.02rem;font-weight:500}.tool__desc{color:var(--ink-soft);margin:0;font-size:.94rem}.tool__src,.source__tag{font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink-faint);align-items:center;gap:.45rem;margin:auto 0 0;font-size:.72rem;display:flex}.tool__src:before,.source__tag:before{content:"";border-radius:50%;flex:none;block-size:.45rem;inline-size:.45rem}[data-src=live]:before{background:var(--newly)}[data-src=bundled]:before{background:var(--widely)}.tabs__list{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tab{font-family:var(--font-body);color:var(--ink-soft);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .9rem;font-size:.88rem;font-weight:500}.tab[aria-selected=true]{color:#fcfcfc;color:contrast-color(var(--accent));background:var(--accent);border-color:var(--accent)}.panel__lede{max-width:var(--measure);color:var(--ink-soft);margin:0 0 1rem}.codeblock{position:relative}.code{background:var(--sunk);border:1px solid var(--rule);border-radius:var(--radius);tab-size:2;margin:0;padding:1.1rem 1.2rem;padding-inline-end:6rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.copy{min-inline-size:4.75rem;font-family:var(--font-body);color:var(--ink-soft);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;padding:.42rem .7rem;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s;position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem}.copy:hover{color:var(--accent-deep);border-color:var(--accent)}.copy[data-state=done]{color:var(--widely);border-color:var(--widely)}.panel__note{color:var(--ink-faint);margin:.85rem 0 0;font-size:.9rem}.sources{gap:1.5rem;display:grid}@media (min-width:48rem){.sources{grid-template-columns:repeat(2,minmax(0,1fr))}}.source{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);flex-direction:column;gap:.6rem;padding:1.5rem;display:flex}.source__tag{order:-1;margin:0}.source h3{font-family:var(--font-mono);color:var(--ink);margin:0;font-size:1rem;font-weight:500}.source p{color:var(--ink-soft);margin:0;font-size:.93rem}.source code{background:var(--sunk);border-radius:4px;padding:.05em .3em;font-size:.88em}.source__meta{font-family:var(--font-mono);color:var(--ink-faint);margin-top:auto;padding-top:.5rem;font-size:.75rem}.footer{width:var(--shell);border-top:1px solid var(--rule);color:var(--ink-faint);gap:.5rem;margin-inline:auto;padding-block:2.5rem 3.5rem;font-size:.88rem;display:grid}.footer p{margin:0}.footer__wink code{font-size:.9em}