@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-sans-latin-400-normal.gapTbOY8.woff2) format("woff2"),url(/_astro/geist-sans-latin-400-normal.BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/geist-sans-latin-500-normal.uokXdC-Q.woff2) format("woff2"),url(/_astro/geist-sans-latin-500-normal.CN2lyvyL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/geist-sans-latin-600-normal.DFOURf8L.woff2) format("woff2"),url(/_astro/geist-sans-latin-600-normal.CA1yjETN.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-mono-latin-400-normal.DTRLJnHl.woff2) format("woff2"),url(/_astro/geist-mono-latin-400-normal.B2yvC1Cq.woff) format("woff")}:root{color-scheme:light dark;--vbg-background-100: light-dark(oklch(1 0 0), oklch(0 0 0));--vbg-background-200: light-dark(oklch(.984 0 0), oklch(.027 0 0));--vbg-gray-alpha-100: light-dark(oklch(0 0 0 / .05), oklch(1 0 0 / .07));--vbg-gray-alpha-300: light-dark(oklch(0 0 0 / .1), oklch(1 0 0 / .13));--vbg-gray-alpha-400: light-dark(oklch(0 0 0 / .08), oklch(1 0 0 / .14));--vbg-gray-alpha-500: light-dark(oklch(0 0 0 / .21), oklch(1 0 0 / .24));--vbg-gray-alpha-700: light-dark(oklch(0 0 0 / .44), oklch(1 0 0 / .54));--vbg-gray-800: light-dark(oklch(.59 0 0), oklch(.59 0 0));--vbg-gray-900: light-dark(oklch(.42 0 0), oklch(.706 0 0));--vbg-gray-1000: light-dark(oklch(.205 0 0), oklch(.946 0 0));--vbg-blue-700: light-dark(oklch(57.61% .2508 258.23), oklch(57.61% .2321 258.23));--vbg-green-900: light-dark(oklch(51.75% .1453 147.65), oklch(73.1% .2158 148.29));--vbg-amber-900: light-dark(oklch(52.79% .1496 54.65), oklch(77.21% .1991 64.28));--background: var(--vbg-background-100);--surface: var(--vbg-background-200);--border: var(--vbg-gray-alpha-400);--border-hover: var(--vbg-gray-alpha-500);--border-strong: var(--vbg-gray-alpha-700);--foreground: var(--vbg-gray-1000);--muted: var(--vbg-gray-900);--faint: light-dark(oklch(.55 0 0), var(--vbg-gray-800));--success: var(--vbg-green-900);--warning: var(--vbg-amber-900);--danger: light-dark(oklch(57% .2524 23.03), oklch(62.56% .2234 23.03));--focus: light-dark(var(--vbg-blue-700), oklch(71.7% .1648 250.794));--fw-astro: light-dark(oklch(48% .165 305), oklch(80% .125 305));--fw-nextjs: light-dark(oklch(38% .012 265), oklch(84% .008 265));--fw-vite: light-dark(oklch(49% .175 290), oklch(80% .135 290));--fw-svelte: light-dark(oklch(51% .185 35), oklch(78% .145 35));--fw-static: light-dark(oklch(45% .055 220), oklch(81% .045 220));--fw-react: light-dark(oklch(48% .115 231), oklch(80% .105 231));--fwc-astro: linear-gradient(140deg, oklch(44% .19 300), oklch(58% .2 305));--fwc-nextjs: linear-gradient(140deg, oklch(22% 0 0), oklch(38% 0 0));--fwc-vite: linear-gradient(140deg, oklch(48% .19 285), oklch(60% .17 300));--fwc-svelte: linear-gradient(140deg, oklch(48% .19 34), oklch(60% .22 34));--fwc-static: linear-gradient(140deg, oklch(42% .03 250), oklch(56% .04 250));--fwc-react: linear-gradient(140deg, oklch(48% .09 216), oklch(60% .1 216));--radius-sm: 6px;--radius: 8px;--shadow-raised: inset 0 1px 0 light-dark(oklch(1 0 0 / .65), oklch(1 0 0 / .12)), 0 1px 1px light-dark(oklch(0 0 0 / .07), oklch(0 0 0 / .45)), 0 2px 4px -2px light-dark(oklch(0 0 0 / .14), oklch(0 0 0 / .6));--shadow-well: inset 0 1px 2px light-dark(oklch(0 0 0 / .14), oklch(0 0 0 / .5)), inset 0 -1px 0 light-dark(oklch(1 0 0 / .55), oklch(1 0 0 / .05));--font-sans: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Geist Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;line-height:1.5;background-image:radial-gradient(70rem 40rem at 15% -10%,color-mix(in oklab,var(--fw-astro) 9%,transparent),transparent 70%),radial-gradient(60rem 40rem at 95% 20%,color-mix(in oklab,var(--fw-react) 7%,transparent),transparent 70%);background-attachment:fixed}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}code,kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.wrap{width:min(1140px,100% - 3rem);margin-inline:auto}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.lede{font-size:clamp(1rem,.95rem + .35vw,1.15rem);line-height:1.6;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--foreground);color:var(--background);box-shadow:var(--shadow-raised)}.btn-primary:hover{background:color-mix(in oklab,var(--foreground) 88%,var(--background))}.btn-secondary{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-raised)}.btn-secondary:hover{border-color:var(--border-hover)}kbd.key{display:inline-block;min-width:1.4em;padding:.1em .4em;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--surface);font-size:.85em;text-align:center;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.7rem 0;background:color-mix(in oklab,var(--background) 78%,transparent);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid transparent;transition:border-color .2s ease}.site-header[data-stuck]{border-bottom-color:var(--border)}.site-header .wrap{display:flex;align-items:center;gap:.75rem}.site-mark{display:flex;align-items:center;gap:.5rem;font-weight:600;letter-spacing:-.01em;text-decoration:none}.site-mark{font-size:1.1rem}.site-mark img{width:40px;height:40px;border-radius:9px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:1rem;font-size:.875rem}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--foreground)}.site-header nav a.btn-primary,.site-header nav a.btn-primary:hover{color:var(--background)}@media(max-width:640px){.site-header nav a.hide-sm{display:none}}.hero{padding:clamp(3rem,9vh,6rem) 0 clamp(2rem,6vh,4rem);text-align:center}.hero h1{margin-top:1rem;font-size:clamp(2.4rem,1.4rem + 4.2vw,4.5rem);line-height:1.02;letter-spacing:-.045em}.hero h1 .dim{color:var(--muted)}.hero .lede{margin:1.15rem auto 0;max-width:46ch}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.75rem}.brew{position:relative;display:inline-block;max-width:100%;margin-top:2.5rem;padding:.4rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-well);color:var(--muted);font-family:var(--font-mono);font-size:clamp(.7rem,.6rem + .5vw,.8rem);line-height:1.6;overflow-wrap:anywhere;text-align:left}.brew .prompt{margin-right:.5em;color:var(--faint)}.brew .tail{white-space:nowrap}.brew[data-armed]{cursor:pointer;transition:border-color .14s ease,background-color .14s ease;-webkit-user-select:none;user-select:none}.brew[data-armed]:hover{border-color:var(--border-hover);background:color-mix(in oklab,var(--foreground) 4%,var(--surface))}.brew[data-armed]:active{transform:translateY(.5px)}.brew-note{position:absolute;bottom:calc(100% + .5rem);left:50%;z-index:2;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-raised);color:var(--success);font-family:var(--font-sans);font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;translate:-50% 4px;transition:opacity .16s ease-out,translate .16s ease-out}.brew[data-copied] .brew-note{opacity:1;translate:-50% 0}.brew[data-copied] .brew-note:after{content:"Copied"}@media(min-width:900px){.brew{margin-top:1.1rem}.brew-note{top:50%;bottom:auto;left:calc(100% + .6rem);translate:-6px -50%}.brew[data-copied] .brew-note{translate:0 -50%}}.brew[data-copied] .cursor{animation:none;opacity:0}.brew .cursor{display:inline-block;width:.55em;height:1em;margin-left:.25em;vertical-align:-.16em;background:var(--muted);animation:caret 1.06s step-end infinite}@media(prefers-reduced-motion:reduce){.brew .cursor{animation:none;opacity:.5}}.hero-meta{margin-top:1.6rem;color:var(--faint);font-size:.8rem}.stage{position:relative}.stage-sticky{position:sticky;top:0;display:flex;align-items:center;min-height:100svh;padding-block:2rem}.stage-inner{display:grid;grid-template-columns:minmax(0,21rem) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}.window-slot{container-type:inline-size;min-width:0}.captions{position:relative;min-height:15rem}.caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.6rem;opacity:0;translate:0 8px;pointer-events:none;transition:opacity .28s ease,translate .28s ease}.caption[data-on]{opacity:1;translate:0 0;pointer-events:auto}.caption h2{font-size:clamp(1.35rem,1.1rem + .8vw,1.9rem);line-height:1.15}.caption p{color:var(--muted);font-size:.95rem;line-height:1.6}.caption .aside{color:var(--faint);font-size:.8rem}.acts{display:flex;gap:6px;margin-bottom:.4rem}.acts i{width:16px;height:3px;border-radius:2px;background:var(--border-strong);opacity:.35;transition:opacity .2s ease,background-color .2s ease}.acts i[data-on]{opacity:1;background:var(--foreground)}@media(max-width:900px){.stage-inner{grid-template-columns:minmax(0,1fr);gap:1.25rem}.captions{min-height:11rem;order:2}.caption{justify-content:flex-start}}.section{padding:clamp(4rem,12vh,8rem) 0}.section-head{max-width:44ch;margin-bottom:2.5rem}.section-head h2{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);line-height:1.1}.section-head p{margin-top:.8rem;color:var(--muted);font-size:1rem;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;border:1px solid var(--border);border-radius:var(--radius);background:var(--border);overflow:hidden}.cards article{padding:1.4rem;background:var(--background)}.cards h3{font-size:.95rem}.cards p{margin-top:.45rem;color:var(--muted);font-size:.85rem;line-height:1.6}.cards .tag{display:inline-block;margin-bottom:.7rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.turn{max-width:46ch;margin-inline:auto;text-align:center}.turn h2{margin-top:.5rem;font-size:clamp(1.9rem,1.4rem + 2.2vw,3rem);line-height:1.05}.turn p{margin-top:1.15rem;color:var(--muted);font-size:clamp(1rem,.95rem + .3vw,1.1rem);line-height:1.65}.turn .eyebrow{margin-top:0}.turn .turn-last{margin-top:1.6rem;color:var(--foreground);font-size:clamp(1.05rem,1rem + .5vw,1.3rem);line-height:1.5;text-wrap:balance}.eras-section{padding-block:clamp(2.5rem,7vh,4.5rem)}.eras-section .section-head{margin-bottom:1.75rem}.eras{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none}.eras>li{display:flex;flex-direction:column;padding:1.4rem 1.4rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.eras .era{margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.eras h3{margin-top:.15rem;font-size:1.35rem;letter-spacing:-.025em}.steps{counter-reset:step;margin:1.1rem 0 0;padding:0;list-style:none}.steps li{counter-increment:step;position:relative;padding:.3rem 0 .3rem 1.9rem;color:var(--muted);font-size:.85rem;line-height:1.45}.steps li+li{border-top:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.steps li:before{content:counter(step);position:absolute;left:0;top:.35rem;width:1.15rem;color:var(--faint);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.count{margin-top:auto;padding-top:1.5rem;color:var(--faint);font-size:.8rem}.count span{color:var(--muted)}.eras>li[data-now]{border-color:color-mix(in oklab,var(--fw-astro) 45%,var(--border));background:radial-gradient(24rem 12rem at 50% 0%,color-mix(in oklab,var(--fw-astro) 14%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-raised)}.eras>li[data-now] .era,.eras>li[data-now] .steps li{color:var(--foreground)}.eras>li[data-now] .steps li:before{color:color-mix(in oklab,var(--fw-astro) 70%,var(--foreground))}.eras>li[data-now] .count{color:var(--foreground);font-weight:500}.eras>li[data-now] .count span{color:var(--foreground)}.eras.reveal-armed>li{opacity:0;transform:translateY(10px);transition:opacity .52s ease-out,transform .52s cubic-bezier(.16,1,.3,1)}.eras.reveal-armed>li:nth-child(2){transition-delay:.11s}.eras.reveal-armed>li:nth-child(3){transition-delay:.22s}.eras.reveal-armed.is-in>li{opacity:1;transform:none}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem 2.5rem;margin:0;padding:0;list-style:none}.facts h3{font-size:.95rem}.facts p{margin-top:.4rem;color:var(--muted);font-size:.875rem;line-height:1.6}.note{margin-top:1.25rem;max-width:62ch;color:var(--faint);font-size:.85rem;line-height:1.6}.cta{padding:clamp(3.5rem,10vh,6rem) 2rem;border:1px solid var(--border);border-radius:16px;background:radial-gradient(50rem 20rem at 50% 0%,color-mix(in oklab,var(--fw-astro) 12%,transparent),transparent 70%),var(--surface);text-align:center}.cta img{width:64px;height:64px;border-radius:14px;box-shadow:0 12px 32px -12px #00000080}.cta h2{margin-top:1.1rem;font-size:clamp(1.6rem,1.3rem + 1.4vw,2.4rem)}.cta p{margin:.7rem auto 0;max-width:42ch;color:var(--muted)}.site-footer{padding:2.5rem 0 3.5rem;border-top:1px solid var(--border);margin-top:clamp(4rem,10vh,7rem);color:var(--faint);font-size:.82rem}.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.site-footer nav{margin-left:auto;display:flex;gap:1.1rem}.site-footer a{color:var(--faint);text-decoration:none}.site-footer a:hover{color:var(--foreground)}@media(max-width:640px){.turn{text-align:left}.turn h2,.turn .eyebrow{text-align:center}}@media(max-width:520px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.cta{padding-inline:1.25rem}}.noscript-steps{margin:1.5rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.9rem;line-height:1.8}