:root{--uh-bg:#1a1a1b;--uh-raised:#222223;--uh-raised-2:#2a2a2c;--uh-sunk:color-mix(in srgb, #000 22%, var(--uh-bg));--uh-ink-rgb:236 236 238;--uh-text:#ececee;--uh-soft-text:rgb(var(--uh-ink-rgb) / .74);--uh-muted:rgb(var(--uh-ink-rgb) / .56);--uh-faint:rgb(var(--uh-ink-rgb) / .34);--uh-tint:rgb(var(--uh-ink-rgb) / .06);--uh-tint-strong:rgb(var(--uh-ink-rgb) / .1);--uh-line:rgb(var(--uh-ink-rgb) / .06);--uh-line-strong:rgb(var(--uh-ink-rgb) / .12);--uh-highlight:#ffffff0a;--uh-shadow:#0000006b;--uh-accent:#86defc;--uh-accent-rgb:134 222 252;--uh-on-accent:#06141c;--uh-ice:#e4f8ff;--uh-azure:#3f9fec;--uh-ice-rgb:228 248 255;--uh-azure-rgb:63 159 236;--uh-slate-rgb:150 172 192;--uh-danger:#ffa3a3;--uh-claude:#d97757;--uh-font:"Overused Grotesk", system-ui, sans-serif;--uh-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--uh-ease:cubic-bezier(.2, .7, .1, 1);--uh-soft:cubic-bezier(.22, 1, .36, 1);--uh-spring:cubic-bezier(.34, 1.56, .64, 1);--page:min(1100px, 100vw - 56px);--bar:54px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--uh-bg);color:var(--uh-text);font:400 15px/1.55 var(--uh-font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}::selection{background:rgb(var(--uh-accent-rgb) / .3)}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}code{font:inherit;background:var(--uh-tint-strong);border-radius:6px;padding:1px 6px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:var(--page);margin:0 auto}.wordmark{letter-spacing:-.025em;white-space:nowrap;font-weight:460;line-height:1}.wordmark-u{vertical-align:-.008em;width:.4842em;height:.6585em;color:var(--uh-accent);margin:0 .0205em 0 .046em;display:inline-block;overflow:visible}.wordmark-rest{display:inline-block}.wordmark.is-animated .wordmark-u path{stroke-dasharray:1 2;stroke-dashoffset:1px;opacity:0;animation:uh-draw .9s var(--uh-ease) .15s forwards}.wordmark.is-animated .wordmark-u path:last-child{animation-duration:.3s;animation-delay:.85s}.wordmark.is-animated .wordmark-rest{clip-path:inset(-.2em 100% -.2em 0);filter:blur(10px);opacity:.4;animation:uh-reveal 1s var(--uh-ease) .5s forwards}@keyframes uh-draw{0%{stroke-dashoffset:1px;opacity:0}5%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes uh-reveal{to{clip-path:inset(-.2em -.2em -.2em 0);filter:blur();opacity:1}}.button{height:36px;font:500 13.5px/1 var(--uh-font);color:rgb(var(--uh-accent-rgb) / .95);white-space:nowrap;cursor:pointer;background:rgb(var(--uh-accent-rgb) / .13);transition:color .22s var(--uh-soft), background-color .22s var(--uh-soft), box-shadow .22s var(--uh-soft);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 17px 0 13px;display:inline-flex}.button:hover{background:rgb(var(--uh-accent-rgb) / .2)}.button.is-main{color:var(--uh-on-accent);background:var(--uh-accent);box-shadow:0 10px 22px -10px rgb(var(--uh-accent-rgb) / .7)}.button.is-main:hover{background:color-mix(in srgb, var(--uh-accent), #fff 16%);box-shadow:0 12px 26px -9px rgb(var(--uh-accent-rgb) / .8)}.button.is-quiet{color:var(--uh-text);background:var(--uh-tint-strong)}.button.is-quiet:hover{background:rgb(var(--uh-ink-rgb) / .16)}.button svg{flex:none}.icon-button{width:30px;height:30px;color:var(--uh-muted);cursor:pointer;transition:color .22s var(--uh-soft), background-color .22s var(--uh-soft);border-radius:999px;place-items:center;display:grid}.icon-button:hover{color:var(--uh-text);background:var(--uh-tint)}.button:focus-visible,.icon-button:focus-visible,.bar a:focus-visible,.foot a:focus-visible{outline:2px solid rgb(var(--uh-accent-rgb) / .5);outline-offset:2px}.puff{z-index:50;pointer-events:none;border:1px solid rgb(var(--uh-accent-rgb) / .9);border-radius:50%;position:fixed}.grain{z-index:51;pointer-events:none;border-radius:1px;width:1.5px;position:fixed}.bar{z-index:40;height:var(--bar);background:color-mix(in srgb, var(--uh-bg) 80%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);box-shadow:0 1px 0 var(--uh-line);position:fixed;top:0;left:0;right:0}.bar .wrap{align-items:center;height:100%;display:flex}.bar .wordmark{font-size:17px}.where{color:var(--uh-muted);white-space:nowrap;box-shadow:-1px 0 0 var(--uh-line-strong);align-items:baseline;gap:8px;margin-left:18px;padding-left:18px;font-size:12.5px;line-height:18px;display:flex}.nav-links{gap:2px;margin-left:auto;display:flex}.nav-links a{color:var(--uh-muted);white-space:nowrap;transition:color .22s var(--uh-soft), background-color .22s var(--uh-soft);border-radius:999px;padding:6px 11px;font-size:13.5px;font-weight:500;line-height:1.2}.nav-links a:hover,.nav-links a.is-here{color:var(--uh-text)}.nav-links a.is-here{background:var(--uh-tint)}.bar .icon-button{margin-left:8px}.bar .button{height:30px;margin-left:6px;padding:0 14px 0 11px;font-size:13px}.stage{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}main{z-index:1;position:relative}.bar-read{background:var(--uh-accent);transform-origin:0;height:1.5px;scale:var(--read,0) 1;position:absolute;bottom:-1px;left:0;right:0}.scene{scroll-margin-top:calc(var(--bar) + 10px);position:relative}.eyebrow{height:26px;color:var(--uh-muted);background:color-mix(in srgb, var(--uh-text) 7%, var(--uh-bg));border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.say{letter-spacing:-.032em;text-wrap:balance;max-width:16em;margin-top:20px;font-size:clamp(26px,2.9vw,40px);font-weight:480;line-height:1.06}.js .say .w{opacity:var(--o,.16);transition:opacity .22s linear}.say code{color:var(--uh-accent);background:rgb(var(--uh-accent-rgb) / .13);border-radius:.24em;padding:0 .2em .05em}.lead{max-width:36em;color:var(--uh-muted);font-size:15.5px;line-height:1.55}.lead+.lead{margin-top:.85em}.lead strong{color:var(--uh-text);font-weight:500}.say+.lead{margin-top:22px}.js .rise{opacity:0;transform-origin:50% 100%;transition:opacity .8s var(--uh-soft) calc(var(--i,0) * 80ms), transform 1.1s var(--uh-soft) calc(var(--i,0) * 80ms);transform:perspective(900px)translateY(28px)rotateX(16deg)}.js .rise.is-in{opacity:1;transform:none}.actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.hero .eyebrow svg{margin:0 -2px}.lockup{text-align:center;flex-direction:column;align-items:center;width:min(660px,100%);display:flex}.js .hero{height:142svh}.hero-pin{height:100svh;padding:var(--bar) 20px 0;perspective:900px;place-items:center;display:grid;position:sticky;top:0}.hero .lockup{opacity:calc(1 - var(--hp,0) * 1.5);transform:translate3d(0, 0, calc(var(--hp,0) * -700px))}.hero-pin.is-away .lockup{visibility:hidden}.hero .wordmark{margin-top:28px;font-size:clamp(46px,5.8vw,78px);display:inline-block}.hero h1{letter-spacing:-.028em;text-wrap:balance;max-width:19em;margin-top:28px;font-size:clamp(21px,2.25vw,30px);font-weight:470;line-height:1.12}.hero-sub{max-width:35em;color:var(--uh-muted);text-wrap:pretty;margin-top:14px;font-size:15px;line-height:1.55}.js .hero-in{animation:uh-rise .8s var(--uh-soft) calc(.12s + var(--i,0) * 90ms) backwards}@keyframes uh-rise{0%{opacity:0;translate:0 10px}}.cue{color:var(--uh-faint);opacity:calc(1 - var(--hp,0) * 7);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:20px;left:50%;translate:-50%}.cue i{background:linear-gradient(var(--uh-muted), transparent);transform-origin:50% 0;width:1px;height:28px;animation:uh-cue 2.2s var(--uh-soft) infinite}@keyframes uh-cue{0%{scale:1 0}55%{opacity:1;scale:1}to{opacity:0;scale:1}}.bet{padding-top:13vh}.js .hero+.scene{margin-top:-36svh}.bet-intro{text-align:center;flex-direction:column;align-items:center;padding:4vh 0 12vh;display:flex}.bet-intro .lead{text-wrap:balance;max-width:38em}.js .bet-run{height:340svh}.bet-pin{height:100svh;padding:calc(var(--bar) + 24px) 0 26px;flex-direction:column;display:flex;position:sticky;top:0;overflow:clip}html:not(.js) .bet-pin{height:auto;position:static}.reading{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.reading span{color:var(--uh-faint);font-size:12.5px;font-weight:500}.reading b{letter-spacing:-.03em;font-size:clamp(22px,2.4vw,32px);font-weight:480;line-height:1.1}.reading i{font-variant-numeric:tabular-nums;color:var(--uh-muted);font-size:14px;font-style:normal}.orbit{flex:1;min-height:0;position:relative}.tool{height:26px;color:var(--uh-text);white-space:nowrap;background:color-mix(in srgb, var(--uh-text) 12%, var(--uh-bg));border-radius:999px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;top:50%;left:50%}.tool.is-py{z-index:40;height:38px;color:var(--uh-on-accent);background:var(--uh-accent);box-shadow:0 14px 30px -12px rgb(var(--uh-accent-rgb) / .75);opacity:0;transition:opacity .2s var(--uh-soft), scale .36s var(--uh-soft);padding:0 18px;font-size:16px;translate:-50% -50%;scale:.6}.dial.is-there .tool.is-py{opacity:1;transition:opacity .26s var(--uh-soft) .12s, scale .64s var(--uh-spring) .12s;scale:1}.dial-line{width:var(--page);margin:0 auto}.sp-plot{--pad:50px;height:232px;position:relative}.sp-track{--reach:26px;top:50%;right:calc(var(--pad) - var(--reach));left:calc(var(--pad) - var(--reach));cursor:pointer;touch-action:pan-y;outline:none;height:40px;margin-top:-20px;position:absolute}.sp-line{top:0;right:var(--reach);bottom:0;left:var(--reach);position:absolute}.sp-track.is-dragging{cursor:grabbing}.sp-rail,.sp-fill{border-radius:999px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.sp-rail{background:rgb(var(--uh-ink-rgb) / .12);transform-origin:0;transition:scale 1.4s var(--uh-soft);right:0}.js .dial:not(.is-live) .sp-rail{scale:0 1}.sp-fill{width:calc(var(--at,0) * 100%);background:var(--uh-accent)}.sp-thumb{top:50%;left:calc(var(--at,0) * 100%);z-index:3;width:16px;height:16px;box-shadow:0 0 0 4px rgb(var(--uh-accent-rgb) / .28), 0 1px 4px #0000004d, inset 0 -2px 3px #00000014;transition:scale .28s var(--uh-spring), opacity .22s var(--uh-soft), box-shadow .22s var(--uh-soft);background:#f5f8fa;border-radius:50%;margin:-8px 0 0 -8px;position:absolute}.js .dial:not(.is-live) .sp-thumb{opacity:0;scale:0}.sp-track:focus-visible .sp-thumb{box-shadow:0 0 0 4px rgb(var(--uh-accent-rgb) / .6), 0 1px 4px #0000004d, inset 0 -2px 3px #00000014}.sp-track.is-dragging .sp-thumb{scale:1.16}.dial.is-there .sp-thumb{opacity:0;scale:0}.sp-item{top:50%;left:calc(var(--pad) + var(--x) * (100% - 2 * var(--pad)));z-index:1;pointer-events:none;position:absolute}.sp-dot{background:var(--uh-text);width:7px;height:7px;box-shadow:0 0 0 3px var(--uh-bg);border-radius:50%;position:absolute;top:-3.5px;left:-3.5px}.sp-arm{white-space:nowrap;transition:opacity .46s var(--uh-soft);flex-direction:column;align-items:center;display:flex;position:absolute;left:0;translate:-50%}.sp-item.is-up .sp-arm{transform-origin:50% 100%;padding-bottom:7px;bottom:0}.sp-item.is-down .sp-arm{transform-origin:50% 0;flex-direction:column-reverse;padding-top:7px;top:0}.js .dial:not(.is-live) .sp-arm,.js .dial:not(.is-live) .sp-dot{opacity:0}.js .dial.is-live .sp-arm,.js .dial.is-live .sp-dot{animation:uh-pop .7s var(--uh-spring) calc(.2s + var(--i,0) * 90ms) backwards}@keyframes uh-pop{0%{opacity:0;scale:.8}}.sp-item.is-past .sp-arm{opacity:.45}.sp-stem{background:var(--uh-line-strong);width:1px;height:20px}.sp-badge{width:38px;height:38px;color:var(--uh-text);background:var(--uh-raised-2);box-shadow:0 0 0 1px var(--uh-line), 0 10px 20px -10px var(--uh-shadow), inset 0 1px 0 var(--uh-highlight);border-radius:50%;flex:none;place-items:center;display:grid}.sp-badge svg{width:19px;height:19px}.sp-label{flex-direction:column;align-items:center;margin:7px 0;line-height:1.25;display:flex}.sp-label b{font-size:13px;font-weight:500}.sp-label i{font-variant-numeric:tabular-nums;color:var(--uh-muted);font-size:12px;font-style:normal}.sp-item.is-ours{z-index:2}.sp-item.is-ours .sp-arm{transform-origin:50% 23px;flex-direction:column-reverse;top:-23px}.sp-item.is-ours .sp-stem,.sp-item.is-ours .sp-dot{display:none}.is-ours .sp-badge{width:46px;height:46px;color:var(--uh-accent);background:color-mix(in srgb, var(--uh-accent) 16%, var(--uh-bg));box-shadow:0 0 0 1px rgb(var(--uh-accent-rgb) / .3);transition:color .42s var(--uh-soft), background-color .42s var(--uh-soft), box-shadow .42s var(--uh-soft), scale .64s var(--uh-spring)}.dial.is-there .is-ours .sp-badge{color:var(--uh-on-accent);background:var(--uh-accent);box-shadow:0 12px 26px -10px rgb(var(--uh-accent-rgb) / .75)}.dial.is-there .sp-item.is-ours .sp-badge{scale:1.1}.is-ours .sp-badge svg{width:15px;height:20.4px;overflow:visible}.is-ours .sp-label i{color:var(--uh-accent)}.axis{color:var(--uh-muted);align-items:center;gap:14px;margin-top:8px;padding:0 2px;font-size:12.5px;display:flex}.axis b{color:var(--uh-text);font-weight:500}.axis-line{background:linear-gradient(90deg, var(--uh-line-strong) 30%, var(--uh-accent));transform-origin:0;height:1.5px;transition:scale 1.5s var(--uh-soft) .2s;flex:1;position:relative}.axis-line:after{content:"";border-top:1.5px solid var(--uh-accent);border-right:1.5px solid var(--uh-accent);width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;right:.5px;rotate:45deg}.js .dial:not(.is-live) .axis-line{scale:0 1}.sp-item:not(.is-ours) .sp-badge{transition:box-shadow .32s var(--uh-soft), scale .42s var(--uh-spring)}.sp-item.is-near:not(.is-ours) .sp-badge{box-shadow:0 0 0 1.5px rgb(var(--uh-accent-rgb) / .7), 0 10px 20px -10px var(--uh-shadow);scale:1.1}.repl{padding:20vh 0 0}.beats{margin:clamp(30px,6vh,56px) 0 0;padding:0;list-style:none}.beat{box-shadow:0 -1px 0 var(--uh-line-strong);grid-template-columns:minmax(0,4fr) minmax(0,6.4fr);align-items:center;column-gap:clamp(24px,4vw,56px);padding:15vh 0;display:grid}.beat:first-child{padding-top:10vh}.js .beat,.js .beat .how{transition:opacity .8s var(--uh-soft), translate 1s var(--uh-soft)}.js .beat .how{transition-delay:.14s}.js .beat:not(.is-seen),.js .beat:not(.is-seen) .how{opacity:0;translate:0 34px}.beat-text{grid-template-columns:26px minmax(0,1fr);gap:0 14px;display:grid}.beat-n{font-variant-numeric:tabular-nums;width:26px;height:26px;color:var(--uh-accent);background:color-mix(in srgb, var(--uh-accent) 15%, var(--uh-bg));transition:color .42s var(--uh-soft), background-color .42s var(--uh-soft);border-radius:50%;place-items:center;font-size:12.5px;font-weight:500;display:grid}.beat.is-on .beat-n{color:var(--uh-on-accent);background:var(--uh-accent)}.beat h3{letter-spacing:-.022em;padding-top:2px;font-size:clamp(18px,1.6vw,21px);font-weight:480;line-height:1.2}.beat p{max-width:31em;color:var(--uh-muted);margin-top:8px;font-size:15px;line-height:1.55}.how{--body:96px;min-width:0}.how-head{height:16px;color:var(--uh-faint);margin-bottom:10px;font-size:12px;font-weight:500;position:relative}.how-head span{white-space:nowrap;position:absolute;top:0;left:0}.how-head span[style]{translate:-50%}.how-head .is-end{left:auto;right:0}.lane+.lane{margin-top:18px}.lane-top{justify-content:space-between;align-items:center;gap:12px;height:24px;display:flex}.lane-name{white-space:nowrap;border-radius:999px;align-items:center;height:22px;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}.is-theirs .lane-name{color:rgb(var(--uh-slate-rgb));background:color-mix(in srgb, rgb(var(--uh-slate-rgb)) 15%, var(--uh-bg))}.is-ours .lane-name{color:var(--uh-accent);background:color-mix(in srgb, var(--uh-accent) 15%, var(--uh-bg))}.lane-count{font-variant-numeric:tabular-nums;color:rgb(var(--uh-slate-rgb));white-space:nowrap;font-size:12.5px;font-weight:500}.is-ours .lane-count{color:var(--uh-accent)}.lane-body{height:var(--body);position:relative}.how-svg{fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.how-svg line,.how-svg polyline{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.how-svg .rail{stroke:rgb(var(--uh-ink-rgb) / .12);stroke-width:1px}.how-svg .route{stroke:rgb(var(--uh-ink-rgb) / .14);stroke-width:1.5px;stroke-dasharray:2 4}.how-svg .route-lit{stroke-width:2px}.is-theirs .route-lit{stroke:rgb(var(--uh-slate-rgb) / .85)}.is-ours .route-lit{stroke:var(--uh-accent)}.how-svg .fan{stroke:rgb(var(--uh-accent-rgb) / .5);stroke-width:1px;stroke-dasharray:1}.how-at{position:absolute;translate:-50% -50%}.how-pill{height:26px;color:var(--uh-text);white-space:nowrap;background:color-mix(in srgb, var(--uh-text) 12%, var(--uh-bg));transition:color .3s var(--uh-soft), background-color .3s var(--uh-soft);border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.how-pill.is-from{translate:0 -50%}.how-pill>i{background:var(--uh-ice);border-radius:50%;width:6px;height:6px}.is-theirs .how-pill.is-op,.is-theirs .how-pill.is-done{color:var(--uh-on-accent);background:rgb(var(--uh-slate-rgb))}.is-ours .how-pill.is-op,.is-ours .how-pill.is-done,.how-pill.is-made{color:var(--uh-on-accent);background:var(--uh-accent)}.how-pill.is-made>i{background:var(--uh-on-accent)}.how-pill.is-op.is-dim{color:var(--uh-muted);background:color-mix(in srgb, var(--uh-text) 8%, var(--uh-bg))}.how-pill.is-kept{box-shadow:0 0 0 1px rgb(var(--uh-accent-rgb) / .4)}.how-pill.is-live>i{background:var(--uh-accent);animation:uh-live 1.8s var(--uh-soft) infinite}@keyframes uh-live{0%{box-shadow:0 0 0 0 rgb(var(--uh-accent-rgb) / .6)}to{box-shadow:0 0 0 8px rgb(var(--uh-accent-rgb) / 0)}}.how-cap{color:var(--uh-muted);white-space:nowrap;font-size:11.5px}.how-cap.is-made{color:rgb(var(--uh-accent-rgb) / .8)}.rail-name{color:var(--uh-faint);white-space:nowrap;font-size:11px;position:absolute;left:0}.rail-name.is-model{top:4px}.rail-name.is-machine{bottom:0;left:auto;right:0}.region{border:1px dashed rgb(var(--uh-slate-rgb) / .32);border-radius:16px;flex-wrap:wrap;place-content:center;align-items:center;gap:6px;width:34%;height:60px;padding:6px;display:flex;position:absolute;top:14px;left:31%}.region.is-ours{border-color:rgb(var(--uh-accent-rgb) / .4)}.region.is-wide{width:62%;height:62px;left:0}.region em{color:rgb(var(--uh-slate-rgb) / .6);text-align:center;align-self:flex-start;font-size:11.5px;font-style:normal}.region.is-wide em{align-self:center}.region .how-pill{--f:0;height:24px;box-shadow:0 0 0 calc(var(--f) * 5px) rgb(var(--uh-accent-rgb) / calc(var(--f) * .45));padding:0 10px;font-size:11.5px}.gauge{background:rgb(var(--uh-ink-rgb) / .08);border-radius:999px;width:28%;height:10px;position:absolute;top:44px;left:72%;overflow:hidden;translate:0 -50%}.gauge i{width:var(--g);border-radius:999px;height:100%;display:block}.is-theirs .gauge i{background:rgb(var(--uh-slate-rgb) / .75)}.is-ours .gauge i{background:var(--uh-accent);box-shadow:0 0 10px rgb(var(--uh-accent-rgb) / .6)}.gauge-cap{max-width:46%;color:var(--uh-muted);text-align:right;font-size:11.5px;line-height:1.3;position:absolute;top:58px;right:0}.how-tag{height:20px;color:rgb(var(--uh-slate-rgb));white-space:nowrap;background:color-mix(in srgb, rgb(var(--uh-slate-rgb)) 17%, var(--uh-bg));border-radius:999px;padding:0 8px;font-size:11px;font-weight:500;line-height:20px}.how-file{background:rgb(var(--uh-ink-rgb) / .3);width:6px;height:6px;transition:background-color .2s var(--uh-soft);border-radius:50%}.how-file.is-lit{background:var(--uh-accent);box-shadow:0 0 8px rgb(var(--uh-accent-rgb) / .8)}.is-theirs .how-file.is-lit{background:rgb(var(--uh-slate-rgb));box-shadow:none}.how-dot,.how-comet{background:var(--uh-ice);width:6px;height:6px;box-shadow:0 0 10px 2px rgb(var(--uh-accent-rgb) / .55);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.how-comet{width:9px;height:9px}.is-theirs .how-dot,.is-theirs .how-comet{background:rgb(var(--uh-slate-rgb));box-shadow:0 0 8px 1px rgb(var(--uh-slate-rgb) / .45)}.mode-copy p:first-child{margin-top:0}.mode-copy p:last-child{color:var(--uh-text)}.how[data-how=mode] .lane-body{height:auto}.mode-box{--ring:var(--uh-slate-rgb);border:1px solid rgb(var(--uh-slate-rgb) / .4);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:78px;margin-top:10px;padding:34px 14px 14px;display:flex;position:relative}.is-ours .mode-box{--ring:var(--uh-accent-rgb);border:1px dashed rgb(var(--uh-accent-rgb) / .45)}.mode-box em,.mode-run em{color:rgb(var(--uh-slate-rgb) / .85);white-space:nowrap;font-size:11.5px;font-style:normal;font-weight:500}.mode-box em{position:absolute;top:10px;left:14px}.is-ours .mode-box em{color:rgb(var(--uh-accent-rgb) / .9)}.mode-box .how-pill{--f:0;box-shadow:0 0 0 calc(var(--f) * 5px) rgb(var(--ring) / calc(var(--f) * .45));flex:none}.mode-run{padding:12px 14px 0}.mode-run em{margin-bottom:8px;display:block}.mode-slots{grid-template-columns:repeat(8,minmax(0,60px));gap:6px;display:grid}.mode-slot{border:1px dashed rgb(var(--uh-slate-rgb) / .3);height:28px;transition:border-color .3s var(--uh-soft);border-radius:999px;place-items:center;display:grid}.mode-slot.is-full{border-color:#0000}.mode-slot .how-pill{height:22px;padding:0 7px;font-size:10.5px}.mode-fn{align-items:center;height:44px;display:inline-grid}.mode-fn>*{grid-area:1/1}.mode-fn .how-pill{justify-self:start}.mode-code{opacity:0;transform-origin:0;min-width:108px;height:27px;position:relative}.mode-line{gap:3px;height:3px;display:flex;position:absolute}.mode-line i{background:var(--uh-accent);border-radius:999px}.mode-line i:nth-child(2){background:rgb(var(--uh-ice-rgb) / .6)}.mode-line i:nth-child(3){background:rgb(var(--uh-azure-rgb) / .9)}.mode-line i:nth-child(4){background:rgb(var(--uh-ink-rgb) / .3)}.mode-caret{background:var(--uh-ice);width:2px;height:9px;box-shadow:0 0 8px 1px rgb(var(--uh-accent-rgb) / .7);opacity:0;border-radius:1px;position:absolute;top:0;left:0;translate:0 -3px}.mode-cap{color:var(--uh-muted);margin-top:8px;padding-left:14px;font-size:12px;display:block}.out-pin{padding:22vh 0 6vh}.js .out-run{height:240svh}.js .out-pin{height:100svh;padding:var(--bar) 0 0;align-items:center;display:flex;position:sticky;top:0}.js .out-run.is-loose{height:auto}.js .out-run.is-loose .out-pin{height:auto;padding:20vh 0 4vh;display:block;position:static}@media (width<=900px),(prefers-reduced-motion:reduce){.js .out-run{height:auto}.js .out-pin{height:auto;padding:20vh 0 4vh;display:block;position:static}}.outs{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px clamp(28px,4.4vw,64px);margin-top:clamp(30px,5.5vh,56px);display:grid}.out{padding-top:20px;position:relative}.out:before,.out:after{content:"";background:var(--uh-line-strong);width:100%;height:1px;position:absolute;top:0;left:0}.out:after{background:linear-gradient(90deg, var(--uh-azure), var(--uh-accent));transform:scaleX(var(--q,1));transform-origin:0}.out-copy{opacity:calc(.46 + var(--q,1) * .54)}.out h3,.out-more h3{letter-spacing:-.022em;margin-top:14px;font-size:clamp(18px,1.7vw,22px);font-weight:480;line-height:1.15}.out p,.out-more p{max-width:27em;color:var(--uh-muted);margin-top:8px;font-size:14.5px;line-height:1.5}.out p+p,.out-more p+p{color:var(--uh-soft-text);margin-top:10px}.out-more{grid-template-columns:repeat(3,minmax(0,1fr));align-items:baseline;gap:10px clamp(28px,4.4vw,64px);padding:26px 0 0;display:grid;position:relative}.out-more:before{content:"";background:var(--uh-line-strong);width:100%;height:1px;position:absolute;top:0;left:0}.out-more h3{margin-top:0}.out-more+.out-more{margin-top:30px}.out-more .out-copy{grid-column:2/4}.out-more p{max-width:36em;margin-top:0}.fig-defs{position:absolute}.fig-defs .is-ice{stop-color:var(--uh-ice)}.fig-defs .is-accent{stop-color:var(--uh-accent)}.fig-defs .is-azure{stop-color:var(--uh-azure)}.fig{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;max-width:344px;height:auto;display:block;overflow:visible}.fig text{font:500 10.5px var(--uh-font);text-anchor:middle;fill:rgb(var(--uh-ink-rgb) / .84);stroke:none}.fig .fig-cap{fill:rgb(var(--uh-ink-rgb) / .5);font-weight:450}.fig-halo{fill:url(#fig-halo);opacity:.62}.fig-orb{fill:url(#fig-orb)}.fig-ours{stroke:url(#fig-run);stroke-width:1.75px;stroke-dasharray:1}.fig-ours.is-short{stroke:url(#fig-run-short)}.fig-head{fill:var(--uh-ice)}.fig-glow{fill:url(#fig-spark)}.fig-tail{fill:url(#fig-tail)}.fig-lit{fill:rgb(var(--uh-accent-rgb) / .34)}.fig-pill.is-end rect:first-child{fill:var(--uh-raised-2);stroke:var(--uh-line-strong)}.fig-pill.is-ours rect:first-child{fill:color-mix(in srgb, var(--uh-accent) 15%, var(--uh-bg));stroke:rgb(var(--uh-accent-rgb) / .42)}.fig .is-ours text{fill:var(--uh-accent)}.fig-theirs{stroke:rgb(var(--uh-slate-rgb) / .8);stroke-width:1.25px;stroke-dasharray:1}.fig-sub{fill:var(--uh-bg);stroke:rgb(var(--uh-slate-rgb) / .95);stroke-width:1.5px}.fig-sub-fill,.fig-seek,.fig-pill.is-pack rect{fill:rgb(var(--uh-slate-rgb))}.fig .is-pack text{fill:var(--uh-bg);font-weight:600}.fig-pill.is-note rect:first-child,.fig-pill.is-gate rect{fill:color-mix(in srgb, rgb(var(--uh-slate-rgb)) 19%, var(--uh-bg));stroke:rgb(var(--uh-slate-rgb) / .34)}.fig-load{stroke:rgb(var(--uh-slate-rgb) / .9);stroke-width:2.5px;stroke-linecap:butt}.fig-wait,.fig-waited{stroke:rgb(var(--uh-slate-rgb) / .42);stroke-width:1.6px}.fig-waited{stroke:var(--uh-ice);stroke-dasharray:0 1}.fig-clash,.fig-clash-mark path{stroke:var(--uh-danger);stroke-width:1.25px}.fig .fig-clash-mark text{fill:var(--uh-danger);font-size:14px}.fig-ghost,.fig-pill.is-ghost rect,.fig-pill.is-ghost circle{stroke:rgb(var(--uh-slate-rgb) / .55);stroke-width:1.25px;stroke-dasharray:.1 4.1}.fig .is-ghost text{fill:rgb(var(--uh-slate-rgb) / .6)}.bench{padding:22vh 0 16vh}.bench-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px 48px;display:flex}.bench-key{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.bench-plane{perspective:1500px;perspective-origin:50% 100%;margin-top:clamp(28px,4vw,48px)}.bench-tilt{opacity:calc(1 - var(--tilt,0) * .75);transform:rotateX(calc(var(--tilt,0) * 46deg)) scale(calc(1 - var(--tilt,0) * .08));transform-origin:50% 100%}.bench-tilt.is-flat{transform:none}.bench-more{color:var(--uh-accent);align-items:center;gap:7px;margin-top:18px;font-size:14px;font-weight:500;display:inline-flex}.bench-more svg{transition:translate .22s var(--uh-soft)}.bench-more:hover svg{translate:3px}.bench-more:focus-visible{outline:2px solid rgb(var(--uh-accent-rgb) / .5);outline-offset:4px;border-radius:6px}.mock{height:24px;color:var(--uh-text);background:var(--uh-tint-strong);border-radius:999px;align-items:center;gap:7px;padding:0 10px 0 9px;font-size:12px;font-weight:500;display:none}.mock i{border:1.5px solid;border-radius:50%;width:6px;height:6px}.is-mock .mock{display:inline-flex}.legend{color:var(--uh-muted);flex-wrap:wrap;gap:4px 18px;margin-top:10px;font-size:13px;display:flex}.legend li{align-items:center;gap:8px;display:inline-flex}.legend i{background:var(--uh-text);border-radius:50%;width:8px;height:8px}.legend .is-ours i{background:var(--uh-accent);box-shadow:0 0 0 3px rgb(var(--uh-accent-rgb) / .18)}.legend .is-rest i{background:rgb(var(--uh-ink-rgb) / .3);width:6px;height:6px}.plot{margin-top:14px;position:relative}.plot svg{display:block;overflow:visible}.ch-grid{stroke:var(--uh-line)}.ch-source{font:11px var(--uh-font);font-variant-numeric:tabular-nums;fill:var(--uh-faint)}.ch-tick{font:11.5px var(--uh-font);font-variant-numeric:tabular-nums;fill:var(--uh-faint)}.ch-axis{font:500 12px var(--uh-font);fill:var(--uh-muted)}.ch-lines{transition:clip-path 1.5s var(--uh-soft) .15s, opacity .26s var(--uh-soft)}.js .plot:not(.is-in) .ch-lines{clip-path:inset(-20px 100% -20px 0)}.js .plot.is-in .ch-lines{clip-path:inset(-20px -20px -20px 0)}.ch-front{fill:none;stroke:var(--uh-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ch-guides{transition:opacity .26s var(--uh-soft)}.ch-guide{fill:none;stroke:rgb(var(--uh-accent-rgb) / .6);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:.1 5;transition:clip-path .8s var(--uh-soft) calc(.75s + var(--i,0) * 60ms)}.js .plot:not(.is-in) .ch-guide.is-across{clip-path:inset(-6px 0 -6px 100%)}.js .plot:not(.is-in) .ch-guide.is-down{clip-path:inset(0 -6px 100%)}.js .plot.is-in .ch-guide{clip-path:inset(-6px)}.ch-mark{font:600 11.5px var(--uh-font);font-variant-numeric:tabular-nums;fill:var(--uh-accent)}.ch-gain{fill:var(--uh-accent)}.ch-gain-text{font:600 11.5px var(--uh-font);font-variant-numeric:tabular-nums;fill:var(--uh-on-accent)}.ch-pt{cursor:pointer;transition:opacity .26s var(--uh-soft);outline:none}.ch-pop{transform-box:fill-box;transform-origin:50%;transition:scale .62s var(--uh-spring) calc(.35s + var(--i,0) * 60ms)}.js .plot:not(.is-in) .ch-pop{scale:0}.ch-dot{fill:var(--uh-text)}.ch-pt.is-rest .ch-dot{fill:rgb(var(--uh-ink-rgb) / .3)}.ch-pt.is-lead .ch-dot{stroke:var(--uh-bg);stroke-width:2.5px;paint-order:stroke}.ch-pt.is-ours .ch-dot{fill:var(--uh-accent);filter:drop-shadow(0 0 7px rgb(var(--uh-accent-rgb) / .85))}.ch-halo{fill:rgb(var(--uh-accent-rgb) / .2)}.ch-pulse{fill:none;stroke:var(--uh-accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%;animation:ch-pulse 2.8s var(--uh-soft) 2.2s infinite}.js .plot:not(.is-in) .ch-pulse{animation:none}@keyframes ch-pulse{0%{opacity:.7;scale:1}70%,to{opacity:0;scale:3.6}}.ch-ring{fill:#0000;stroke:#0000;stroke-width:2px}.ch-pt:focus-visible .ch-ring{stroke:rgb(var(--uh-accent-rgb) / .6)}.ch-label{pointer-events:none;transition:opacity .26s var(--uh-soft)}.js .plot:not(.is-in) .ch-label{opacity:0}.js .plot.is-in .ch-label{transition:opacity .7s var(--uh-soft) .9s}.js .plot.is-in .ch-label.is-ours{transition-delay:calc(.55s + var(--i,0) * 60ms)}.js .plot.is-in .ch-marks{transition:opacity .4s var(--uh-soft) calc(1.35s + var(--i,0) * 60ms)}.js .plot.is-in svg.is-set .ch-label{transition:opacity .26s var(--uh-soft)}.ch-name{font:500 13px var(--uh-font);letter-spacing:-.01em;fill:var(--uh-text)}.ch-label.is-ours .ch-name{letter-spacing:-.025em;font-weight:520}.ch-logo{color:var(--uh-text)}.ch-glyph{fill:none;stroke:var(--uh-accent);stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}.ch-model{font:11.5px var(--uh-font);fill:var(--uh-muted)}.ch-pair{stroke:var(--uh-accent);stroke-width:1.5px;stroke-linecap:round;opacity:0;transition:opacity .22s var(--uh-soft)}.ch-pair.is-on{opacity:.9}.ch-arrow{fill:var(--uh-accent)}svg.has-hot .ch-pt:not(.is-hot),svg.has-hot .ch-label:not(.is-hot),svg.has-hot .ch-guides:not(.is-hot),svg.has-hot .ch-lines{opacity:.22}.tip{z-index:5;pointer-events:none;background:var(--uh-raised-2);min-width:176px;box-shadow:0 0 0 1px var(--uh-line-strong), 0 18px 36px -14px var(--uh-shadow), inset 0 1px 0 var(--uh-highlight);opacity:0;transition:opacity .16s var(--uh-soft), scale .28s var(--uh-spring);border-radius:14px;padding:10px 13px 11px;font-size:13px;line-height:1.35;position:absolute;top:0;left:0;scale:.96}.tip.is-on{opacity:1;scale:1}.tip b{font-weight:520;display:block}.tip.is-ours b{color:var(--uh-accent)}.tip>span{color:var(--uh-muted)}.tip div{grid-template-columns:auto auto;gap:2px 16px;margin-top:8px;display:grid}.tip div span{color:var(--uh-muted)}.tip div b{font-variant-numeric:tabular-nums;text-align:right;color:var(--uh-text);font-weight:500}.tip p{color:var(--uh-text);box-shadow:0 -1px 0 var(--uh-line-strong);margin-top:8px;padding-top:8px;font-size:12.5px}.tip p em{color:var(--uh-accent);font-style:normal}.plan-scene{padding:30vh 0 12vh}.plug{perspective:1400px;margin-top:clamp(40px,7vh,72px)}.plug-plane{transform:rotateX(calc(var(--lean,0) * 9deg)) rotateY(calc(-3deg - var(--lean,0) * 9deg));transform-origin:0;grid-template-columns:minmax(0,46fr) minmax(0,34fr) auto;align-items:center;display:grid;position:relative}.plug-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plug-wires path{fill:none;stroke:var(--uh-line-strong);stroke-width:1.5px;stroke-linecap:round}.plug-wires .is-live{stroke:var(--uh-accent);stroke-dasharray:1;stroke-dashoffset:1px}.plug-wires circle{fill:var(--uh-accent);filter:drop-shadow(0 0 6px rgb(var(--uh-accent-rgb) / .9));opacity:0}.plans{margin:0;padding:0;list-style:none}.plan{box-shadow:0 -1px 0 var(--uh-line-strong);grid-template-columns:auto minmax(0,1fr) auto 7px;align-items:center;gap:16px;padding:13px 0;display:grid}.plan:last-child{box-shadow:0 -1px 0 var(--uh-line-strong), 0 1px 0 var(--uh-line-strong)}.plan b{letter-spacing:-.02em;transition:color .42s var(--uh-soft);font-size:clamp(17px,1.5vw,20px);font-weight:500}.plan-tier{color:var(--uh-muted);white-space:nowrap;font-size:13.5px}.plan .sp-badge{transition:color .42s var(--uh-soft), box-shadow .42s var(--uh-soft)}.plan-node{background:var(--uh-faint);width:7px;height:7px;transition:background-color .42s var(--uh-soft), box-shadow .42s var(--uh-soft);border-radius:50%}.js .plan:not(.is-on) b,.js .plan:not(.is-on) .sp-badge{color:var(--uh-muted)}.plan.is-on .sp-badge{box-shadow:0 0 0 1px rgb(var(--uh-accent-rgb) / .45), 0 10px 20px -10px var(--uh-shadow), inset 0 1px 0 var(--uh-highlight)}.plan.is-on .plan-node{background:var(--uh-accent);box-shadow:0 0 0 4px rgb(var(--uh-accent-rgb) / .16)}.plug-socket{color:var(--uh-muted);text-align:center;flex-direction:column;grid-column:3;align-items:center;font-size:13px;display:flex}.plug-socket b{color:var(--uh-text);margin-top:16px;font-size:15px;font-weight:500}.plug-socket .sp-badge{width:76px;height:76px;color:var(--uh-accent);background:color-mix(in srgb, var(--uh-accent) 14%, var(--uh-bg));box-shadow:0 0 0 1px rgb(var(--uh-accent-rgb) / .3);scale:calc(1 + var(--got,0) * .028);transition:color .42s var(--uh-soft), background-color .42s var(--uh-soft), box-shadow .42s var(--uh-soft), scale .64s var(--uh-spring)}.plug-socket .sp-badge svg{width:24px;height:32.6px;overflow:visible}.plug.is-live .plug-socket .sp-badge,html:not(.js) .plug-socket .sp-badge{color:var(--uh-on-accent);background:var(--uh-accent);box-shadow:0 16px 36px -12px rgb(var(--uh-accent-rgb) / .8)}.reach{margin-top:clamp(56px,11vh,110px)}.reach-row{box-shadow:0 -1px 0 var(--uh-line-strong);grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:20px clamp(24px,4vw,56px);padding:26px 0 34px;display:grid}.reach-head h3{letter-spacing:-.015em;font-size:17px;font-weight:500}.reach-head p{color:var(--uh-muted);margin-top:5px;font-size:13.5px}.marks{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:15px 20px;display:grid}.marks li{color:var(--uh-soft-text);align-items:center;gap:10px;font-size:14px;display:flex}.marks .is-wide{grid-column:span 2}.marks svg{width:17px;height:17px;color:var(--uh-text);flex:none}.end-frame{min-height:100svh;padding:var(--bar) 20px 0;perspective:900px;place-items:center;display:grid}.end .lockup{opacity:calc((var(--ep,1) - .4) * 2.2);transform:translate3d(0, 0, calc((1 - var(--ep,1)) * -900px))}.end .say{max-width:none;margin-top:0}.end .lead{text-wrap:balance;max-width:26em;margin-top:16px}.byline{color:var(--uh-muted);align-items:center;gap:10px;margin-top:30px;font-size:13px;display:flex}.byline-face{object-fit:cover;width:24px;height:24px;box-shadow:0 0 0 1px var(--uh-line-strong);border-radius:50%;flex:none}.byline a{width:26px;height:26px;color:var(--uh-muted);transition:color .22s var(--uh-soft), background-color .22s var(--uh-soft);border-radius:6px;place-items:center;display:grid}.byline span+a{margin-left:2px}.byline a+a{margin-left:-6px}.byline a:hover{color:var(--uh-text);background:var(--uh-tint)}.byline a:focus-visible{outline:2px solid var(--uh-accent);outline-offset:2px}.foot{color:var(--uh-muted);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:32px 0 44px;font-size:13px;display:flex}.foot .wordmark{color:var(--uh-text);margin-right:auto;font-size:17px}.foot a{transition:color .22s var(--uh-soft);border-radius:6px}.foot a:hover{color:var(--uh-text)}:root:lang(en) .foot a[hreflang=en],:root:lang(fr) .foot a[hreflang=fr]{display:none}@media (height<=800px){.cue{display:none}.sp-plot{height:196px}.sp-stem{height:10px}.bet-pin{padding-top:calc(var(--bar) + 14px);padding-bottom:16px}}@media (width<=900px){.where{display:none}.beat{grid-template-columns:minmax(0,1fr);row-gap:26px;padding:9vh 0}.beat:first-child{padding-top:7vh}.how{max-width:620px}.beats{margin-top:30px}.outs,.out-more{grid-template-columns:minmax(0,1fr)}.out-more .out-copy{grid-column:1}.out{grid-template-columns:minmax(0,344px) minmax(0,1fr);align-items:center;gap:8px clamp(24px,5vw,48px);display:grid}.plug-plane{grid-template-columns:minmax(0,1fr);transform:none}.plans{padding-right:30px}.plug-socket{grid-column:1;margin-top:44px}.reach-row{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.sp-plot{--pad:20px;height:128px}.sp-label{display:none}.sp-stem{height:14px}.sp-plot .sp-badge{width:28px;height:28px}.sp-plot .sp-badge svg{width:14px;height:14px}.sp-plot .is-ours .sp-badge{width:36px;height:36px}.sp-plot .is-ours .sp-badge svg{width:11.5px;height:15.6px}.sp-item.is-ours .sp-arm{transform-origin:50% 18px;top:-18px}.nav-links{display:none}.bar .icon-button{margin-left:auto}.cue{display:none}}@media (width<=620px){:root{--page:calc(100vw - 32px)}.how-pill{height:24px;padding:0 9px;font-size:11px}.region .how-pill,.mode-box .how-pill{height:22px;padding:0 8px;font-size:10.5px}.how-cap,.gauge-cap,.region em,.mode-box em{font-size:10.5px}.how-head{font-size:11px}.mode-slots{grid-template-columns:repeat(4,minmax(0,60px))}.out{grid-template-columns:minmax(0,1fr)}.marks{grid-template-columns:repeat(2,minmax(0,1fr))}.plan{gap:12px}.plan-tier{font-size:12.5px}.tool{height:22px;padding:0 8px;font-size:11px}.tool.is-py{height:34px;padding:0 16px;font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@font-face{font-family:Overused Grotesk;src:url(/assets/OverusedGrotesk-VF-naS7uG3z.woff2)format("woff2");font-weight:300 900;font-display:block}