:root{--sl-color-white: hsl(0, 0%, 100%);--sl-color-gray-1: hsl(224, 20%, 94%);--sl-color-gray-2: hsl(224, 6%, 77%);--sl-color-gray-3: hsl(224, 6%, 56%);--sl-color-gray-4: hsl(224, 7%, 36%);--sl-color-gray-5: hsl(224, 10%, 23%);--sl-color-gray-6: hsl(224, 14%, 16%);--sl-color-gray-7: hsl(224, 14%, 13%);--sl-color-black: hsl(224, 10%, 10%);--sl-color-accent-low: hsl(224, 54%, 20%);--sl-color-accent: hsl(224, 100%, 60%);--sl-color-accent-high: hsl(224, 100%, 85%);--sl-color-green: hsl(101, 82%, 63%);--sl-color-orange: hsl(41, 82%, 63%);--sl-color-text: var(--sl-color-gray-2);--sl-color-text-accent: var(--sl-color-accent-high);--sl-color-bg: var(--sl-color-black);--sl-color-bg-nav: var(--sl-color-gray-6);--sl-color-bg-inline-code: var(--sl-color-gray-5);--sl-color-hairline: var(--sl-color-gray-6);--sl-color-hairline-light: var(--sl-color-gray-5);--sl-shadow-md: 0 8px 4px hsla(0, 0%, 0%, .08), 0 5px 2px hsla(0, 0%, 0%, .08), 0 3px 2px hsla(0, 0%, 0%, .12), 0 1px 1px hsla(0, 0%, 0%, .15);--sl-shadow-lg: 0 25px 7px hsla(0, 0%, 0%, .03), 0 16px 6px hsla(0, 0%, 0%, .1), 0 9px 5px hsla(223, 13%, 10%, .33), 0 4px 4px hsla(0, 0%, 0%, .55);--sl-text-2xs: .75rem;--sl-text-xs: .8125rem;--sl-text-sm: .875rem;--sl-text-base: 1rem;--sl-text-lg: 1.125rem;--sl-text-xl: 1.25rem;--sl-text-2xl: 1.5rem;--sl-text-3xl: 1.8125rem;--sl-text-4xl: 2.1875rem;--sl-text-5xl: 2.625rem;--sl-font-system: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--mx-amber: hsl(44, 88%, 66%);--mx-amber-deep: hsl(40, 89%, 42%);--mx-amber-text: hsl(44, 80%, 66%);--mx-ink: hsl(38, 13%, 12%);--mx-amber-veil: hsla(44, 88%, 66%, .11);--mx-shell: 78rem;--mx-gutter: clamp(1.25rem, 4vw, 3rem);--mx-section-y: clamp(4rem, 9vw, 7.5rem)}:root[data-theme=light]{--sl-color-white: hsl(224, 10%, 10%);--sl-color-gray-1: hsl(224, 14%, 16%);--sl-color-gray-2: hsl(224, 10%, 23%);--sl-color-gray-3: hsl(224, 7%, 36%);--sl-color-gray-4: hsl(224, 6%, 56%);--sl-color-gray-5: hsl(224, 6%, 77%);--sl-color-gray-6: hsl(224, 20%, 94%);--sl-color-gray-7: hsl(224, 19%, 97%);--sl-color-black: hsl(0, 0%, 100%);--sl-color-accent-low: hsl(234, 88%, 90%);--sl-color-accent: hsl(234, 90%, 60%);--sl-color-accent-high: hsl(234, 80%, 30%);--sl-color-green: hsl(101, 90%, 32%);--sl-color-orange: hsl(41, 90%, 38%);--sl-color-text-accent: var(--sl-color-accent);--sl-color-bg-nav: var(--sl-color-gray-7);--sl-color-bg-inline-code: var(--sl-color-gray-6);--sl-color-hairline: var(--sl-color-gray-6);--sl-color-hairline-light: var(--sl-color-gray-6);--sl-shadow-md: 0 8px 4px hsla(0, 0%, 0%, .03), 0 5px 2px hsla(0, 0%, 0%, .03), 0 3px 2px hsla(0, 0%, 0%, .06), 0 1px 1px hsla(0, 0%, 0%, .06);--sl-shadow-lg: 0 25px 7px hsla(0, 0%, 0%, .01), 0 16px 6px hsla(0, 0%, 0%, .03), 0 9px 5px hsla(223, 13%, 10%, .08), 0 4px 4px hsla(0, 0%, 0%, .1);--mx-amber-text: hsl(38, 100%, 27%);--mx-amber-veil: hsla(40, 89%, 42%, .09)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark;accent-color:var(--sl-color-accent);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html[data-theme=light]{color-scheme:light}body{font-family:var(--sl-font-system);line-height:1.75;color:var(--sl-color-text);background-color:var(--sl-color-bg);-webkit-font-smoothing:antialiased}code,pre{font-family:var(--sl-font-system-mono)}img,svg{display:block;max-width:100%}a{color:var(--sl-color-text-accent);text-underline-offset:.2em}a:hover{color:var(--sl-color-white)}:where(a,button,summary):focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:3px;border-radius:.25rem}h1,h2,h3,p,code{overflow-wrap:break-word}.shell{width:100%;max-width:var(--mx-shell);margin-inline:auto;padding-inline:var(--mx-gutter)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:var(--sl-text-2xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mx-amber-text)}.eyebrow:before{content:"";width:1.5rem;height:2px;border-radius:2px;background:currentColor}.lede{font-size:var(--sl-text-lg);color:var(--sl-color-gray-3)}.hero__lede code,.hero__note code,.problem__copy code,.callouts code,.caveat code,.aside-link code,.section__intro code,.features p code,.known-broken code{padding:.15em .4em;border-radius:.3rem;background:var(--sl-color-bg-inline-code);font-size:.9em}.aside-link{margin-top:1.25rem;font-size:var(--sl-text-sm)}.aside-link a{font-weight:600;text-decoration:none}.aside-link a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;border:1px solid transparent;border-radius:.6rem;font-size:var(--sl-text-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.btn--primary{background:linear-gradient(180deg,var(--mx-amber),var(--mx-amber-deep));color:var(--mx-ink)}.btn--primary:hover{color:var(--mx-ink);transform:translateY(-1px)}.btn--ghost{border-color:var(--sl-color-hairline-light);background:transparent;color:var(--sl-color-white)}.btn--ghost:hover{border-color:var(--sl-color-gray-4);background:var(--sl-color-gray-6);color:var(--sl-color-white);transform:translateY(-1px)}.terminal{position:relative;border:1px solid var(--sl-color-hairline-light);border-radius:.7rem;background:var(--sl-color-gray-7);box-shadow:var(--sl-shadow-md)}.terminal__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .5rem .45rem .9rem;border-bottom:1px solid var(--sl-color-hairline-light);font-size:var(--sl-text-2xs);letter-spacing:.05em;text-transform:uppercase;color:var(--sl-color-gray-4)}.terminal__body{overflow-x:auto;padding:.9rem 1rem;font-size:var(--sl-text-sm);line-height:1.7;color:var(--sl-color-gray-1)}.terminal__body code{display:block;white-space:pre}.terminal__body .prompt{user-select:none;color:var(--mx-amber-text)}.terminal__body .comment{color:var(--sl-color-gray-4)}.copy{padding:.3rem .6rem;border:1px solid var(--sl-color-hairline-light);border-radius:.4rem;background:transparent;color:var(--sl-color-gray-3);font-size:var(--sl-text-2xs);font-family:inherit;cursor:pointer;transition:color .15s ease,border-color .15s ease}.copy:hover{border-color:var(--sl-color-gray-4);color:var(--sl-color-white)}.copy[data-copied=true]{border-color:var(--sl-color-green);color:var(--sl-color-green)}.masthead{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--sl-color-hairline);background:color-mix(in srgb,var(--sl-color-bg) 88%,transparent);backdrop-filter:blur(10px)}.masthead__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--sl-color-white);font-weight:700;letter-spacing:-.01em;text-decoration:none}.brand img{width:2rem;height:2rem}.masthead__nav{display:flex;align-items:center;gap:.35rem}.masthead__nav a{padding:.4rem .7rem;border-radius:.45rem;color:var(--sl-color-gray-3);font-size:var(--sl-text-sm);font-weight:500;text-decoration:none}.masthead__nav a:hover{background:var(--sl-color-gray-6);color:var(--sl-color-white)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;margin-left:.35rem;border:1px solid var(--sl-color-hairline-light);border-radius:.45rem;background:transparent;color:var(--sl-color-gray-3);cursor:pointer}.theme-toggle:hover{color:var(--sl-color-white)}.theme-toggle svg{width:1.05rem;height:1.05rem}.theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-sun{display:block}:root[data-theme=light] .theme-toggle .icon-moon{display:none}@media(max-width:46em){.masthead__nav a[data-optional]{display:none}}.hero{position:relative;overflow:hidden;padding-block:clamp(3rem,8vw,6rem) var(--mx-section-y);border-bottom:1px solid var(--sl-color-hairline)}.hero:before{content:"";position:absolute;inset:-30% -10% auto auto;width:min(46rem,90vw);aspect-ratio:1;background:radial-gradient(circle,var(--mx-amber-veil),transparent 62%);pointer-events:none}.hero__inner{position:relative;display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center;grid-template-columns:minmax(0,1fr)}@media(min-width:60em){.hero__inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}.hero h1{margin-bottom:1.1rem;font-size:clamp(2rem,4.4vw,3.05rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--sl-color-white);text-wrap:balance}.hero h1 em{font-style:normal;color:var(--mx-amber-text)}.hero__lede{max-width:52ch;margin-bottom:1.9rem;font-size:clamp(1.02rem,1.6vw,var(--sl-text-xl));color:var(--sl-color-gray-3)}.hero__install{max-width:44rem}.hero__note{margin-top:.65rem;font-size:var(--sl-text-xs);line-height:1.6;color:var(--sl-color-gray-4)}.hero__ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.hero__art{justify-self:center}.hero__art img{width:min(21rem,68vw);height:auto;filter:drop-shadow(0 18px 34px hsla(0,0%,0%,.35))}.section{padding-block:var(--mx-section-y);border-bottom:1px solid var(--sl-color-hairline)}.section--tint{background:var(--sl-color-gray-7)}.section__title{margin-bottom:1rem;font-size:clamp(1.55rem,3.2vw,var(--sl-text-4xl));font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--sl-color-white);text-wrap:balance}.section__intro{max-width:62ch}.problem__head{display:grid;gap:clamp(1.75rem,4vw,3.25rem);align-items:start;grid-template-columns:minmax(0,1fr)}@media(min-width:56em){.problem__head{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.problem[data-side=right] .problem__copy{order:2}.problem[data-side=right] .problem__aside{order:1}}.problem__copy p+p{margin-top:.9rem}.problem__copy p{max-width:56ch}.problem__figure{margin-top:clamp(2rem,4vw,3rem)}.problem__figure .diagram__svg svg,.ai__figure .diagram__svg svg{width:clamp(calc(var(--diagram-width, 100%) * .6),100%,var(--diagram-width, 100%))}.callouts{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.terminal+.callouts{margin-top:1.25rem}.callouts li{padding-left:1.4rem;position:relative;font-size:var(--sl-text-sm)}.callouts li:before{content:"";position:absolute;left:0;top:.72em;width:.45rem;height:.45rem;border-radius:50%;background:var(--mx-amber-deep)}.callouts strong{color:var(--sl-color-white)}.caveat{margin-top:1.15rem;padding:.75rem .95rem;border-left:3px solid var(--sl-color-orange);border-radius:0 .4rem .4rem 0;background:var(--sl-color-gray-7);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.section--tint .caveat{background:var(--sl-color-bg)}.ai__inner{display:grid;gap:clamp(2rem,4.5vw,3.5rem);align-items:start;grid-template-columns:minmax(0,1fr)}@media(min-width:64em){.ai__inner{grid-template-columns:minmax(0,1fr) minmax(0,40rem)}}.features{display:grid;gap:1.1rem;margin:1.9rem 0 0;padding:0;list-style:none}.features li{padding:1.05rem 1.15rem;border:1px solid var(--sl-color-hairline-light);border-radius:.7rem;background:var(--sl-color-bg)}.section--tint .features li{background:var(--sl-color-bg)}.features h3{margin-bottom:.35rem;font-size:var(--sl-text-base);font-weight:700;color:var(--sl-color-white)}.features p{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.features a{font-weight:600}.gates{display:grid;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}.gates li{padding:1.05rem 1.15rem;border:1px solid var(--sl-color-hairline-light);border-radius:.7rem;background:var(--sl-color-bg)}.gates code{display:block;margin-bottom:.4rem;font-size:var(--sl-text-sm);font-weight:600;color:var(--mx-amber-text)}.gates p{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.tag{display:inline-block;margin-bottom:.55rem;padding:.1rem .5rem;border-radius:999px;font-size:var(--sl-text-2xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tag--gate{background:color-mix(in srgb,var(--sl-color-green) 18%,transparent);color:var(--sl-color-green)}.tag--report{background:color-mix(in srgb,var(--sl-color-orange) 18%,transparent);color:var(--sl-color-orange)}.known-broken{max-width:68ch;margin-top:2.25rem;padding:1.25rem 1.4rem;border:1px solid var(--sl-color-hairline-light);border-left:3px solid var(--sl-color-orange);border-radius:.7rem;background:var(--sl-color-bg)}.known-broken h3{margin-bottom:.5rem;font-size:var(--sl-text-lg);color:var(--sl-color-white)}.known-broken p+p{margin-top:.7rem}.known-broken p{font-size:var(--sl-text-sm)}.cta{padding-block:var(--mx-section-y);text-align:center}.cta__inner{display:flex;flex-direction:column;align-items:center}.cta h2{margin-bottom:.9rem;font-size:clamp(1.6rem,3.4vw,var(--sl-text-4xl));font-weight:700;letter-spacing:-.02em;color:var(--sl-color-white);text-wrap:balance}.cta .lede{max-width:52ch;margin-bottom:2rem}.cta .terminal{width:min(46rem,100%);margin-bottom:1.5rem;text-align:left}.footer{padding-block:2.5rem 3rem;border-top:1px solid var(--sl-color-hairline);background:var(--sl-color-gray-7);font-size:var(--sl-text-sm)}.footer__inner{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;align-items:center;justify-content:space-between}.footer nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}.footer nav a{color:var(--sl-color-gray-3);text-decoration:none}.footer nav a:hover{color:var(--sl-color-white);text-decoration:underline}.footer__meta{width:100%;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--sl-color-hairline-light);font-size:var(--sl-text-xs);color:var(--sl-color-gray-4)}.signoff{font-style:italic}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.btn--primary:hover,.btn--ghost:hover{transform:none}}