.hub{--hub-night:var(--color-bg-0);--hub-deck:var(--color-bg-2);--hub-deck-2:var(--color-bg-3);--hub-line:var(--color-border-1);--hub-frost:var(--color-fg-0);--hub-mist:var(--color-fg-1);--hub-dim:var(--color-fg-2);--hub-cloud:var(--color-accent);--hub-cloud-bright:#a3d7ff;--hub-magenta:var(--color-magenta);--hub-live:var(--color-green);--hub-error:var(--color-red);--hub-amber:var(--color-amber);--hub-checker:repeating-conic-gradient(var(--hub-magenta) 0 25%,#000 0 50%) 0 0 /50% 50%;--hub-console-bg:#0e0e0d;--hub-console-fg:#e6e4df;--hub-console-prompt:#8f8d88;--hub-media:linear-gradient(135deg,#2e2e2c,#1a1a19);--hub-media-fg:#b5b3ae;--in-start:260ms;--sweep-start:1000ms;--sweep-dur:1500ms;min-height:100vh;background:var(--hub-night);color:var(--hub-frost);font-family:var(--font-archivo,ui-sans-serif),ui-sans-serif,system-ui,sans-serif;font-stretch:100%;-webkit-font-smoothing:antialiased}[data-theme=light] .hub{--hub-cloud-bright:#0e5fb4}[data-theme=blue] .hub,[data-theme=light] .hub{--hub-console-bg:#06101d;--hub-console-fg:#d7e8fb;--hub-console-prompt:#6f8fb3;--hub-media:linear-gradient(135deg,#1d3b5f,#0f2238);--hub-media-fg:#a9c4e2}.hub ::-moz-selection{background:color-mix(in srgb,var(--hub-cloud) 40%,transparent)}.hub ::selection{background:color-mix(in srgb,var(--hub-cloud) 40%,transparent)}.hub-wide{font-stretch:125%}.hub[data-font] :is(.hub-greet,.hub-lead,.qa-word,.hub-sub,.hub-actions){animation-play-state:paused}.hub-greet{animation:qa-fade .6s ease-out backwards}.hub-lead{font-size:clamp(1rem,.85rem + .5vw,1.35rem);font-weight:500;color:var(--hub-mist);animation:qa-rise .7s cubic-bezier(.2,.8,.2,1) 60ms backwards}.hub-headline{font-size:clamp(2.35rem,1.25rem + 3.4vw,4.6rem);line-height:.95;letter-spacing:-.02em;font-weight:820;font-stretch:125%;text-wrap:balance}.hub-sub{animation:qa-rise .7s cubic-bezier(.2,.8,.2,1) .52s backwards}.hub-actions{animation:qa-rise .7s cubic-bezier(.2,.8,.2,1) .64s backwards}.hub-cta{position:relative;display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:0 1.4rem;border-radius:999px;background:var(--hub-cloud);color:var(--color-on-accent);font-weight:700;font-stretch:112%;overflow:hidden;transition:transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s}.hub-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);translate:-120% 0;transition:translate 0s}.hub-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--hub-cloud) 70%,transparent)}.hub-cta:hover:before{translate:120% 0;transition:translate .65s ease-out}.hub-cta:active{transform:translateY(0) scale(.98)}.hub-cta svg{transition:transform .22s cubic-bezier(.3,1.4,.5,1)}.hub-cta:hover svg{transform:translateX(3px)}.hub-field-wrap{position:relative}.hub-field-wrap:not([data-play]) .hub-beam,.hub-field-wrap:not([data-play]) .hub-tile,.hub-field-wrap:not([data-play]) .hub-tile:after{animation-play-state:paused}.hub-field{--rows:var(--rows-sm);position:relative;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),auto);grid-auto-columns:minmax(0,1fr);gap:4px;touch-action:pan-y}@media (min-width:640px){.hub-field{--rows:var(--rows-md);gap:5px}.hub-tile{--c:var(--c-md);--r:var(--r-md);--f:var(--f-md)}}@media (min-width:1024px){.hub-field{--rows:var(--rows-lg)}.hub-tile{--c:var(--c-lg);--r:var(--r-lg);--f:var(--f-lg)}}.hub-tile{--c:var(--c-sm);--r:var(--r-sm);--f:var(--f-sm);--live:calc(var(--sweep-start) + var(--sweep-dur));--dim:1;position:relative;z-index:1;aspect-ratio:1;border-radius:3px;cursor:pointer;scale:calc((1 + var(--lift, 0) * .55) * var(--dim));animation-name:hub-tile-in;animation-duration:.46s;animation-timing-function:cubic-bezier(.2,.9,.3,1.25);animation-delay:calc(var(--in-start) + var(--c) * 14ms + var(--r) * 22ms);animation-fill-mode:both;transition:scale .17s cubic-bezier(.3,1.3,.5,1) calc(var(--delay-out, 0s)),opacity .32s ease calc(var(--delay-out, 0s))}.hub-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--hub-checker);pointer-events:none;animation-name:qa-heal;animation-duration:.24s;animation-timing-function:steps(3);animation-delay:calc(var(--sweep-start) + var(--f) * var(--sweep-dur));animation-fill-mode:both}.hub-tile[data-stage=broken]:after{content:none}.hub-tile[data-stage=broken]{background:var(--hub-checker);box-shadow:0 0 0 1px rgba(0,0,0,.35)}.hub-tile[data-stage=queued]{box-shadow:inset 0 0 0 1px var(--hub-line);background:color-mix(in srgb,var(--hub-deck-2) 60%,transparent)}.hub-tile[data-stage=fixing]{overflow:hidden;background:color-mix(in srgb,var(--hub-cloud) 14%,transparent)}.hub-tile[data-stage=fixing]:before{content:"";position:absolute;top:0;bottom:0;left:-9px;right:0;background:repeating-linear-gradient(-45deg,var(--hub-cloud) 0 2px,transparent 2px 6px);animation:qa-crawl .9s linear infinite;animation-delay:var(--live)}.hub-tile[data-stage=testing]{background:color-mix(in srgb,var(--hub-cloud) 24%,transparent);box-shadow:inset 0 0 0 1.5px var(--hub-cloud-bright)}.hub-tile[data-stage=testing]:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 14px 1px color-mix(in srgb,var(--hub-cloud) 75%,transparent);opacity:0;animation:qa-glow 2.6s ease-in-out infinite;animation-delay:calc(var(--live) + var(--c) * 60ms)}.hub-tile[data-stage=done]{background:var(--hub-cloud)}.hub-tile[data-out]{--dim:0.6;opacity:.16}.hub-field[data-filtering] .hub-tile{--delay-out:calc(var(--c) * 7ms)}@keyframes hub-tile-in{0%{opacity:0;transform:scale(.2) rotate(-12deg)}}.hub-beam-clip{position:absolute;inset:-14px 0;z-index:20;overflow:hidden;pointer-events:none}.hub-beam{left:0;width:100%;pointer-events:none;animation:qa-sweep var(--sweep-dur) linear var(--sweep-start) both}.hub-beam,.hub-beam:before{position:absolute;top:0;bottom:0}.hub-beam:before{content:"";left:-1px;width:2px;background:linear-gradient(to bottom,transparent,var(--hub-cloud-bright) 18%,#fff 50%,var(--hub-cloud-bright) 82%,transparent);box-shadow:0 0 22px 7px color-mix(in srgb,var(--hub-cloud) 55%,transparent)}.hub-beam:after{content:"";position:absolute;top:0;bottom:0;right:calc(100% + 1px);width:140px;background:linear-gradient(to left,color-mix(in srgb,var(--hub-cloud) 22%,transparent),transparent)}.hub-tip{position:absolute;z-index:30;width:-moz-max-content;width:max-content;max-width:min(320px,80vw);pointer-events:none;animation:hub-tip-in .14s ease-out both}@keyframes hub-tip-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 6px))}}.hub-chip{transition:background-color .2s,border-color .2s,color .2s,transform .2s cubic-bezier(.3,1.4,.5,1)}.hub-chip:hover{transform:translateY(-1px)}.hub-swatch{width:14px;height:14px;border-radius:3px;flex:none}.hub-swatch[data-stage=broken]{background:var(--hub-checker)}.hub-swatch[data-stage=queued]{box-shadow:inset 0 0 0 1px var(--hub-mist)}.hub-swatch[data-stage=fixing]{background:repeating-linear-gradient(-45deg,var(--hub-cloud) 0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1px var(--hub-cloud)}.hub-swatch[data-stage=testing]{background:color-mix(in srgb,var(--hub-cloud) 24%,transparent);box-shadow:inset 0 0 0 1.5px var(--hub-cloud-bright)}.hub-swatch[data-stage=done]{background:var(--hub-cloud)}.hub-swatch[data-stage=mine]{border-radius:50%;width:10px;height:10px;background:var(--hub-frost)}.hub-count{font-variant-numeric:tabular-nums}.hub-stage-item{animation:qa-rise .46s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 45ms) backwards}.hub-pop-in{animation:qa-pop .56s cubic-bezier(.3,1.7,.5,1) backwards}.hub-pop-out{animation:qa-pop-out .32s ease-in forwards}.hub-ring{position:relative}.hub-ring:after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid var(--hub-live);animation:qa-ping 2.4s ease-out infinite;pointer-events:none}.hub-live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--hub-live)}.hub-live-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--hub-live);animation:hub-dot 2s ease-out infinite}@keyframes hub-dot{0%{transform:scale(1);opacity:.6}80%,to{transform:scale(2.8);opacity:0}}.hub-member{transition:background-color .18s}.hub-member .hub-avatar-wrap{transition:transform .26s cubic-bezier(.3,1.6,.5,1)}.hub-member:hover .hub-avatar-wrap{transform:rotate(-6deg) scale(1.08)}.hub-bar{height:4px;border-radius:99px;background:color-mix(in srgb,var(--hub-line) 70%,transparent);overflow:hidden}.hub-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--hub-cloud) 55%,transparent),var(--hub-cloud));transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.16,.8,.14,1) calc(var(--i) * 28ms)}[data-inview] .hub-bar>span{transform:scaleX(var(--p))}.hub-tier-rule{transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.16,.8,.14,1) .12s}[data-inview] .hub-tier-rule{transform:scaleX(1)}.hub-index-thumb{transition:transform .46s cubic-bezier(.3,1.25,.5,1),height .46s cubic-bezier(.3,1.25,.5,1)}.hub-console{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;background:var(--hub-console-bg);color:var(--hub-console-fg)}.hub-caret{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:var(--hub-cloud);animation:qa-blink 1s steps(1) infinite}.hub-rail-fill{transform-origin:top;transform:scaleY(var(--progress,0))}.hub-step-num{transition:background-color .3s,color .3s,box-shadow .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}.hub-step[data-reached] .hub-step-num{background:var(--hub-cloud);color:var(--color-on-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--hub-cloud) 20%,transparent);transform:scale(1.06)}.hub-step-body{transition:color .3s}.hub-demo-card{transition:box-shadow .4s,border-color .4s}.hub-demo-part{display:grid;grid-template-rows:1fr;transition:grid-template-rows .48s cubic-bezier(.2,.8,.2,1),opacity .36s ease,filter .36s ease}.hub-demo-part>*{min-height:0;overflow:hidden}[data-quality=bad] .hub-demo-part[data-only=good]{grid-template-rows:0fr;opacity:0;filter:blur(4px)}.hub-demo-title{transition:opacity .24s ease}.hub-toggle-thumb{transition:transform .38s cubic-bezier(.3,1.35,.5,1),background-color .38s}.hub-copy-icon{transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .2s}@media (prefers-reduced-motion:reduce){.hub-demo-card,.hub-step-body,.hub-step-num{transition:none}.hub-beam{display:none}.hub-tile{scale:var(--dim)}.hub-field-wrap:not([data-play]) .hub-tile,.hub-field-wrap:not([data-play]) .hub-tile:after,.hub[data-font] :is(.hub-greet,.hub-lead,.qa-word,.hub-sub,.hub-actions){animation-play-state:running}}