@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff)format("woff")}:root{--brand:#f60;--brand-ink:#bd4800;--brand-text:#eb5a00;--brand-on-dark:#ff8a3d;--brand-wash:#fff0e5;--navy:#35334b;--navy-deep:#26253a;--paper:#faf8f5;--paper-2:#f3efe9;--ink:#17161d;--ink-2:#4a4857;--muted:#6b6978;--line:#e4ded5;--on-dark:#f4f1ec;--on-dark-muted:#b9b6c8;--line-dark:#ffffff1f;--font-sans:"Manrope Variable", "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--step-display:clamp(2.6rem, 1.55rem + 4.4vw, 5.25rem);--step-h2:clamp(2rem, 1.35rem + 2.5vw, 3.4rem);--step-lede:clamp(1.125rem, 1.02rem + .45vw, 1.375rem);--gutter:clamp(1rem, 4vw, 2.5rem);--header-h:84px;--header-clear:calc(var(--header-h) + 20px);--max:1180px;--radius:22px;--radius-sm:14px;--ease-out:cubic-bezier(.2, .7, .2, 1);color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--header-clear)}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:var(--brand);color:var(--ink)}:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px;border-radius:6px}.band-dark :focus-visible{outline-color:var(--brand-on-dark)}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--gutter);z-index:100;background:var(--ink);color:var(--paper);border-radius:10px;padding:.6rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:12px}.display{font-size:var(--step-display);letter-spacing:-.04em;text-wrap:balance;font-weight:650;line-height:1.02}.h2{font-size:var(--step-h2);letter-spacing:-.035em;text-wrap:balance;font-weight:650;line-height:1.06}.lede{font-size:var(--step-lede);color:var(--ink-2);text-wrap:pretty;line-height:1.5}.label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink);align-items:center;gap:.6rem;font-size:.75rem;font-weight:500;display:inline-flex}.label .num{color:var(--muted)}.mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:.92em}.display em{color:var(--brand-text);font-style:normal}.band-dark{background:var(--navy);color:var(--on-dark)}.band-dark .label{color:var(--brand-on-dark)}.band-dark .label .num,.band-dark .lede{color:var(--on-dark-muted)}.card{border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .3s var(--ease-out), background-color .3s var(--ease-out);background:#ffffff8c;text-decoration:none}.card:hover{border-color:var(--ink);background:#fff}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.popover{z-index:60;border:1px solid var(--line);background:#fff;border-radius:14px;padding:.4rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 50px -24px #17161d59}.btn{min-height:48px;font:inherit;letter-spacing:-.005em;cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out), transform .25s var(--ease-out);border:1px solid #0000;border-radius:999px;align-items:center;gap:.55rem;padding:.75rem 1.35rem;font-size:.98rem;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:1em;height:1em;transition:transform .25s var(--ease-out)}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--brand);color:var(--ink)}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ink)}.page-section{padding-block:clamp(3.5rem,8vw,6rem)}.page-section:not(.band-dark)+.page-section:not(.band-dark){border-top:1px solid var(--line)}.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem clamp(2rem,6vw,5rem);display:grid}.stack{gap:1.1rem;display:grid}.stack .lede{max-width:32rem}@media (width<=860px){.pair{grid-template-columns:minmax(0,1fr)}}.text-link{color:var(--brand-ink);align-items:center;gap:.45rem;font-weight:600;text-decoration:none;display:inline-flex}.band-dark .text-link{color:var(--brand-on-dark)}.text-link:hover{text-decoration:underline}.text-link svg{width:1em;height:1em;transition:transform .25s var(--ease-out)}.text-link:hover svg{transform:translate(3px)}.badge{white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;display:inline-block}.badge-new{background:var(--brand);color:var(--ink)}.h3{letter-spacing:-.03em;font-size:clamp(1.4rem,1.15rem + .9vw,1.9rem);font-weight:650;line-height:1.15}.rule-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;display:grid}.rule-list>li{border-top:1px solid var(--ink);align-content:start;gap:.6rem;padding-top:1.2rem;display:grid}.rule-list .mono{color:var(--brand-ink);font-size:.78rem}.rule-list h3{letter-spacing:-.02em;font-size:1.15rem;font-weight:650;line-height:1.25}.rule-list p{color:var(--ink-2);font-size:.96rem}@media (width<=960px){.rule-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.rule-list{grid-template-columns:minmax(0,1fr)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}:root{--loop:paused;--motion:0}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]){--loop:running;--motion:1}html:not([data-motion=off]) .rise{animation:rise .9s var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms + 40ms)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}