.sb{color:#e8ecff;background:#070b1d;overflow-x:clip}.sb h1,.sb h2{color:#fff}.sb-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#8ea0ff;font-size:.8rem;font-weight:600}.sb-intro{text-align:center;background:radial-gradient(40rem 26rem at 50% 30%,#7c4dff47,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:70svh;padding:6rem 1.25rem 2rem;display:flex}.sb-intro h1{background:linear-gradient(120deg,#fff 30%,#b9a8ff 65%,#5ef0c4);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:14ch;margin-top:1rem;font-size:clamp(2.4rem,7vw,5rem);font-weight:800;line-height:1.03}.sb-lead{color:#b8c0e6;max-width:42rem;margin-top:1.5rem;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.sb-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:2.5rem;max-width:72rem;min-height:min(100svh,52rem);margin:0 auto;padding:3rem 2rem 4rem;display:grid}.sb-steps{display:grid}.sb-step{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .18s,transform .18s,visibility 0s linear .18s;transform:translateY(10px)}.sb-step h2{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;line-height:1.1}.sb-step p{color:#b8c0e6;max-width:30rem;margin-top:1rem;font-size:1.08rem;line-height:1.6}[data-step="0"] .sb-step[data-i="0"],[data-step="1"] .sb-step[data-i="1"],[data-step="2"] .sb-step[data-i="2"],[data-step="3"] .sb-step[data-i="3"]{opacity:1;visibility:visible;transition:opacity .3s .2s,transform .35s .2s,visibility 0s linear .18s;transform:none}.sb-nav{align-items:center;gap:1rem;min-height:44px;margin-top:1.5rem;display:flex}.sb-dots{margin-left:-6px;display:flex}.sb-dots button{cursor:pointer;background:0 0;border:0;padding:12px 6px}.sb-dots i{background:#2a3157;border-radius:4px;width:28px;height:4px;transition:background .4s,width .4s;display:block}[data-step="0"] .sb-dots [data-i="0"] i,[data-step="1"] .sb-dots [data-i="1"] i,[data-step="2"] .sb-dots [data-i="2"] i,[data-step="3"] .sb-dots [data-i="3"] i{background:#8ea0ff;width:44px}.sb-replay{color:#cdd5ff;cursor:pointer;background:#141a3ce6;border:1px solid #3a4580;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.sb-replay[hidden]{display:none}.sb-visual{--w:min(560px,100%);width:var(--w);aspect-ratio:1/1.08;background:linear-gradient(#0d1230,#0a0e24);border:1px solid #1f2650;border-radius:1.5rem;margin:0 auto;transition:background .8s,border-color .8s;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.sb-track:is([data-step="0"],[data-step="1"]) .sb-visual{background:linear-gradient(#1d1020,#120c1c);border-color:#4a2433}.sb-tag{letter-spacing:.06em;text-transform:uppercase;z-index:6;border-radius:999px;padding:.25rem .7rem;font-size:clamp(.62rem,1.6vw,.8rem);font-weight:800;transition:opacity .5s;position:absolute;top:3%;left:4%}.sb-tag-asis{color:#ff8f8f;background:#ff6b6b26;border:1px solid #ff6b6b73}.sb-tag-tobe{color:#5ef0c4;opacity:0;background:#34d3a626;border:1px solid #34d3a680}.sb-track:is([data-step="2"],[data-step="3"]) .sb-tag-asis{opacity:0}.sb-track:is([data-step="2"],[data-step="3"]) .sb-tag-tobe{opacity:1}.sb-lines{z-index:1;width:100%;height:100%;position:absolute;inset:0}.sb-lines path{fill:none;stroke-width:2px;stroke-dasharray:6 6;transition:opacity .6s}.sb-la{stroke:#ffb35c;opacity:.75;animation:2.4s linear infinite sbDash}.sb-lt{stroke:#b9a3ff;opacity:0;filter:drop-shadow(0 0 3px #8c6bff);animation:1s linear infinite sbDash}.sb-track:is([data-step="2"],[data-step="3"]) .sb-la{opacity:0}.sb-track:is([data-step="2"],[data-step="3"]) .sb-lt{opacity:.95}@keyframes sbDash{to{stroke-dashoffset:-24px}}.sb-band{z-index:6;height:0;position:absolute;left:0;right:0}.sb-band:before{content:"";height:0;position:absolute;top:-6.5%;left:3%;right:3%}.sb-band-name{letter-spacing:.14em;text-transform:uppercase;color:#8d96c8;white-space:nowrap;background:#0c1130;border-radius:.4em;margin-left:-.45em;padding:.1em .45em;font-size:clamp(.55rem,1.5vw,.7rem);font-weight:800;position:absolute;top:-3.1em;left:4%}.sb-chip{white-space:nowrap;color:#0b1020;border-radius:.6rem;padding:.3rem .55rem;font-size:clamp(.56rem,1.55vw,.8rem);font-weight:700;transition:filter .6s,box-shadow .6s;position:absolute;top:0;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000059}.sb-b0 .sb-chip{background:#9fd0ff}.sb-b1 .sb-chip{background:#7af2cf}.sb-b2 .sb-chip{background:#ffd38a}.sb-track:is([data-step="0"],[data-step="1"]) .sb-chip{filter:saturate(.55)brightness(.9)}.sb-track:is([data-step="0"],[data-step="1"]) .sb-band-name{background:#1a0f1e}.sb-track:is([data-step="2"],[data-step="3"]) .sb-chip{box-shadow:0 0 0 2px #b9a3ff59,0 6px 22px #7c4dff59}.sb-hub{z-index:5;color:#ff8f8f;border:1.5px dashed #ff8f8f59;border-radius:999px;place-items:center;height:clamp(1.7rem,6vw,2.6rem);font-size:clamp(.6rem,1.6vw,.8rem);font-weight:700;transition:all .7s cubic-bezier(.2,.9,.25,1.1);display:grid;position:absolute;left:6%;right:6%;transform:translateY(-50%)}.sb-hub>span{white-space:nowrap;grid-area:1/1;transition:opacity .5s}.sb-hub-on{opacity:0;color:#fff;letter-spacing:.04em;font-size:clamp(.72rem,1.9vw,1rem);font-weight:800}.sb-track:is([data-step="2"],[data-step="3"]) .sb-hub{background:linear-gradient(90deg,#3b50f0,#7c4dff 55%,#34d3a6);border:0;box-shadow:0 0 30px #7c4dff99,0 0 70px #34d3a633}.sb-track:is([data-step="2"],[data-step="3"]) .sb-hub-on{opacity:1}.sb-track:is([data-step="2"],[data-step="3"]) .sb-hub-off{opacity:0}.sb-walker{z-index:4;pointer-events:none;will-change:left,top;width:7%;transition:opacity .5s;position:absolute;top:0;left:0;transform:translate(-50%,-80%)}.sb-walker svg{filter:drop-shadow(0 3px 4px #00000080);width:100%;height:auto;display:block}.sb-robot{opacity:0;width:6.5%}.sb-track:is([data-step="2"],[data-step="3"]) .sb-human{opacity:0}.sb-track:is([data-step="2"],[data-step="3"]) .sb-robot{opacity:1}.sb-pain{z-index:5;opacity:0;color:#fff;white-space:nowrap;transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.25,1.5);transition-delay:calc(var(--i) * .35s);background:#ff6b6b;border-radius:.5rem;padding:.2rem .5rem;font-size:clamp(.55rem,1.4vw,.72rem);font-weight:800;position:absolute;transform:translate(-50%,-50%)scale(.6)}.sb-track[data-step="1"] .sb-pain{opacity:1;animation:1.6s ease-in-out infinite sbShake;animation-delay:calc(var(--i) * .3s);transform:translate(-50%,-50%)scale(1)}@keyframes sbShake{0%,80%,to{rotate:0deg}85%{rotate:-5deg}90%{rotate:5deg}}.sb-approve{z-index:6;opacity:0;align-items:center;gap:.35rem;margin-left:calc(-1*clamp(3.5rem,14vw,5rem));transition:opacity .5s .4s,transform .5s .4s;display:flex;position:absolute;bottom:2%;left:50%;transform:translateY(8px)}.sb-approve-fig{width:clamp(16px,4vw,26px)}.sb-approve-fig svg{width:100%;height:auto;display:block}.sb-approve b{color:#0b1020;white-space:nowrap;background:#fff;border-radius:999px;padding:.25rem .6rem;font-size:clamp(.6rem,1.6vw,.78rem);font-weight:800}.sb-track[data-step="2"] .sb-approve{opacity:1;transform:none}.sb-metrics{z-index:8;opacity:0;visibility:hidden;grid-template-columns:1fr 1fr;gap:3%;transition:opacity .4s,visibility 0s .4s;display:grid;position:absolute;inset:12% 5% 6%}.sb-track[data-step="3"] .sb-metrics{opacity:1;visibility:visible;transition:opacity .4s .2s,visibility}.sb-track[data-step="3"] :is(.sb-lines,.sb-band,.sb-hub,.sb-walker){filter:blur(2px);opacity:.35}.sb-metric{opacity:0;transition:transform .5s cubic-bezier(.2,.9,.25,1.3),opacity .4s;transition-delay:calc(var(--i) * .15s + .2s);background:#0c1028eb;border:1px solid #2c3570;border-radius:1rem;flex-direction:column;justify-content:center;gap:10%;padding:8% 9%;display:flex;transform:translateY(14px)scale(.96)}.sb-track[data-step="3"] .sb-metric{opacity:1;transform:none}.sb-metric-h{justify-content:space-between;align-items:center;display:flex}.sb-metric-h b{color:#fff;font-size:clamp(.8rem,2.4vw,1.15rem);font-weight:800}.sb-arrow{color:#5ef0c4;background:#34d3a62e;border-radius:50%;place-items:center;width:1.7em;height:1.7em;font-size:clamp(.8rem,2.2vw,1.1rem);font-weight:900;display:grid}.sb-bar{color:#9aa3cf;grid-template-columns:auto 1fr;align-items:center;gap:.5em;font-size:clamp(.55rem,1.4vw,.72rem);display:grid}.sb-bar em{width:6.5em;font-style:normal}.sb-bar i{width:0;height:.6em;transition:width 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .15s + .5s);border-radius:999px;display:block}.sb-bar i.a{background:#ff8f8f}.sb-bar i.b{background:linear-gradient(90deg,#7c4dff,#34d3a6)}.sb-track[data-step="3"] .sb-bar i.a.up{width:35%}.sb-track[data-step="3"] .sb-bar i.b.up{width:92%}.sb-track[data-step="3"] .sb-bar i.a.down{width:85%}.sb-track[data-step="3"] .sb-bar i.b.down{width:25%}.sb-cta{text-align:center;background:radial-gradient(40rem 22rem at 50% 0,#7c4dff59,#0000 70%);padding:7rem 1.25rem 8rem;position:relative}.sb-cta h2{max-width:18ch;margin:1rem auto 0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.08}.sb-cta p:not(.sb-eyebrow){color:#b8c0e6;max-width:36rem;margin:1.25rem auto 2.25rem;font-size:1.1rem;line-height:1.6}.sb-badge{color:#ffd666;background:#ffd6661a;border:1px solid #ffd66680;border-radius:999px;margin-bottom:1.25rem;padding:.4rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}@media (width<=767px){.sb-stage{grid-template-columns:1fr;gap:1.25rem;min-height:0;padding:1rem 1rem 4rem}.sb-visual{--w:min(100%, 30rem);order:-1}.sb-chip{border-radius:.45rem;padding:.22rem .36rem}.sb-step p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.sb *,.sb :before,.sb :after{animation:none!important}.sb *,.sb-step{transition-property:opacity,visibility!important;transition-duration:.3s!important}.sb-step,.sb-metric,.sb-pain{transform:none!important}}