:root{--ground:#08080b;--ink:#f3f1f7;--muted:#99949f;--faint:#8b8693;--rule:#ffffff17;--rule-strong:#ffffff2e;--violet:#a78bfa;--violet-lit:#cbbcff;--mint:#6ee7b7;--gutter:clamp(20px, 4.5vw, 64px);--page:min(1240px, 100% - (2 * var(--gutter)));--sans:"Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono:"Cascadia Code", ui-monospace, SFMono-Regular, "JetBrains Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;color:var(--ink);background:var(--ground);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65}h1,h2,h3{text-wrap:balance;margin:0;font-weight:640}p{text-wrap:pretty;margin:0}a{color:inherit}img{max-width:100%;display:block}code{font-family:var(--mono)}::selection{color:#0c0912;background:var(--violet-lit)}:focus-visible{outline:2px solid var(--violet-lit);outline-offset:3px;border-radius:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:60;color:#0c0912;background:var(--violet-lit);border-radius:4px;padding:11px 16px;font-size:.85rem;font-weight:700;text-decoration:none;position:fixed;top:14px;left:14px;transform:translateY(-160%)}.skip:focus{transform:none}.masthead{z-index:40;height:68px;padding-inline:var(--gutter);background:color-mix(in srgb, var(--ground) 86%, transparent);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.05em;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark img{filter:drop-shadow(0 0 12px #a78bfa66)}.masthead nav{align-items:center;gap:clamp(18px,2.4vw,34px);font-size:.86rem;display:flex}.masthead nav a{color:var(--muted);text-decoration:none;transition:color .16s}.masthead nav a:hover{color:var(--ink)}.nav-repo{align-items:center;gap:5px;display:inline-flex;color:var(--ink)!important}.nav-repo span{color:var(--violet)}.menu{display:none}.hero{width:var(--page);grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;column-gap:clamp(32px,5vw,88px);margin-inline:auto;padding-block:clamp(48px,7vw,96px) 0;display:grid}.hero h1{letter-spacing:-.05em;font-size:clamp(2.9rem,6.1vw,5.4rem);line-height:.94}.hero h1 em{color:var(--violet-lit);font-style:normal;display:inline-block}.lede{max-width:44ch;color:var(--muted);margin-top:clamp(22px,2.4vw,32px);font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.68}.actions{flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,40px);display:flex}.btn{border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;min-height:50px;padding-inline:22px;font-size:.92rem;font-weight:660;text-decoration:none;transition:background .17s,border-color .17s,transform .17s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-solid{color:#0b0810;background:var(--violet-lit)}.btn-solid:hover{background:#ddd4ff}.btn-line{border-color:var(--rule-strong)}.btn-line:hover{border-color:var(--violet)}.btn-line span{color:var(--violet)}.hero-stage{aspect-ratio:1;justify-self:center;width:100%;max-height:min(66vh,620px);position:relative}#stage{opacity:0;width:100%;height:100%;transition:opacity .9s;-webkit-mask-image:radial-gradient(closest-side,#000 58%,#0000 96%);mask-image:radial-gradient(closest-side,#000 58%,#0000 96%)}.hero-stage.live #stage{opacity:1}.stage-fallback{opacity:.82;object-fit:contain;filter:drop-shadow(0 0 60px #a78bfa47);width:76%;height:76%;transition:opacity .6s;position:absolute;inset:12%}.hero-stage.live .stage-fallback{opacity:0}.stage-caption{color:#a495d8;font-family:var(--mono);letter-spacing:.04em;font-size:.72rem;position:absolute;bottom:11%;right:6%}.facts{border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px;margin:clamp(40px,5vw,72px) 0 0;padding-block:22px;display:grid}.facts div{gap:4px;display:grid}.facts dt{color:var(--faint);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem}.facts dd{color:#cfcad6;margin:0;font-size:.88rem}.loop{border-block:1px solid var(--rule);background:#0b0b0f}.loop ol{width:var(--page);grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:auto;padding:0;list-style:none;display:grid}.loop li{align-content:start;gap:7px;padding:clamp(28px,3.4vw,44px) clamp(18px,2vw,34px) clamp(28px,3.4vw,44px) 0;display:grid}.loop li+li{border-left:1px solid var(--rule);padding-left:clamp(18px,2vw,34px)}.step{color:var(--violet);font-family:var(--mono);letter-spacing:.1em;font-size:.66rem}.verb{letter-spacing:-.03em;font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:620}.gloss{color:var(--muted);font-size:.86rem;line-height:1.6}.prose-head{gap:14px;display:grid}.marker{color:var(--faint);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:.66rem}.prose-head h2{letter-spacing:-.04em;font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.02}.prose{width:var(--page);margin-inline:auto;padding-block:clamp(64px,7vw,104px)}.rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,6vw,110px);margin-top:clamp(44px,5vw,72px);display:grid}.rows article{border-top:1px solid var(--rule);padding-block:clamp(26px,2.8vw,38px)}.rows h3{letter-spacing:-.025em;font-size:clamp(1.08rem,1.5vw,1.3rem);font-weight:620}.rows p{max-width:52ch;color:var(--muted);margin-top:10px;font-size:.93rem;line-height:1.72}.extend{width:var(--page);border-top:1px solid var(--rule);margin-inline:auto;padding-block:clamp(64px,7vw,104px)}.surfaces{border-top:1px solid var(--rule-strong);margin:clamp(44px,5vw,72px) 0 0;padding:0;list-style:none}.surfaces li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(88px,.42fr) minmax(0,1.15fr) minmax(0,1fr) minmax(58px,auto);align-items:center;gap:6px 20px;min-height:78px;padding-block:18px;display:grid}.s-name{letter-spacing:-.02em;font-size:1.06rem;font-weight:640}.s-what{color:var(--muted);font-size:.92rem}.s-where{color:var(--violet-lit);overflow-wrap:anywhere;font-size:.78rem}.s-cost{color:var(--faint);font-family:var(--mono);letter-spacing:.12em;text-align:right;text-transform:uppercase;font-size:.64rem}.extend-note{max-width:62ch;color:var(--muted);margin-top:30px;font-size:.9rem}.extend-note code{color:#cbc6d3;font-size:.85em}.extend-note a{color:var(--violet-lit);-webkit-text-decoration-color:color-mix(in srgb, var(--violet-lit) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--violet-lit) 45%, transparent);text-underline-offset:3px;align-items:center;gap:4px;display:inline-flex}.install{width:var(--page);border-top:1px solid var(--rule);margin-inline:auto;padding-block:clamp(64px,7vw,104px)}.install-body{max-width:880px;margin-top:clamp(34px,4vw,56px)}.cmd{border:1px solid var(--rule-strong);background:#0d0d12;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.cmd code{color:#ded9e6;overflow-wrap:anywhere;min-width:0;font-size:clamp(.74rem,.92vw,.85rem);line-height:1.7}.copy{color:#0b0810;background:var(--violet-lit);cursor:pointer;min-height:42px;font-family:var(--sans);border:0;border-radius:5px;padding-inline:18px;font-size:.84rem;font-weight:700;transition:background .17s}.copy:hover{background:#ddd4ff}.install-facts{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.install-facts li{color:var(--muted);grid-template-columns:16px minmax(0,1fr);align-items:baseline;gap:4px;font-size:.88rem;display:grid}.install-facts li:before{color:var(--mint);content:"·";font-size:1.4em;line-height:1}.install-alt{max-width:60ch;color:var(--muted);border-top:1px solid var(--rule);margin-top:26px;padding-top:22px;font-size:.86rem}.install-alt a{color:var(--violet-lit);-webkit-text-decoration-color:color-mix(in srgb, var(--violet-lit) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--violet-lit) 45%, transparent);text-underline-offset:3px}footer{width:var(--page);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;margin-inline:auto;padding-block:34px 44px;display:flex}.sign{color:#b5b0bd;align-items:center;gap:11px;font-size:.9rem;display:flex}.sign img{filter:drop-shadow(0 0 10px #a78bfa4d)}footer nav{flex-wrap:wrap;gap:2px 14px;font-size:.84rem;display:flex}footer nav a{min-height:36px;color:var(--muted);align-items:center;padding-inline:8px;text-decoration:none;display:inline-flex}footer nav a:hover{color:var(--ink)}.js [data-reveal]{opacity:0;transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.js [data-reveal].shown{opacity:1;transform:none}@media (width<=1080px){.hero{grid-template-columns:minmax(0,1fr);row-gap:clamp(28px,4vw,48px);padding-top:clamp(40px,6vw,72px)}.hero-text{max-width:720px}.hero-stage{order:-1;max-width:460px;max-height:460px}.loop ol{grid-template-columns:repeat(2,minmax(0,1fr))}.loop li{border-top:1px solid var(--rule);padding-inline:clamp(18px,2.4vw,30px)}.loop li:nth-child(odd){border-left:0;padding-left:0}.loop li:nth-child(-n+2){border-top:0}.surfaces li{grid-template-columns:minmax(88px,.55fr) minmax(0,1.45fr) auto}.s-where{grid-column:2/-1}.s-cost{grid-area:1/3}.install{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){html{scroll-padding-top:76px}.masthead{height:60px}.menu{z-index:2;width:42px;height:42px;color:var(--ink);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:5px;align-content:center;gap:6px;padding:13px 10px;display:grid;position:relative}.menu span:not(.sr-only){background:currentColor;height:1px;transition:transform .18s;display:block}.menu[aria-expanded=true] span:nth-child(2){transform:translateY(3.5px)rotate(45deg)}.menu[aria-expanded=true] span:nth-child(3){transform:translateY(-3.5px)rotate(-45deg)}.masthead nav{top:calc(100% + 1px);right:var(--gutter);left:var(--gutter);border:1px solid var(--rule-strong);background:#0c0c11;border-radius:7px;align-items:stretch;gap:2px;padding:10px;display:none;position:absolute;box-shadow:0 30px 60px #00000080}.masthead nav.open{display:grid}.masthead nav a{border-radius:5px;padding:13px 12px;font-size:.95rem}.masthead nav a:hover{background:#ffffff0a}.nav-repo{justify-content:space-between}.hero{padding-top:34px}.hero-stage{max-width:100%;max-height:330px}.stage-caption{right:0}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.loop ol{grid-template-columns:minmax(0,1fr)}.loop li,.loop li+li,.loop li:nth-child(odd){border-left:0;padding-inline:0}.loop li:nth-child(2){border-top:1px solid var(--rule)}.rows{grid-template-columns:minmax(0,1fr)}.surfaces li{grid-template-columns:minmax(0,1fr) auto;gap:5px 16px}.s-what,.s-where{grid-column:1/-1}.cmd{grid-template-columns:minmax(0,1fr);gap:16px}.copy{min-height:46px}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}.btn,.copy,.masthead nav a,#stage,.stage-fallback{transition:none}.btn:hover{transform:none}}