:root{--stoyka-led:#00f060;--stoyka-uplink:#2f7bff;--stoyka-pwr:var(--sochi-white);--stoyka-led-100:var(--svyaz-off);--stoyka-glow-a:40%;--stoyka-glow-b:16%;--stoyka-wire:color-mix(in srgb, var(--text-muted) 60%, var(--bg));--stoyka-wire-mesh:.45;--stoyka-face:var(--sochi-ink);--stoyka-port:color-mix(in srgb, var(--sochi-petal) 11%, var(--sochi-ink));--stoyka-port-ring:inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--sochi-petal) 16%, transparent), inset 0 calc(var(--border-hairline) * 2) calc(var(--border-hairline) * 3) color-mix(in srgb, var(--sochi-night-canvas) 75%, transparent), inset 0 calc(var(--border-hairline) * -1) 0 color-mix(in srgb, var(--sochi-petal) 12%, transparent);--stoyka-srv-shadow:inset 0 var(--border-hairline) 0 color-mix(in srgb, var(--sochi-petal) 18%, transparent), inset 0 calc(var(--border-hairline) * -2) 0 color-mix(in srgb, var(--sochi-night-canvas) 55%, transparent);--stoyka-sw-shadow:var(--stoyka-srv-shadow), 0 var(--space-3) var(--space-4) calc(var(--space-2) * -1) color-mix(in srgb, var(--sochi-night-canvas) 45%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--stoyka-glow-a:70%;--stoyka-glow-b:36%;--stoyka-face:var(--sochi-night-surface);--stoyka-port:color-mix(in srgb, var(--sochi-petal) 6%, var(--sochi-night-surface));--stoyka-port-ring:inset 0 var(--border-hairline) calc(var(--border-hairline) * 2) color-mix(in srgb, var(--sochi-petal) 22%, transparent);--stoyka-srv-shadow:none;--stoyka-sw-shadow:none}}:root[data-theme=dark]{--stoyka-glow-a:70%;--stoyka-glow-b:36%;--stoyka-face:var(--sochi-night-surface);--stoyka-port:color-mix(in srgb, var(--sochi-petal) 6%, var(--sochi-night-surface));--stoyka-port-ring:inset 0 var(--border-hairline) calc(var(--border-hairline) * 2) color-mix(in srgb, var(--sochi-petal) 22%, transparent);--stoyka-srv-shadow:none;--stoyka-sw-shadow:none}.stoyka{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin-block-end:var(--space-3);display:grid}.stoyka.is-pending{opacity:.01}.stoyka .sw{align-items:center;gap:var(--space-2);padding-block:var(--space-3);color:var(--text-muted);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.stoyka .id{align-items:center;gap:var(--space-2);font-size:var(--type-caption-size);min-inline-size:7ch;line-height:1.2;display:flex}.stoyka .id b{color:var(--text);font-family:var(--type-mono-font);font-weight:var(--font-weight-regular)}.stoyka .ports{gap:var(--space-1);grid-template-columns:repeat(8, minmax(0, 1fr)) var(--space-1) repeat(8, minmax(0, 1fr)) var(--space-1) repeat(8, minmax(0, 1fr)) var(--space-2) repeat(2, minmax(0, 1.45fr));display:grid}.stoyka .vent{block-size:calc(var(--space-2) * 1.25);background:radial-gradient(circle, color-mix(in srgb, var(--text) 24%, transparent) 0 calc(var(--border-hairline) * 1.1), transparent calc(var(--border-hairline) * 1.6)) 0 50% / calc(var(--space-1) * 1.5) calc(var(--space-1) * 1.25);grid-column:1/-1}.stoyka :is(.p,.s){border-radius:calc(var(--radius-sm) / 3);background:color-mix(in srgb, var(--text) 6%, var(--surface));position:relative}.stoyka .p{aspect-ratio:1/1.05}.stoyka .ports .q{aspect-ratio:auto;align-self:stretch}.stoyka .id>span:not(.st){margin-inline-start:auto}.stoyka .st{align-items:center;gap:var(--space-2);order:-1;display:flex}.stoyka .mg{gap:var(--space-1);display:none}.stoyka .mg i{inline-size:var(--space-3);block-size:calc(var(--space-3) * .85);border:var(--border-hairline) solid color-mix(in srgb, var(--text) 30%, transparent);border-radius:calc(var(--radius-sm) / 4)}.stoyka .mg i:first-child{inline-size:calc(var(--space-3) * .7);block-size:calc(var(--space-3) * .4);align-self:center}.stoyka .pwr{inline-size:var(--space-2);block-size:var(--space-2);border:var(--border-hairline) solid color-mix(in srgb, var(--text) 40%, transparent);border-radius:50%;flex:none;position:relative}.stoyka .srvs{gap:var(--space-1);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.stoyka .s{aspect-ratio:3.1}.stoyka .s:before{content:"";background:repeating-linear-gradient(to right, color-mix(in srgb, var(--text) 20%, transparent) 0 var(--border-hairline), transparent var(--border-hairline) var(--space-1));position:absolute;inset-block:26%;inset-inline:7% 30%}.stoyka .led{--eff:var(--stoyka-led);opacity:0;border-radius:inherit;background:var(--eff);box-shadow:0 0 calc(var(--space-1) * 1.4) color-mix(in srgb, var(--eff) var(--stoyka-glow-a), transparent), 0 0 calc(var(--space-1) * 3.6) color-mix(in srgb, var(--eff) var(--stoyka-glow-b), transparent);transition:opacity var(--dur,.8s) var(--ease-out) var(--d,0s);will-change:opacity;position:absolute;inset:0}.stoyka .q .led{--eff:var(--stoyka-uplink)}.stoyka .pwr .led{--eff:var(--text);inset:calc(var(--border-hairline) * -1);box-shadow:none;will-change:auto;border-radius:50%;transition:none}.stoyka .s .led{border-radius:var(--radius-pill);inline-size:15%;inset:28% 7% 28% auto}.stoyka .s.on{box-shadow:inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--stoyka-led) 50%, transparent)}.stoyka .on .led{opacity:1;animation:stoyka-probe 1.5s var(--d,0s) both;transition:none}.stoyka .ports .p:nth-child(8n+3).on .led,.stoyka .srvs .s:nth-child(4n+2).on .led{animation:stoyka-probe 1.5s var(--d,0s) both, stoyka-dip var(--act-dur,2.6s) step-end calc(var(--d,0s) + 1.5s) infinite}.stoyka[data-asleep] .ports .p:nth-child(8n+3).on .led,.stoyka[data-asleep] .srvs .s:nth-child(4n+2).on .led{animation:stoyka-probe 1.5s var(--d,0s) both}.stoyka .pwr.pwr.pwr .led{animation:none}@keyframes stoyka-probe{0%{opacity:0}16%{opacity:1}32%{opacity:.2}50%{opacity:1}66%{opacity:.4}84%{opacity:1}to{opacity:1}}@keyframes stoyka-dip{0%{opacity:1}6%{opacity:.1}8%{opacity:1}19%{opacity:.1}20%{opacity:1}22%{opacity:.1}24%{opacity:1}47%{opacity:.1}49%{opacity:1}63%{opacity:.1}64%{opacity:1}66%{opacity:.1}68%{opacity:1}86%{opacity:.1}88%{opacity:1}}.stoyka .ports .p.m100 .led{--eff:var(--stoyka-led-100)}@media (prefers-reduced-motion:reduce){.stoyka .led,.stoyka .ports .p:after{transition-duration:1ms;transition-delay:0s}.stoyka .on .led,.stoyka .ports .p:nth-child(8n+3).on .led,.stoyka .srvs .s:nth-child(4n+2).on .led,.stoyka[data-asleep] .ports .p:nth-child(8n+3).on .led,.stoyka[data-asleep] .srvs .s:nth-child(4n+2).on .led{animation:none}}.ds-section:has(.stoyka){padding-block-start:var(--component-hero-space-block)}.ds-section:has(.stoyka) .pilot-section-head h1{margin-block-end:calc(var(--component-hero-gap) - var(--space-4))}.ds-section:has(.stoyka) .kalk{margin-block-start:calc(var(--layout-section-space) * 2 - var(--component-card-padding) - var(--component-frame-width))}@media (width>=54rem){.ds-section:has(.stoyka){column-gap:var(--space-8);row-gap:var(--space-5);isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"head rack""scenes rack""kalk kalk";align-items:start;display:grid}.ds-section:has(.stoyka) .pilot-section-head{margin:var(--space-0);grid-area:head}.ds-section:has(.stoyka) .kalk{grid-area:kalk;margin-block-start:calc(var(--layout-section-space) * 2 - var(--component-card-padding) - var(--component-frame-width) - var(--space-5))}body:has(.stoyka){overflow-x:clip}.stoyka{z-index:-1;inline-size:var(--stoyka-w,100%);margin:var(--space-0);align-self:center;gap:var(--space-5);pointer-events:none;--stoyka-depth:calc(var(--space-9) * 4.6);will-change:transform;--surface:var(--sochi-night-surface);--text:var(--sochi-petal);--text-muted:var(--sochi-limestone-300);--line-subtle:var(--sochi-night-line);--stoyka-glow-a:70%;--stoyka-glow-b:36%;grid-area:rack;margin-inline-end:var(--stoyka-mr,0px);position:relative;inset-block-start:var(--space-6);transform:perspective(2000px)rotateX(-19deg)rotateY(-8deg)}.stoyka .sw{gap:var(--space-4);padding:var(--space-3);border:var(--border-hairline) solid var(--line-subtle);border-radius:var(--radius-panel);background:var(--stoyka-face);box-shadow:var(--stoyka-srv-shadow);grid-template-columns:auto minmax(0,1fr)}.stoyka .sw:not(.srv){box-shadow:var(--stoyka-sw-shadow)}.stoyka .id{justify-content:start;gap:var(--space-1);display:grid}.stoyka .id>span:not(.st){margin-inline-start:0}.stoyka .st{order:0;margin-block-start:var(--space-2)}.stoyka .pwr{inline-size:calc(var(--space-2) * 1.25);block-size:calc(var(--space-2) * 1.25)}.stoyka .pwr .led{--eff:var(--stoyka-pwr)}.stoyka .mg{display:flex}.stoyka .ports{gap:calc(var(--space-1) * .75)}.stoyka .ports .p:not(.q){aspect-ratio:1/.82}.stoyka :is(.p,.s){background:var(--stoyka-port);box-shadow:inset 0 var(--border-hairline) calc(var(--border-hairline) * 2) color-mix(in srgb, var(--text) 22%, transparent)}.stoyka :is(.p,.s):not(.on){box-shadow:var(--stoyka-port-ring)}.stoyka .ports .p,.stoyka .ports .p:not(.on){background:var(--sochi-night-canvas);box-shadow:inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--sochi-petal) 22%, transparent), inset 0 calc(var(--border-hairline) * 3) calc(var(--border-hairline) * 4) color-mix(in srgb, var(--sochi-night-canvas) 90%, transparent);border-radius:calc(var(--radius-sm) / 4)}.stoyka .ports .p:not(.q):before{content:"";background:var(--sochi-night-canvas);block-size:16%;box-shadow:inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--sochi-petal) 22%, transparent);clip-path:inset(-1px -1px 30%);position:absolute;inset-block-start:-12%;inset-inline:34%}.stoyka .ports .p:not(.q):nth-child(odd):before{clip-path:inset(30% -1px -1px);inset-block:auto -12%}.stoyka .ports .p .led{aspect-ratio:1;border-radius:calc(var(--border-hairline) * 1.5);inline-size:16%;box-shadow:0 0 calc(var(--space-1) * 1.2) color-mix(in srgb, var(--eff) 75%, transparent);inset:auto;inset-block-start:14%;inset-inline-end:12%}.stoyka .ports .p.m100 .led{inset-inline:12% auto}.stoyka .ports .p{--pe:var(--stoyka-led)}.stoyka .ports .p.m100{--pe:var(--stoyka-led-100)}.stoyka .ports .q{--pe:var(--stoyka-uplink)}.stoyka .ports .p:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--pe) 75%, transparent), inset 0 0 calc(var(--space-1) * 1.5) color-mix(in srgb, var(--pe) 25%, transparent);transition:opacity var(--dur,.8s) var(--ease-out) var(--d,0s);will-change:opacity;position:absolute;inset:0}.stoyka .ports .p.on:after{opacity:1}.stoyka .ports .p .led{z-index:1}.stoyka .ports .p:not(.q):nth-child(odd) .led{inset-block:auto 14%}.stoyka .s.on{box-shadow:inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--stoyka-led) 50%, transparent)}.stoyka .faces{z-index:-1;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:visible}}.stoyka-scenes{gap:var(--space-2);margin:var(--space-0);flex-wrap:wrap;display:flex}.stoyka-scenes[hidden]{display:none}.stoyka-scene{isolation:isolate;padding:var(--space-2) var(--space-4);border:var(--border-hairline) solid var(--line-subtle);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer;transition:color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);flex:none;position:relative}.stoyka-scene:hover,.stoyka-scene[aria-pressed=true]{color:var(--text)}.stoyka-scene[aria-pressed=true]{border-color:var(--line-control)}.stoyka-scene b{color:var(--text);font-family:var(--type-mono-font);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-regular);margin-inline-start:var(--space-2)}.stoyka-scene svg{inset:calc(var(--border-hairline) * -1);inline-size:calc(100% + var(--border-hairline) * 2);block-size:calc(100% + var(--border-hairline) * 2);pointer-events:none;position:absolute;overflow:visible}.stoyka-scene rect{fill:none;stroke:var(--accent);stroke-width:2px}.stoyka-scene:not([aria-pressed=true]) rect{visibility:hidden}.pilot-section-head .kalk-lede{max-width:var(--component-hero-copy-measure);color:var(--text-muted)}.pilot-section-head .kalk-lede b{color:var(--text);font-weight:var(--font-weight-medium)}@media (width>=54rem){.stoyka-scenes{margin:var(--space-0);grid-area:scenes}.stoyka-scene{padding-inline:var(--space-3);font-size:var(--type-small-size)}}.stoyka{view-transition-name:stoyka}::view-transition-new(stoyka){opacity:0;animation:none}@media print{.stoyka,.stoyka-scenes{display:none}}