.sb-grid{align-items:start;display:grid;gap:clamp(36px,5vw,80px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:clamp(34px,4vw,52px)}.sb-stick{position:sticky;top:calc(var(--header-offset,84px) + 28px)}.sb-stage{aspect-ratio:1/1;background:radial-gradient(circle at 50% 46%,rgba(90,45,145,.09),transparent 46%),var(--stone);border:1px solid rgba(60,95,172,.14);border-radius:20px;container-type:inline-size;margin:0 auto;max-width:520px;overflow:hidden;position:relative;width:100%;--fs:max(10.5px,3.1cqi);--ease2:cubic-bezier(.22,.61,.36,1)}.sb-gridbg{background-image:linear-gradient(rgba(38,66,149,.05) 1px,transparent 0),linear-gradient(90deg,rgba(38,66,149,.05) 1px,transparent 0);background-size:8cqi 8cqi;inset:0;position:absolute}.sb-stage *{transition:opacity .6s var(--ease2),transform .7s var(--ease2),background .6s,border-color .6s,color .6s}.sb-cap{color:var(--deep);font:800 15px/1.6em var(--head);height:1.6em;margin:16px auto 0;max-width:520px;position:relative;text-align:center}.sb-cap span{inset:0;opacity:0;position:absolute;transform:translateY(6px);transition:opacity .4s,transform .4s}.js-sb[data-step="1"] .sb-cap .c1,.js-sb[data-step="2"] .sb-cap .c2,.js-sb[data-step="3"] .sb-cap .c3,.js-sb[data-step="4"] .sb-cap .c4,.js-sb[data-step="5"] .sb-cap .c5{opacity:1;transform:none}.sb-where{border-radius:999px;font:700 var(--fs)/1 var(--mono);left:5cqi;letter-spacing:.1em;opacity:0;padding:.5em .8em;position:absolute;text-transform:uppercase;top:5cqi}.sb-where.w1{background:#fff;border:1px solid rgba(60,95,172,.25);color:var(--mid)}.sb-where.w2{background:var(--deep);color:#fff}.js-sb:not([data-step="1"]) .sb-where.w2,.js-sb[data-step="1"] .sb-where.w1{opacity:1}.sb-fleet{inset:0;position:absolute}.sb-srv{background:#fff;border:2px solid rgba(60,95,172,.3);border-radius:12px;box-shadow:0 24px 40px -30px rgba(0,24,68,.7);height:34%;left:30%;overflow:hidden;position:absolute;top:31%;width:40%}.sb-srv.c1,.sb-srv.c2,.sb-srv.c3{opacity:0}.sb-rack{display:flex;flex-direction:column;gap:9%;inset:12% 10%;position:absolute}.sb-rack i{background:var(--stone);border:1px solid rgba(60,95,172,.18);border-radius:4px;display:block;flex:1}.sb-leds{bottom:-2%;display:flex;gap:1.6cqi;position:absolute;right:4%}.sb-leds b{animation:sbBlink 1.4s steps(2) infinite;background:var(--orange);border-radius:50%;height:1.6cqi;width:1.6cqi}.sb-leds b+b{animation-delay:.7s;background:var(--neon)}.sb-face{color:#fff;display:flex;flex-direction:column;gap:.4em;inset:0;justify-content:center;opacity:0;padding:0 8cqi 0 7cqi;position:absolute}.sb-face svg{color:var(--neon);height:7cqi;width:7cqi}.sb-face b{font:800 max(12px,4.2cqi)/1.1 var(--head)}.sb-face small{color:var(--corn-lt);font:700 var(--fs)/1 var(--mono);letter-spacing:.08em}.sb-scan{background:var(--neon);box-shadow:0 0 12px rgba(97,212,195,.9);height:3px;left:0;opacity:0;right:0;top:0}.sb-ok,.sb-scan{position:absolute}.sb-ok{background:var(--neon);border-radius:50%;color:var(--deep);display:grid;height:7cqi;opacity:0;place-items:center;right:5%;top:8%;transform:scale(.4);width:7cqi}.sb-ok svg{height:62%;width:62%}.sb-tag{bottom:9%;height:max(22px,8cqi);left:8%;opacity:0;position:absolute;right:8%;transform:translateY(8px)}.sb-tag span{align-items:center;background:hsla(0,0%,100%,.16);border-radius:8px;color:#fff;display:flex;font:800 var(--fs)/1 var(--head);gap:.45em;inset:0;padding:0 .7em;position:absolute;white-space:nowrap}.sb-tag svg{color:var(--neon);flex:none;height:1.3em;width:1.3em}.sb-ebs{background:var(--neon);border-radius:6px;color:var(--deep);font:800 var(--fs)/1 var(--head);left:34%;padding:.6em 0;top:68%;transform:translateY(-10px);width:32%}.sb-ebs,.sb-rds{opacity:0;position:absolute;text-align:center}.sb-rds{align-items:center;background:#fff;border:1px solid rgba(60,95,172,.25);border-radius:12px;display:flex;flex-direction:column;gap:.3em;height:24%;justify-content:center;left:75%;top:38%;transform:translateX(12px);width:21%}.sb-rds i{background:linear-gradient(160deg,var(--purple),var(--deep));border-radius:50%/26%;height:6cqi;width:7cqi}.sb-rds b{color:var(--deep);font:800 var(--fs)/1.1 var(--head)}.sb-rds small{color:var(--mid);font:700 max(10.5px,2.5cqi)/1 var(--mono)}.sb-chip{background:#fff;border:1px solid rgba(60,95,172,.25);border-radius:999px;box-shadow:0 12px 24px -20px rgba(0,24,68,.6);color:var(--deep);font:800 var(--fs)/1 var(--head);opacity:0;padding:.55em .85em;position:absolute;transform:scale(.8)}.sb-chip.k1{left:5%;top:17%}.sb-chip.k2{right:5%;top:22%}.sb-chip.k3{left:9%;top:72%}.sb-traffic{height:16%;left:8%;opacity:0;position:absolute;right:8%;top:8%;width:84%}.sb-tline{fill:none;stroke:var(--spot);stroke-width:2.5;vector-effect:non-scaling-stroke}.sb-cursor{border-left:2px solid var(--orange);height:16%;left:8%;top:8%;width:0}.sb-cursor,.sb-shield{opacity:0;position:absolute}.sb-shield{height:62%;left:9%;top:26%;width:82%}.sb-shield svg{display:none}.sb-shield:before{background:rgba(97,212,195,.06);border:2px solid var(--purple);border-radius:14px;clip-path:inset(0 100% 0 0);content:"";inset:0;position:absolute;transition:clip-path 1.1s var(--ease2)}.sb-shield span{background:var(--purple);border-radius:999px;color:#fff;font:800 var(--fs)/1 var(--head);left:50%;padding:.5em .9em;position:absolute;top:0;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.sb-pulse{bottom:4%;height:8%;left:22%;opacity:0;position:absolute;right:22%;width:56%}.sb-pulse path{fill:none;stroke:var(--neon);stroke-dasharray:60 340;stroke-width:2.5;vector-effect:non-scaling-stroke}.js-sb[data-step="1"] .sb-chip{opacity:1;transform:none}.js-sb[data-step="1"] .sb-chip.k2{transition-delay:.15s}.js-sb[data-step="1"] .sb-chip.k3{transition-delay:.3s}.js-sb[data-step="1"] .sb-srv.main .sb-scan{animation:sbScan 2.4s ease-in-out infinite;opacity:1}.js-sb:not([data-step="1"]) .sb-srv{background:linear-gradient(150deg,var(--deep),var(--mid));border-color:transparent}.js-sb:not([data-step="1"]) .sb-rack{opacity:0}.js-sb:not([data-step="1"]) .sb-face{opacity:1}.js-sb[data-step="2"] .sb-ebs,.js-sb[data-step="3"] .sb-ebs{opacity:1;transform:none}.js-sb[data-step="2"] .sb-rds,.js-sb[data-step="3"] .sb-rds{opacity:1;transform:none;transition-delay:.2s}.js-sb[data-step="3"] .sb-face{justify-content:flex-start;padding-top:9%}.js-sb[data-step="3"] .sb-face small{opacity:0}.js-sb[data-step="3"] .sb-tag{opacity:1;transform:none}.js-sb[data-step="3"] .sb-tag .t1{animation:sbT1 5s step-end infinite}.js-sb[data-step="3"] .sb-tag .t2{animation:sbT2 5s step-end infinite}.js-sb[data-step="4"] .sb-srv,.js-sb[data-step="5"] .sb-srv{height:25%;width:34%}.js-sb[data-step="4"] .sb-srv.main,.js-sb[data-step="5"] .sb-srv.main{left:13%;top:31%}.js-sb[data-step="4"] .sb-srv.c1,.js-sb[data-step="5"] .sb-srv.c1{left:53%;opacity:1;top:31%}.js-sb[data-step="4"] .sb-srv.c2,.js-sb[data-step="5"] .sb-srv.c2{left:13%;top:61%}.js-sb[data-step="4"] .sb-srv.c3,.js-sb[data-step="5"] .sb-srv.c3{left:53%;top:61%}.js-sb[data-step="4"] .sb-face b,.js-sb[data-step="5"] .sb-face b{font-size:max(11px,3.2cqi)}.js-sb[data-step="4"] .sb-face small,.js-sb[data-step="5"] .sb-face small{display:none}.js-sb[data-step="4"] .sb-cursor,.js-sb[data-step="4"] .sb-traffic{opacity:1}.js-sb[data-step="4"] .sb-cursor{animation:sbCur 7s linear infinite}.js-sb[data-step="4"] .sb-srv.c2{animation:sbC2 7s linear infinite}.js-sb[data-step="4"] .sb-srv.c3{animation:sbC3 7s linear infinite}.js-sb[data-step="5"] .sb-shield,.js-sb[data-step="5"] .sb-srv.c2,.js-sb[data-step="5"] .sb-srv.c3{opacity:1}.js-sb[data-step="5"] .sb-shield:before{clip-path:inset(0 0 0 0)}.js-sb[data-step="5"] .sb-pulse{opacity:1}.js-sb[data-step="5"] .sb-pulse path{animation:sbPulse 2.2s linear infinite}.js-sb[data-step="5"] .sb-ok{animation:sbOk 8s var(--ease2) infinite}.js-sb[data-step="5"] .sb-srv.c1 .sb-ok{animation-delay:.6s}.js-sb[data-step="5"] .sb-srv.c2 .sb-ok{animation-delay:1.2s}.js-sb[data-step="5"] .sb-srv.c3 .sb-ok{animation-delay:1.8s}@keyframes sbBlink{50%{opacity:.25}}@keyframes sbScan{0%{top:0}50%{top:calc(100% - 3px)}to{top:0}}@keyframes sbT1{0%{opacity:1}50%{opacity:0}}@keyframes sbT2{0%{opacity:0}50%{opacity:1}}@keyframes sbCur{0%{left:8%}to{left:92%}}@keyframes sbC2{0%,18%{opacity:.18}22%,74%{opacity:1}78%,to{opacity:.18}}@keyframes sbC3{0%,30%{opacity:.18}34%,60%{opacity:1}64%,to{opacity:.18}}@keyframes sbPulse{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}@keyframes sbOk{0%,8%{opacity:0;transform:scale(.4)}14%,90%{opacity:1;transform:none}to{opacity:0;transform:scale(.4)}}.sb-stage b,.sb-stage small,.sb-stage span{hyphens:none;overflow-wrap:normal;word-break:normal}@container (max-width:300px){.sb-face{padding:0 4cqi}.sb-face small{display:none}.sb-face b{font-size:10.5px!important}.sb-face svg{height:6cqi;width:6cqi}.js-sb[data-step="3"] .sb-srv.main{left:12%;width:60%}.js-sb[data-step="3"] .sb-ebs{left:20%;width:44%}.js-sb[data-step="3"] .sb-face svg,.sb-tag svg{display:none}.sb-tag{left:4%;right:4%}.sb-rds i{display:none}.sb-rds{height:34%;top:33%}}.sb-hint{align-items:center;color:var(--mid);display:flex;font:600 .82rem/1.3 var(--body);gap:8px;margin:0 0 6px}.sb-hint svg{animation:sbNudge 1.8s ease-in-out infinite;height:15px;width:15px}@keyframes sbNudge{50%{transform:translateY(3px)}}.sb-steps{list-style:none;margin:0;padding:0;position:relative}.sb-steps:before{background:rgba(60,95,172,.16);bottom:24px;content:"";left:19px;position:absolute;top:24px;width:2px}.sb-step{display:flex;flex-direction:column;justify-content:flex-start;min-height:40vh;padding:18px 0 0 60px;position:relative}.sb-step:last-child{min-height:26vh}.sb-n{background:#fff;border:2px solid rgba(60,95,172,.25);border-radius:50%;color:var(--mid);display:grid;font:700 .8rem var(--mono);height:40px;left:0;place-items:center;position:absolute;top:14px;transition:background .35s,color .35s,border-color .35s,box-shadow .35s;width:40px}.sb-step.is-on .sb-n{background:var(--deep);border-color:var(--deep);box-shadow:0 0 0 6px rgba(38,66,149,.12);color:#fff}.sb-k{color:var(--mid);font:600 .75rem/1 var(--mono);letter-spacing:.14em;margin-top:8px;text-transform:uppercase}.sb .sb-step h3{color:var(--lt-mut);font:900 clamp(1.4rem,2.3vw,2rem)/1.15 var(--head);margin:10px 0 0;transition:color .35s}.sb .sb-step.is-on h3{color:var(--deep)}.sb-step p{color:var(--lt-mut);font-size:1.02rem;line-height:1.6;margin:12px 0 0;max-width:46ch}.sb-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}.sb-tags li{background:#fff;border:1px solid rgba(60,95,172,.22);border-radius:999px;color:var(--deep);font:700 .82rem/1.2 var(--head);padding:6px 12px}@media (max-width:899px){.sb-grid{gap:0;grid-template-columns:minmax(0,1fr)}.sb-stick{background:linear-gradient(180deg,var(--sfc-bg,#fff) 88%,transparent);padding:10px 0;top:calc(var(--header-offset,84px) + 6px);z-index:2}.stone .sb-stick{background:linear-gradient(180deg,var(--stone) 88%,transparent)}.sb-stage{border-radius:16px;width:min(100%,34vh,380px)}.sb-cap{display:none}.sb-step{min-height:46vh;padding-top:14px}.sb-step:last-child{min-height:24vh}}@media (prefers-reduced-motion:reduce){.sb-cap span,.sb-n,.sb-stage *,.sb-step h3{animation:none!important;transition:none!important}.sb-hint svg{animation:none}.js-sb[data-step="3"] .sb-tag .t2{opacity:0}.js-sb[data-step="4"] .sb-srv.c2{opacity:1}.js-sb[data-step="5"] .sb-ok{opacity:1;transform:none}}