@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141619;--panel:#1d2026;--ink:#e9ebef;--ink-muted:#a3a9b4;--rule:#2c3038;--edge:#434955;--accent:#3cc0b4;--accent-soft:#15302d;--link:#3cc0b4;--viewport-clear:#0f1114}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--body);overflow-wrap:break-word;margin:0}img{max-width:100%}a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}code{font:400 .9em var(--mono)}p code{background:var(--panel);border:1px solid var(--rule);border-radius:4px;padding:0 4px}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;margin:0;line-height:1.15}h2{font-size:26px;font-weight:700}h3{font-size:17px;font-weight:700}.wordmark{font-family:var(--display);letter-spacing:-.01em;color:inherit;white-space:nowrap;align-items:center;gap:10px;font-size:18px;text-decoration:none;display:inline-flex}.wordmark svg{width:24px;height:24px;color:var(--accent);flex:none}.wordmark svg path{fill:currentColor}.wordmark .family{color:var(--ink-muted);margin-right:.27em;font-weight:600}.wordmark .product{color:var(--ink);font-weight:700}.topbar{z-index:2;background:var(--panel);border-bottom:1px solid var(--rule);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex}.topbar nav{flex-wrap:wrap;gap:4px 20px;font-size:14px;font-weight:500;display:flex}.topbar nav a{color:var(--ink);text-decoration:none}.topbar nav a:hover{color:var(--accent)}.landing{max-width:1180px;margin:0 auto;padding:0 20px 48px}.hero{max-width:880px;padding:56px 0 28px}.hero h1{font-size:clamp(30px,4.2vw,46px);font-weight:700}.lede{color:var(--ink-muted);max-width:70ch;margin:18px 0 0;font-size:17px}.facts{flex-wrap:wrap;gap:8px 12px;margin:22px 0 0;padding:0;font-size:13px;font-weight:500;display:flex}.facts span{border:1px solid var(--rule);background:var(--panel);border-radius:999px;padding:4px 10px}section{padding:32px 0 8px}.section-head{margin-bottom:16px}.section-lede{color:var(--ink-muted);max-width:76ch;margin:6px 0 0}.chip-rows{flex-direction:column;gap:8px;margin:0 0 12px;display:flex}.chip-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chip-label{font:600 11.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);min-width:64px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--rule);background:var(--panel);color:var(--ink);font:500 13.5px/1.2 var(--body);cursor:pointer;transition:border-color var(--motion) ease, background var(--motion) ease, color var(--motion) ease;border-radius:999px;padding:6px 12px}.chip:hover:not(:disabled){border-color:var(--accent)}.chip[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.chip:disabled{opacity:.4;cursor:default}.stage{background:var(--panel);border:1px solid var(--rule);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #171a1f0f,0 12px 40px -24px #171a1f59}.stage iframe{background:var(--viewport-clear);border:0;width:100%;height:min(74vh,720px);display:block}.stage-bar{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:10px 16px;font-size:13.5px;display:flex}.stage-question{color:var(--ink-muted)}.full-page{font-weight:500}.building-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;display:grid}.building{background:var(--panel);border:1px solid var(--rule);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.building-picture{aspect-ratio:3/2;object-fit:cover;background:var(--viewport-clear);border-bottom:1px solid var(--rule);width:100%;display:block}.building-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.building-body p{margin:0}.building-body>p:not(.credit):not(.parts){color:var(--ink-muted);flex:1;font-size:14px}.parts{font:400 12px/1.4 var(--mono);color:var(--accent)}.credit{color:var(--ink-muted);font-size:12px}.demo-actions{flex-wrap:wrap;gap:6px 18px;margin:6px 0 0;font-size:13.5px;font-weight:500;display:flex}.use-columns{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.code{color:#e9ebef;font:400 13px/1.6 var(--mono);tab-size:2;background:#171a1f;border-radius:10px;margin:0;padding:16px 18px;overflow:auto}.points{color:var(--ink-muted);flex-direction:column;gap:10px;margin:0;padding:0 0 0 18px;font-size:14px;display:flex}.points strong{color:var(--ink);font-weight:600}.site-footer{border-top:1px solid var(--rule);max-width:1180px;color:var(--ink-muted);margin:0 auto;padding:24px 20px 56px;font-size:14px}.site-footer p{max-width:90ch;margin:0 0 10px}.footnote{font-size:13px}@media (width<=760px){.hero{padding-top:32px}.use-columns{grid-template-columns:minmax(0,1fr)}.chip-label{min-width:0}}