.sfs{--service:var(--ink-2);--ok:var(--ok-ljus);--sensitive:var(--kanslig);--stopped:var(--stop);font-synthesis:none}.sfs .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sfs{width:100%;position:relative;container-type:inline-size}.sfs .stage{z-index:0;aspect-ratio:16/9;background:var(--paper);width:100%;position:relative;overflow:hidden}.sfs .stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sfs .labels{pointer-events:none;position:absolute;inset:0}.sfs .bar{pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:2cqw;padding:0 2.2cqw 2.2cqw;display:flex;position:absolute;bottom:0;left:auto;right:0}.sfs .bar .controls{pointer-events:auto}.sfs .bar{z-index:4}.sfs.vignette .hud,.sfs.vignette .caption,.sfs.vignette .bar,.sfs.vignette .labels{display:none!important}.sfs.vignette .stage,:is(.sfs html:has(.vignette),.sfs body:has(.vignette)){background:0 0}.sfs .caption{z-index:2;background:var(--white);width:34cqw;min-width:260px;box-shadow:var(--skugga-panel);padding:1.2cqw 1.4cqw 1.4cqw;position:absolute;bottom:2.2cqw;left:2.2cqw}.sfs .caption .eyebrow{display:none}.sfs .caption h2{font:500 clamp(16px,2cqw,28px)/1.15 var(--mono);letter-spacing:-.06em;margin:0 0 .5cqw}.sfs .caption p{font:400 clamp(14px,1.15cqw,16px)/1.5 var(--body);margin:0}.sfs .caption strong{font:500 clamp(14px,1.6cqw,22px)/1.25 var(--mono);letter-spacing:-.05em;margin-top:.8cqw;display:block}.sfs .controls{background:var(--paper);flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}.sfs .controls .prev:before{content:"‹"/""}.sfs .controls .next:before{content:"›"/""}.sfs .controls button{font:500 13px/1 var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px;padding:0 8px}.sfs .controls button:hover{background:var(--soft);color:var(--ink)}.sfs .controls button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sfs .dots{gap:0;display:flex}.sfs .dots button{background:0 0;min-width:24px;min-height:28px;padding:0;position:relative}.sfs .dots button:before{content:"";background:var(--dark-muted);width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sfs .dots button[aria-current=true]:before{background:var(--ink)}.sfs .hud{z-index:2;background:var(--white);width:26cqw;min-width:240px;box-shadow:var(--skugga-panel);font:400 clamp(12px,1cqw,14px)/1.35 var(--mono);padding:1.1cqw 1.2cqw 1.2cqw;transition:opacity .15s;position:absolute;top:2.2cqw;right:2.2cqw}.sfs .hud[hidden]{display:none}.sfs .hud .who{align-items:baseline;gap:.5em;font-size:1.1em;font-weight:600;display:flex}.sfs .hud .who .s{background:var(--ink);color:var(--paper);letter-spacing:-.06em;padding:0 .3em .1em}.sfs .hud .who small{color:var(--muted);font-size:.85em;font-weight:400}.sfs .hud .task{color:var(--muted);font-family:var(--body);margin:.25em 0 .8em}.sfs .hud .route{flex-wrap:wrap;align-items:center;gap:.3em;margin:0 0 .8em;padding:0;list-style:none;display:flex}.sfs .hud .route li{background:var(--paper);color:var(--muted);padding:.2em .5em}.sfs .hud .route li.done{background:var(--ok);color:var(--ink)}.sfs .hud .route li.now{background:var(--yellow);color:var(--ink);font-weight:600}.sfs .hud .route li.now.t{background:var(--verktyg)}.sfs .hud .route li.no{background:var(--stopped);color:var(--paper)}.sfs .hud .door{justify-content:space-between;margin:0 0 .4em;font-weight:600;display:flex}.sfs .hud .door small{color:var(--muted);font-weight:400}.sfs .hud .checks{gap:.3em;margin:0;padding:0;list-style:none;display:grid}.sfs .hud .checks li{background:var(--paper);color:var(--muted);grid-template-columns:1.5em 1fr auto;align-items:center;gap:.5em;padding:.3em .5em;display:grid}.sfs .hud .checks li .ic{text-align:center;font-weight:700}.sfs .hud .checks li .ic:before{content:"○"/""}.sfs .hud .checks li.ok .ic:before,.sfs .hud .checks li.warn .ic:before{content:"✓"/""}.sfs .hud .checks li.no .ic:before{content:"✕"/""}.sfs .hud .checks li.now .ic:before{content:"›"/""}.sfs .hud .checks li .val{font-weight:500}.sfs .hud .checks li.ok{background:var(--ok);color:var(--ink)}.sfs .hud .checks li.now{background:var(--yellow);color:var(--ink)}.sfs .hud .checks li.warn{background:var(--sensitive);color:var(--ink)}.sfs .hud .checks li.no{background:var(--stopped);color:var(--paper)}.sfs .hud .checks li.off{display:none}.sfs .lbl{font:400 clamp(11px,.95cqw,13px)/1.3 var(--mono);color:var(--ink);white-space:nowrap}.sfs .lbl small{color:var(--muted);font-weight:400;display:block}.sfs .tagbox{background:var(--white);padding:.35em .6em}.sfs .lbl-service{text-align:right}.sfs .lbl-service b{font-weight:600}.sfs .lbl-service .desc{color:var(--muted)}.sfs .lbl-service .s{background:var(--ink);color:var(--paper);letter-spacing:-.06em;margin-right:.4em;padding:0 .3em .1em;font-weight:600;display:inline-block}.sfs .lbl-door{background:var(--yellow);padding:.15em .5em;font-weight:600}.sfs .lbl-door-t{background:var(--verktyg)}.sfs .lbl-fork{background:var(--white);padding:.15em .5em;font-weight:600}.sfs .lbl-target{text-align:left;font-weight:600}.sfs .lbl-target .chip{margin-top:.25em;padding:.1em .45em;display:inline-block}.sfs .lbl-group{color:var(--paper);background:var(--service);padding:.15em .5em;font-weight:600}.sfs .chip:empty{display:none!important}.sfs .chip.ok{background:var(--ok)}.sfs .chip.stopped{background:var(--stopped);color:var(--paper)}.sfs .lbl-base{font-weight:600}.sfs .lbl-tenant{color:var(--muted);letter-spacing:.06em;font-weight:600}.sfs .lbl-stack{color:var(--paper);background:var(--ink);padding:.1em .4em;font-weight:600}.sfs .lbl-packet{background:var(--white);padding:.1em .45em;font-weight:500}.sfs .lbl-packet.sensitive{background:var(--sensitive)}.sfs .lbl-packet.stopped{background:var(--stopped);color:var(--paper)}.sfs .lbl-safe{text-align:left;font-weight:600}.sfs .lbl-bin{text-align:center;font-weight:600}.sfs .lbl-slots{color:var(--muted);letter-spacing:.02em;background:var(--paper);padding:.1em .4em;font-weight:600}.sfs .lbl-server{text-align:center;font-weight:600}.sfs .lbl-server .chip{margin-top:.2em;padding:.05em .4em;display:block}.sfs .lbl-door small{color:var(--ink);opacity:.8;font-size:.8em;font-weight:400;display:block}.sfs .lbl-service .st{text-align:center;margin-top:.25em;padding:.1em .45em;font-weight:600;display:block}.sfs .lbl-service .st:empty{display:none}.sfs .lbl-service .st.wait{background:var(--soft);color:var(--muted)}.sfs .lbl-service .st.ok{background:var(--ok);color:var(--ink)}.sfs .lbl-service .st.no{background:var(--stopped);color:var(--paper)}.sfs .lbl-service .st.wait i{font-style:normal;animation:1.2s infinite sfs-vantar}.sfs .lbl-service .st.wait i:nth-child(2){animation-delay:.2s}.sfs .lbl-service .st.wait i:nth-child(3){animation-delay:.4s}@keyframes sfs-vantar{0%,to{opacity:.2}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.sfs .lbl-service .st.wait i{animation:none}}.sfs .lbl-target .tag{background:var(--ink);color:var(--paper);padding:.15em .5em;font-weight:600;display:inline-block}.sfs .lbl-bin .chip{padding:.05em .4em;display:inline-block}.sfs .note{max-width:760px;color:var(--muted);margin-top:16px;font-size:14px}.sfs.no-webgl .stage{display:none}.sfs.no-webgl .bar{position:static}@container (width<=640px){.sfs .bar{flex-direction:column;align-items:stretch;padding:12px 0 0;position:static}.sfs .caption{width:auto;min-width:0;box-shadow:none;margin-top:8px;padding:10px;position:static}.sfs .caption h2{font-size:20px}.sfs .caption p{font-size:15px}.sfs .caption .eyebrow{font-size:13px}.sfs .controls{justify-content:space-between}.sfs .dots{justify-content:center;display:flex}.sfs .dots button{flex:0 0 24px}.sfs .controls button{flex:1}.sfs .stage{aspect-ratio:6/5}.sfs .lbl{font-size:12px}.sfs .lbl small,.sfs .lbl-service .desc,.sfs .lbl-tenant{display:none}.sfs .hud{width:auto;min-width:0;box-shadow:none;margin-top:8px;padding:8px;font-size:13px;position:static}.sfs .hud[hidden]{display:none}}.sfs .poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sfs.ready .poster{display:none}.sfs .sfs-starta{z-index:3;cursor:pointer;border:0;position:absolute;bottom:2.2cqw;left:2.2cqw}.sfs .sfs-starta[hidden],.sfs.ready .sfs-starta{display:none}.sfs .sfs-starta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}@container (width<=640px){.sfs .sfs-starta{gap:16px;min-height:48px;padding:12px 16px;bottom:12px;left:12px;right:12px}}.sfs:not(.ready) .caption,.sfs:not(.ready) .hud,.sfs:not(.ready) .bar,.sfs:not(.ready) .finale{display:none}.sfs-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.anim-section{padding-block:24px 72px}.anim-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.anim-head a{font:500 14px/1.4 var(--mono);letter-spacing:-.04em;align-items:center;min-height:44px;display:inline-flex}.anim-arrow:after{content:" →"/""}@media (max-width:760px){.anim-head{flex-direction:column;align-items:flex-start;gap:8px}}