@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2) format("woff2"),url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff) format("woff")}:root{--bg: #07070b;--panel: #0d0d14;--stage: #0b0b12;--line: #1b1b27;--line-strong: #2a2a3b;--ink: #ececf3;--muted: #8b8ba0;--dim: #5d5d72;--cyan: #22d3ee;--pink: #f472b6;--lime: #a3e635;--violet: #a78bfa;--red: #fb7185;--sans: "Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--pixel: "Silkscreen", var(--mono);--gutter: clamp(16px, 4vw, 48px);--max: 100%;--bar-h: 56px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + 16px)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}[data-category="3d"]{--accent: var(--cyan)}[data-category=feel]{--accent: var(--pink)}[data-category=systems]{--accent: var(--lime)}[data-category=perf]{--accent: var(--violet)}.bar{position:sticky;top:0;z-index:10;background:#07070bc7;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}.bar__inner{max-width:var(--max);height:var(--bar-h);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:2rem}.logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--pixel);font-size:.8rem;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.logo__mark{display:grid;grid-template-columns:repeat(2,6px);gap:2px}.logo__mark i{width:6px;height:6px;background:var(--cyan)}.logo__mark i:nth-child(2){background:var(--pink)}.logo__mark i:nth-child(3){background:var(--lime)}.logo__mark i:nth-child(4){background:var(--violet)}.bar__nav{display:flex;gap:1.5rem;margin-left:auto}.bar__nav a{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.78rem;color:var(--muted);text-decoration:none;transition:color .15s}.bar__nav a:before{content:"";width:6px;height:6px;background:var(--accent);opacity:.55;transition:opacity .15s}.bar__nav a:hover,.bar__nav a[aria-current]{color:var(--ink)}.bar__nav a:hover:before,.bar__nav a[aria-current]:before{opacity:1}.bar__link{font-family:var(--mono);font-size:.78rem;color:var(--muted);text-decoration:none;padding:.35rem .7rem;border:1px solid var(--line-strong);border-radius:6px;white-space:nowrap;transition:color .15s,border-color .15s}.bar__link:hover{color:var(--ink);border-color:var(--muted)}@media(max-width:900px){.bar__nav{display:none}.bar__link{margin-left:auto}}.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(70rem 30rem at 20% 0%,rgba(34,211,238,.07),transparent 70%)}.hero__floor{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:220px;overflow:hidden;perspective:300px;perspective-origin:50% 0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 90%);mask-image:linear-gradient(to bottom,transparent,#000 90%)}.hero__plane{position:absolute;top:0;left:-150%;right:-150%;height:262px;transform-origin:50% 0;transform:rotateX(80deg);background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(163,230,53,.5) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(80% - .5px),rgba(251,113,133,.5) calc(80% - .5px) calc(80% + .5px),transparent calc(80% + .5px)),linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:100% 100%,100% 100%,20px 20px,20px 20px;background-position:0 0,0 0,0 0,calc(50% + 10px) 0}.hero__inner{max-width:1240px;margin:0 auto;padding:clamp(2rem,4vw,3.5rem) var(--gutter);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:center}.hero__kicker{margin:0 0 1.5rem;font-family:var(--pixel);font-size:.8rem;letter-spacing:.04em;color:var(--cyan)}.caret{display:inline-block;width:.6em;height:1em;margin-left:.35em;vertical-align:-.12em;background:var(--cyan);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero__title{margin:0;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1;letter-spacing:-.045em;font-weight:700}.hero__title em{font-style:normal;background:linear-gradient(95deg,var(--cyan),var(--violet) 50%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lede{max-width:50ch;margin:1.75rem 0 0;font-size:clamp(1rem,1.5vw,1.15rem);color:var(--muted)}.chapters{padding:clamp(2rem,4vw,3rem) 0 clamp(4rem,8vw,7rem)}.chapter{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.chapter+.chapter{margin-top:clamp(4rem,8vw,6.5rem)}.chapter__head{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:.9rem;padding-bottom:1.1rem;margin-bottom:1.75rem;border-bottom:1px solid var(--line)}.chapter__head:after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:2px;background:var(--accent)}.chapter__mark{width:10px;height:10px;align-self:center;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 60%,transparent)}.chapter__title{margin:0;font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.2;letter-spacing:-.025em;font-weight:600}.chapter__count{font-family:var(--mono);font-size:.75rem;color:var(--muted);white-space:nowrap}.chapter__blurb{grid-column:2 / -1;margin:.35rem 0 0;max-width:62ch;font-size:.95rem;color:var(--muted)}@media(max-width:560px){.chapter__head{grid-template-columns:auto 1fr}.chapter__count{display:none}}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.5rem)}@media(max-width:1080px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid{grid-template-columns:minmax(0,1fr)}}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}.card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.card__stage{position:relative;aspect-ratio:16 / 10;background:var(--stage);border-bottom:1px solid var(--line)}.card__stage:before{--c: var(--accent);--arm: 12px;content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(var(--c) 0 0) top left / var(--arm) 2px,linear-gradient(var(--c) 0 0) top left / 2px var(--arm),linear-gradient(var(--c) 0 0) top right / var(--arm) 2px,linear-gradient(var(--c) 0 0) top right / 2px var(--arm),linear-gradient(var(--c) 0 0) bottom left / var(--arm) 2px,linear-gradient(var(--c) 0 0) bottom left / 2px var(--arm),linear-gradient(var(--c) 0 0) bottom right / var(--arm) 2px,linear-gradient(var(--c) 0 0) bottom right / 2px var(--arm);background-repeat:no-repeat;transition:inset .22s ease-out,opacity .22s}.card:hover .card__stage:before{top:5px;right:5px;bottom:5px;left:5px;opacity:1}.card__stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.stage__play{position:absolute;right:.75rem;bottom:.75rem;z-index:2;border:1px solid var(--line-strong);border-radius:6px;background:#07070bd9;color:var(--ink);font-family:var(--pixel);font-size:.7rem;padding:.3rem .6rem;cursor:pointer}.stage__play:hover{border-color:var(--accent);color:var(--accent)}.card__body{display:flex;flex-direction:column;flex:1;padding:1.15rem 1.25rem 1.25rem}.card__num{font-family:var(--pixel);font-size:.7rem;color:var(--accent)}.card__title{margin:.3rem 0 0;font-size:1.3rem;line-height:1.25;letter-spacing:-.02em;font-weight:600}.card__tagline{margin:.25rem 0 0;font-family:var(--mono);font-size:.78rem;color:color-mix(in srgb,var(--accent) 75%,var(--muted))}.card__text{flex:1;margin:.8rem 0 1.1rem;font-size:.92rem;color:var(--muted)}.prompt{border:1px solid var(--line);border-radius:8px;background:#08080d}.prompt__head{display:flex;align-items:center;justify-content:space-between;padding:.45rem .5rem .45rem .8rem;border-bottom:1px dashed var(--line-strong)}.prompt__label{font-family:var(--pixel);font-size:.68rem;color:var(--muted)}.prompt__copy{border:1px solid var(--line-strong);background:transparent;color:var(--muted);font-family:var(--mono);font-size:.72rem;padding:.2rem .65rem;border-radius:5px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.prompt__copy:hover{color:var(--ink);border-color:var(--accent)}.prompt__copy.is-copied{color:var(--bg);background:var(--accent);border-color:var(--accent)}.prompt__code{position:relative;display:block;padding:.75rem .85rem .85rem 1.9rem;font-family:var(--mono);font-size:.78rem;line-height:1.6;color:#d4d6e2;white-space:pre-wrap}.prompt__code:before{content:">";position:absolute;left:.85rem;top:.75rem;color:var(--accent)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caret{animation:none}.card__stage:before{transition:none}}.newsletter{container-type:inline-size;min-width:0;margin:0;padding:1.5rem;display:grid;gap:1rem;background:var(--panel);border:1px solid var(--line-strong);border-radius:12px}.newsletter__kicker{color:var(--cyan);font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.newsletter h2{font-size:clamp(1.25rem,2vw,1.5rem);margin:.4rem 0;line-height:1.3}.newsletter p{margin:.5rem 0}.newsletter label{display:block;font-size:.85rem;margin-bottom:.5rem}.newsletter__fields{display:flex;gap:.6rem}.newsletter input{width:100%;min-width:0;padding:.8rem 1rem;background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);border-radius:6px;font:inherit}.newsletter button{flex-shrink:0;padding:.8rem 1rem;border:0;border-radius:6px;background:var(--cyan);color:#07070b;font:inherit;font-weight:600;cursor:pointer}.newsletter button:disabled{opacity:.6;cursor:wait}.newsletter .newsletter__privacy{font-size:.75rem;color:var(--muted);line-height:1.5;margin-top:.7rem}.newsletter__status{min-height:1.5em;color:var(--cyan);font-size:.85rem}.newsletter__trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:820px){.hero__inner{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero__title{font-size:clamp(2.5rem,7vw,3.5rem)}.hero__kicker{margin-bottom:1rem}.hero__lede{margin-top:1.25rem}}@media(max-width:480px){.newsletter{padding:.75rem}.bar__inner{gap:.75rem}.logo{font-size:.7rem}}@media(max-width:380px){.newsletter__fields{flex-direction:column}}.newsletter-challenge{margin-top:1rem;min-height:65px}.newsletter__privacy a{color:inherit;text-decoration:underline}#newsletter-form{min-width:0}[hidden]{display:none!important}.card__title a{text-decoration:none}.card__title a:hover,.concept-link:hover{color:var(--cyan)}.concept-link{display:inline-block;margin-top:1rem;font-size:.85rem;color:var(--muted)}.demo-caption{position:absolute;bottom:10px;left:12px;right:12px;font:.7rem var(--mono);color:var(--muted)}.demo-ready .demo-caption{display:none}.site-footer{max-width:var(--max);margin:0 auto;padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem}.site-footer p{color:var(--muted);font-size:.9rem}.site-footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:1rem;font-size:.85rem}.follow-link{display:inline-block;padding:.6rem 1rem;border:1px solid var(--line-strong);border-radius:6px;text-decoration:none;color:var(--cyan)}.concept-page{max-width:var(--max);margin:auto;padding:2rem var(--gutter) 3rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.85rem}.concept-heading{margin:2rem 0}.concept-heading h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.035em;margin:.75rem 0}.concept-heading>p:last-child{color:var(--muted)}.concept-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:start}.concept-guide section{margin-bottom:2rem}.concept-guide h2,.related h2,.text-page h2{font-size:1.25rem;margin:0 0 .75rem}.concept-guide p,.text-page p{color:var(--muted)}.concept-guide pre{margin:1rem 0;padding:1rem;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;overflow-x:auto;font:.8rem/1.7 var(--mono)}.example-note{font-size:.8rem}.related{margin:3rem 0 2rem}.related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related a{padding:1rem;border:1px solid var(--line-strong);border-radius:8px;text-decoration:none}.related strong,.related span{display:block}.related span{font-size:.85rem;color:var(--muted);margin-top:.5rem}.byline{color:var(--muted);font-size:.85rem}.text-page{max-width:820px;margin:auto;padding:3rem var(--gutter)}.text-page h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2}.text-page h2{margin-top:2rem}@media(max-width:820px){.concept-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.site-footer{flex-direction:column}.related>div{grid-template-columns:minmax(0,1fr)}}.hero__follow{display:inline-block;margin-top:1rem;font-size:.8rem;color:var(--cyan);text-underline-offset:4px}@media(max-width:360px){.newsletter-challenge{min-height:140px}}@container (max-width:299px){.newsletter-challenge{min-height:140px}}.newsletter__status:empty{display:none}