.cs-hero{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.cs-rack{order:1}.cs-intro{order:2}.cs-headline{font-size:clamp(28px,9.2vw,56px)}.cs-line{display:block}.cs-intro{gap:var(--space-4);flex-direction:column;max-width:34rem;display:flex}.cs-status{font-weight:600}.cs-signup{padding-top:var(--space-4);border-top:1px solid var(--line);gap:var(--space-2);flex-direction:column;display:flex}.cs-signup-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.cs-signup-input{flex:999 12rem;height:40px;font-size:16px}.cs-signup-input[aria-invalid=true]{border-color:var(--conflict)}.cs-signup-button{height:40px;padding:0 var(--space-4);cursor:pointer;flex:1 0 auto;justify-content:center}.cs-signup-button:disabled{cursor:progress;opacity:.7}.cs-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.cs-signup-msg{scroll-margin-top:var(--space-24);font-weight:600;display:none}.cs-signup-msg:target,.cs-signup-msg.is-shown{display:block}.cs-signup[data-state] .cs-signup-msg:target:not(.is-shown),.cs-signup:not([data-state]):has(#subscribed:target) :is(.cs-signup-label,.cs-signup-row),.cs-signup[data-state=ok] :is(.cs-signup-label,.cs-signup-row){display:none}.cs-rack{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);font-variant-numeric:tabular-nums}.cs-rack-head{min-height:56px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-4);white-space:nowrap;flex-wrap:wrap;display:flex}.cs-swap{display:inline-grid}.cs-swap>*{grid-area:1/1}.cs-rack-state{justify-items:end}.cs-out{opacity:0}.cs-pill-outdated{background:var(--patch);color:var(--on-patch)}.cs-synced-now{align-items:center;gap:var(--space-1);display:inline-flex}.cs-rack-body{align-items:center;column-gap:var(--space-4);padding:var(--space-2) var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.cs-rack-machine{white-space:nowrap;flex-direction:column;justify-content:center;gap:2px;height:72px;display:flex}.cs-rack-name{letter-spacing:-.01em;font-size:clamp(18px,5.6vw,22px);font-weight:650;font-stretch:112%;line-height:28px}.cs-rack-meta{gap:var(--space-2);display:flex}.cs-from-mid,.cs-rack-svg{display:none}.cs-rack-svg-narrow{display:block}.cs-rack-hub{margin:var(--space-2) calc(-1 * var(--space-4)) calc(-1 * var(--space-2));padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);flex-direction:column;grid-column:1/-1;display:flex}.cs-cable{fill:none;stroke:var(--signal);stroke-width:2px;stroke-linecap:round}.cs-cable-behind{stroke:var(--patch);opacity:0}.cs-socket{fill:var(--signal)}.cs-socket-behind{fill:var(--patch)}@media (prefers-reduced-motion:no-preference){.cs-rack.is-armed .cs-cable{stroke-dasharray:var(--len);animation:cs-draw var(--motion-cable) calc(var(--i,0) * .15s) both}.cs-rack.is-armed .cs-cable-behind{animation:cs-draw var(--motion-cable) calc(var(--i) * .15s) both, cs-hide .2s ease-out 2.1s both}.cs-rack.is-armed .cs-cable-sync{animation:cs-draw var(--motion-cable) 1.5s both}.cs-rack.is-armed .cs-out{animation:.2s ease-out 2.1s both cs-hide}.cs-rack.is-armed .cs-in{animation:.2s ease-out 2.1s both cs-show}.cs-rack.is-armed :is(.cs-cable,.cs-out,.cs-in){animation-play-state:paused}.cs-rack.is-playing :is(.cs-cable,.cs-out,.cs-in){animation-play-state:running}@keyframes cs-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes cs-hide{0%{opacity:1}to{opacity:0}}@keyframes cs-show{0%{opacity:0}to{opacity:1}}}.cs-what{gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}.cs-beats{gap:var(--space-6);flex-direction:column;display:flex}.cs-beat{gap:var(--space-2);flex-direction:column;max-width:36rem;display:flex}.cs-beat p{font-size:16px;line-height:24px}.cs-beat code{color:var(--ink);font-size:14px}.cs-popover{font-variant-numeric:tabular-nums}.cs-mini-bay{flex-direction:column;align-items:center;display:flex}.cs-mini-hub{border-radius:var(--radius-pill);background:var(--signal);width:32px;height:32px}.cs-mini-stub{background:var(--signal);width:2px;height:12px}.cs-mini-rail{background:var(--line-strong);width:66.6667%;height:2px}.cs-mini-drops{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.cs-mini-drop{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.cs-mini-drop .cs-mini-stub{height:16px}.cs-mini-socket{border-radius:var(--radius-pill);background:var(--signal);width:16px;height:16px}.cs-pop-row{min-height:36px;padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-3);display:flex}.cs-pop-text{flex-direction:column;flex:1;min-width:0;display:flex}.cs-pop-status{align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}.cs-pop-actions{gap:var(--space-1);display:flex}@media (width<=359.98px){.cs-pop-open{display:none}}.cs-foot{padding-block:var(--space-8);align-items:center;gap:var(--space-4) var(--space-8);flex-wrap:wrap;display:flex}.cs-foot-links{gap:var(--space-6);display:flex}.cs-foot-links a{min-height:24px;color:var(--ink-muted);align-items:center;text-decoration:none;display:inline-flex}.cs-foot-links a:hover{color:var(--ink)}.cs-foot-note{width:100%}@media (width>=720px){.cs-headline{font-size:clamp(56px,8.6vw,88px)}.cs-rack-head{min-height:64px;padding-inline:var(--space-6)}.cs-rack-body{column-gap:var(--space-6);padding:var(--space-2) var(--space-6)}.cs-rack-machine{height:88px}.cs-rack-name{font-size:28px;line-height:32px}.cs-from-mid{display:inline}.cs-rack-svg-narrow{display:none}.cs-rack-svg-mid{display:block}.cs-rack-hub{margin-inline:calc(-1 * var(--space-6));padding-inline:var(--space-6)}.cs-foot-note{width:auto;margin-left:auto}}@media (width>=960px){.cs-what{gap:var(--space-8) var(--space-12);grid-template-rows:auto 1fr;grid-template-columns:360px minmax(0,1fr);align-items:start}.cs-what .cs-popover{grid-area:1/1/span 2}.cs-what-head,.cs-beats{grid-column:2}}@media (width>=1180px){.cs-hero{gap:var(--space-12) var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr))}.cs-headline{grid-area:1/1/auto/-1}.cs-intro{column-gap:var(--space-8);order:0;grid-area:2/1/auto/-1;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,7fr) minmax(0,5fr);max-width:none;display:grid}.cs-intro>.lede,.cs-intro>.cs-status{grid-column:1}.cs-intro>:not(.lede):not(.cs-status){grid-area:1/2/span 2;align-self:start}.cs-signup{border-top:0;padding-top:0}.cs-rack{order:0;grid-area:3/1/auto/-1}.cs-rack-head,.cs-rack-body{padding-inline:var(--space-8)}.cs-rack-body{column-gap:var(--space-8);padding-block:var(--space-4);grid-template-columns:minmax(0,1fr) auto 216px}.cs-rack-machine{height:96px}.cs-rack-name{font-size:32px;line-height:1.1}.cs-rack-svg-mid{display:none}.cs-rack-svg-wide{display:block}.cs-rack-hub{gap:var(--space-1);border-top:0;grid-column:auto;margin:0;padding:0}.cs-what{column-gap:var(--space-24)}}