.sw-hub-frame{background:var(--sw-surface-0);min-height:100vh;color:var(--sw-fg);flex-direction:column;display:flex}.sw-hub{width:min(100% - 3rem,72rem);margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) 0 5rem}.sw-hub :is(a,button):focus-visible{outline:2px solid var(--sw-accent);outline-offset:2px;border-radius:.25rem}.sw-hub__hero{max-width:46rem;margin-bottom:clamp(2.5rem,6vw,4rem)}.sw-hub__eyebrow{color:var(--sw-accent-strong);font:650 var(--sw-type-xs) / 1.4 var(--sw-font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem}.sw-hub__hero h1{color:var(--sw-fg-strong);font:650 clamp(2.1rem, 4.5vw, 3.2rem) / 1.02 var(--sw-font-display);letter-spacing:-.02em;margin:0}.sw-hub__lede{color:var(--sw-fg-muted);margin:1.15rem 0 0;font-size:1.02rem;line-height:1.7}.sw-hub__bench{border-left:3px solid var(--sw-accent);color:var(--sw-fg-muted);margin:1.4rem 0 0;padding:.35rem 0 .35rem 1rem;font-size:.92rem;line-height:1.65}.sw-hub__bench strong{color:var(--sw-fg-strong);font-variant-numeric:tabular-nums}.sw-hub__bench a{color:var(--sw-accent-strong);text-underline-offset:.18em}.sw-hub__scenes,.sw-hub__frameworks{margin-bottom:clamp(2.2rem,5vw,3.4rem)}.sw-hub__scenes h2,.sw-hub__frameworks h2{color:var(--sw-fg-strong);font:650 1.45rem / 1.2 var(--sw-font-display);margin:0}.sw-hub__scenes>p,.sw-hub__frameworks>p{max-width:46rem;color:var(--sw-fg-muted);margin:.5rem 0 1.25rem;font-size:.94rem;line-height:1.65}.sw-hub-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.sw-hub-launch{--sw-hub-accent:var(--sw-demo-accent);--sw-hub-accent-ink:color-mix(in srgb, var(--sw-hub-accent) 62%, var(--sw-fg-strong));--sw-hub-scene-bg:color-mix(in srgb, var(--sw-hub-accent) 8%, var(--sw-surface-2));border-radius:var(--sw-demo-radius-3);background:var(--sw-surface-1);height:100%;color:var(--sw-fg);transition:background-color var(--sw-demo-transition), translate var(--sw-demo-transition);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.sw-hub-launch:hover{translate:0 -2px}.sw-hub-launch[data-owner=performance]{--sw-hub-accent:var(--sw-demo-warn)}.sw-hub-launch[data-owner=database]{--sw-hub-accent:var(--sw-demo-accent)}.sw-hub-launch[data-owner=interoperability]{--sw-hub-accent:var(--sw-demo-react-accent)}.sw-hub-launch[data-owner=collaboration]{--sw-hub-accent:var(--sw-demo-danger)}.sw-hub-launch__body{background:color-mix(in srgb, var(--sw-hub-accent) 6%, var(--sw-surface-1));align-content:start;gap:.45rem;padding:1rem 1.15rem 1.1rem;display:grid}.sw-hub-launch__body strong{color:var(--sw-fg-strong);font:650 1.05rem / 1.3 var(--sw-font-display)}.sw-hub-launch .sw-hub__owner-count{color:var(--sw-hub-accent-ink)}.sw-hub-launch__summary{color:var(--sw-fg-muted);font-size:.86rem;line-height:1.55}.sw-hub__owner-count{color:var(--sw-accent-strong);font:600 .78rem / 1.4 var(--sw-font-mono)}.sw-hub-scene{border-bottom:1px solid var(--sw-border);background:var(--sw-hub-scene-bg);flex-direction:column;gap:.7rem;height:10rem;padding:.95rem 1.15rem .8rem;display:flex}.sw-hub-scene__caption{color:var(--sw-fg-dim);font:600 .62rem / 1.6 var(--sw-font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:auto;overflow:hidden}.sw-hub-tele{gap:1.6rem;display:flex}.sw-hub-tele__stat{gap:.1rem;display:grid}.sw-hub-tele__stat strong{color:var(--sw-fg-strong);font:650 1.05rem / 1.15 var(--sw-font-display);font-variant-numeric:tabular-nums}.sw-hub-tele__stat small{color:var(--sw-fg-muted);font:500 .66rem / 1.4 var(--sw-font-mono)}.sw-hub-tele__bars{flex:1;align-items:flex-end;gap:.3rem;display:flex}.sw-hub-tele__bars i{background:color-mix(in srgb, var(--sw-demo-warn) 62%, var(--sw-surface-3));border-radius:1px;flex:1;height:24%}.sw-hub-tele__bars i:nth-child(3n){height:44%}.sw-hub-tele__bars i:nth-child(5n+2){height:34%}.sw-hub-tele__bars i:nth-child(4n+1){height:58%}.sw-hub-tele__bars i:nth-child(7n){background:var(--sw-demo-warn);height:90%}.sw-hub-commits{justify-content:space-between;align-items:flex-start;margin:auto 0;display:flex;position:relative}.sw-hub-commits:before{content:"";background:color-mix(in srgb, var(--sw-demo-accent) 40%, var(--sw-border-strong));height:2px;position:absolute;top:.28rem;left:.5rem;right:.5rem}.sw-hub-commits__node{justify-items:center;gap:.5rem;display:grid;position:relative}.sw-hub-commits__node i{z-index:1;background:var(--sw-demo-accent);border-radius:999px;width:.6rem;height:.6rem}.sw-hub-commits__node[data-kind=snapshot] i{background:var(--sw-fg-dim);border-radius:1px}.sw-hub-commits__node[data-kind=compact] i{background:var(--sw-demo-warn);border-radius:1px;rotate:45deg}.sw-hub-commits__node[data-kind=reload] i{border:2px solid var(--sw-hub-accent-ink);background:var(--sw-hub-scene-bg)}.sw-hub-commits__node code{color:var(--sw-fg-muted);font:500 .6rem / 1.2 var(--sw-font-mono)}.sw-hub-exchange{justify-content:center;align-items:center;gap:.7rem;margin:auto 0;display:flex}.sw-hub-exchange__files{gap:.45rem;display:grid}.sw-hub-file{border:1px solid var(--sw-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-surface-1);color:var(--sw-fg-muted);font:600 .64rem / 1.2 var(--sw-font-mono);text-align:center;padding:.28rem .55rem}.sw-hub-exchange__arrow{background:var(--sw-hub-accent-ink);flex:0 2.4rem;height:2px;position:relative}.sw-hub-exchange__arrow:after{content:"";border-top:2px solid var(--sw-hub-accent-ink);border-right:2px solid var(--sw-hub-accent-ink);width:.4rem;height:.4rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.sw-hub-exchange__grid{border:1px solid var(--sw-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-surface-1);grid-template-columns:repeat(3,.95rem);gap:2px;padding:.35rem;display:grid}.sw-hub-exchange__grid i{background:var(--sw-surface-3);border-radius:1px;height:.6rem}.sw-hub-exchange__grid i:nth-child(4n+1){background:color-mix(in srgb, var(--sw-demo-react-accent) 45%, var(--sw-surface-3))}.sw-hub-sync{gap:.55rem;margin:auto 0;display:grid}.sw-hub-sync__lane{align-items:center;gap:.5rem;display:flex;position:relative}.sw-hub-sync__lane:before{content:"";border-top:1px dashed var(--sw-border-strong);position:absolute;top:50%;left:1.6rem;right:0}.sw-hub-sync__peer{z-index:1;width:1.15rem;height:1.15rem;color:var(--sw-demo-ink);font:650 .6rem / 1 var(--sw-font-mono);border-radius:999px;place-items:center;display:grid}.sw-hub-sync__lane[data-client=a] .sw-hub-sync__peer{background:var(--sw-demo-accent)}.sw-hub-sync__lane[data-client=b] .sw-hub-sync__peer{background:var(--sw-demo-danger)}.sw-hub-sync__lane code{z-index:1;border:1px solid var(--sw-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-surface-1);color:var(--sw-fg-muted);font:500 .6rem / 1.3 var(--sw-font-mono);padding:.16rem .45rem}.sw-hub-sync__seq{align-items:center;gap:.3rem;margin-left:1.65rem;display:flex}.sw-hub-sync__seq:before{content:"seq";color:var(--sw-fg-dim);font:600 .58rem / 1 var(--sw-font-mono);letter-spacing:.1em;text-transform:uppercase;margin-right:.25rem}.sw-hub-sync__seq span{border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-ink);font:650 .6rem / 1.3 var(--sw-font-mono);font-variant-numeric:tabular-nums;padding:.16rem .42rem}.sw-hub-sync__seq span[data-client=a]{background:var(--sw-demo-accent)}.sw-hub-sync__seq span[data-client=b]{background:var(--sw-demo-danger)}.sw-hub-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.sw-hub-rail__item{--sw-hub-fw:var(--sw-demo-warn);background:color-mix(in srgb, var(--sw-hub-fw) 7%, var(--sw-surface-1));height:100%;color:var(--sw-fg);transition:background-color var(--sw-demo-transition), translate var(--sw-demo-transition);border-radius:.6rem;align-content:start;gap:.45rem;padding:.85rem 1rem .9rem;text-decoration:none;display:grid}.sw-hub-rail__item:hover{background:color-mix(in srgb, var(--sw-hub-fw) 13%, var(--sw-surface-1));translate:0 -2px}.sw-hub-rail__item[data-framework=react]{--sw-hub-fw:var(--sw-demo-react-accent)}.sw-hub-rail__item[data-framework=vue]{--sw-hub-fw:var(--sw-demo-vue-accent)}.sw-hub-rail__item[data-framework=svelte]{--sw-hub-fw:var(--sw-demo-svelte-accent)}.sw-hub-rail__item strong{color:var(--sw-fg-strong);font:600 .94rem / 1.3 var(--sw-font-display)}.sw-hub-rail__mount{gap:.15rem;display:grid}.sw-hub-rail__mount code{color:var(--sw-fg-muted);font:500 .72rem / 1.5 var(--sw-font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sw-hub-rail__mount .sw-hub-rail__pkg{color:var(--sw-fg-dim);font-size:.66rem}@media (width<=64rem){.sw-hub-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.sw-hub{width:calc(100% - 2rem)}.sw-hub-scenes{grid-template-columns:1fr}.sw-hub-tele{gap:1.1rem}}@media (width<=34rem){.sw-hub-rail{grid-template-columns:1fr}.sw-hub-exchange{gap:.5rem}.sw-hub-exchange__arrow{flex-basis:1.2rem}}@media (prefers-reduced-motion:reduce){.sw-hub-launch,.sw-hub-rail__item{transition:none}.sw-hub-launch:hover{translate:none}}