@keyframes cb-wobble{0%,76%,100%{transform: rotate(0) scale(1)}80%{transform: rotate(-6deg) scale(1.08)}84%{transform: rotate(5deg) scale(1.08)}88%{transform: rotate(-3deg) scale(1.04)}92%{transform: rotate(2deg) scale(1.02)}96%{transform: rotate(-1deg) scale(1)}}@keyframes cb-steam{0%{opacity: 0;transform: translateY(6px) scaleY(.7)}30%{opacity: .55}100%{opacity: 0;transform: translateY(-16px) scaleY(1.15)}}@keyframes cb-twinkle{0%,82%,100%{opacity: 0;transform: scale(.3) rotate(0deg)}88%{opacity: .9;transform: scale(1) rotate(45deg)}94%{opacity: 0;transform: scale(.4) rotate(90deg)}}@keyframes cb-eyes{0%,18%{transform: translate(-1.3px,0)}24%,46%{transform: translate(1.2px,.3px)}52%,64%{transform: translate(-.4px,-.3px)}70%,92%{transform: translate(1.3px,0)}100%{transform: translate(-1.3px,0)}}@keyframes cb-blink{0%,90%,100%{transform: scaleY(0)}94%{transform: scaleY(1)}}@keyframes cb-sweat{0%{opacity: 0;transform: translateY(-2px) scale(.5)}14%{opacity: .95;transform: translateY(0) scale(1)}78%{opacity: .9;transform: translateY(13px) scale(1)}100%{opacity: 0;transform: translateY(17px) scale(.9)}}@keyframes cb-ring{0%{opacity: 0}6%{opacity: 1}14%{opacity: .25}22%{opacity: 1}30%{opacity: .25}38%{opacity: 1}48%,100%{opacity: 0}}@keyframes cb-ord{from{transform: translateX(0)}to{transform: translateX(max(calc(100% + 300px),var(--cb-ord-run,0px)))}}.cb-ba{position: relative;overflow: hidden;padding: 96px 60px;background: var(--cb-white);color: var(--cb-text)}.cb-ba__sprite{position: absolute;width: 0;height: 0;overflow: hidden}.cb-ba__head{position: relative;z-index: 2;max-width: 880px;margin: 0 auto 44px;text-align: center}.cb-ba__badge-wrap{display: inline-block;transform-origin: 50% 100%;animation: cb-wobble 5s ease-in-out 1.2s infinite}.cb-ba__badge{display: inline-flex;transform: skewX(-25deg);border-radius: 4px;background: var(--cb-tint);border: 1px solid var(--cb-border);color: var(--cb-blue-deep)}.cb-ba__badge > span{display: block;transform: skewX(25deg);padding: 7px 20px;font-size: 14px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase}.cb-ba__title{margin: 20px 0 16px;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 40px;line-height: 1.16;letter-spacing: -.02em;color: var(--cb-text);text-transform: none;text-wrap: pretty}.cb-ba__lead{margin: 0;font-size: 18px;line-height: 1.65;color: var(--cb-text-muted);text-wrap: pretty}.cb-ba__stage{position: relative;max-width: 1320px;margin: 0 auto}.cb-ba__shape{position: absolute;z-index: 0;top: 6px;left: -60px;right: -60px;height: 215px;pointer-events: none}.cb-ba__shape > span:first-child{position: absolute;inset: 0 0 34px;background: var(--cb-tint);clip-path: polygon(0 0,100% 0,60% 100%,40% 100%)}.cb-ba__shape > span:last-child{position: absolute;left: 40%;right: 40%;bottom: 0;height: 60px;background: var(--cb-tint);border-radius: 0 0 26px 26px}.cb-ba__tabs{position: relative;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;padding-top: 34px;margin-bottom: 28px}.cb-ba__tab{display: inline-flex;margin: 0;padding: 0;transform: skewX(-25deg);border-radius: 4px;border: 2px solid var(--cb-blue);background: transparent;color: var(--cb-blue-deep);font: inherit;cursor: pointer;transition: background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.cb-ba__tab > span{display: block;transform: skewX(25deg);padding: 14px 32px;font-family: 'Onest',system-ui,sans-serif;font-size: 17px;font-weight: 700}.cb-ba__tab:hover,.cb-ba__tab:focus-visible{box-shadow: 0 5px 10px #8cb7cb}.cb-ba__tab.is-active{border-color: transparent;background: var(--cb-grad-blue);color: var(--cb-white)}.cb-ba__box{--cb-ba-pos: 100;position: relative;z-index: 1;width: 1000px;max-width: 100%;margin: 0 auto;aspect-ratio: 1036 / 639;overflow: hidden;border-radius: 6px;border: 1px solid var(--cb-border);background: #f2f7fb;cursor: ew-resize;touch-action: pan-y;user-select: none;-webkit-user-select: none}.cb-ba__box:focus-visible{outline: 3px solid var(--cb-blue);outline-offset: 3px}.cb-ba__img{position: absolute;inset: 0;display: block;width: 100%;height: 100%;max-width: none;object-fit: cover;pointer-events: none}.cb-ba__before{position: absolute;inset: 0;pointer-events: none;clip-path: inset(0 calc((100 - var(--cb-ba-pos)) * 1%) 0 0)}.cb-ba__divider{position: absolute;inset: 0;pointer-events: none;transform: translateX(calc(var(--cb-ba-pos) * 1%))}.cb-ba__box.is-smooth .cb-ba__before{transition: clip-path .45s cubic-bezier(.4,0,.2,1)}.cb-ba__box.is-smooth .cb-ba__divider{transition: transform .45s cubic-bezier(.4,0,.2,1)}.cb-ba__line{position: absolute;top: 0;bottom: 0;left: 0;width: 2px;margin-left: -1px;background: var(--cb-blue)}.cb-ba__handle{position: absolute;top: 50%;left: 0;width: 62px;height: 48px;margin: -24px 0 0 -31px;display: flex;align-items: center;justify-content: center;transform: skewX(-25deg);border-radius: 4px;background: var(--cb-grad-blue);box-shadow: 0 5px 14px rgba(12,21,36,.22);color: var(--cb-white)}.cb-ba__handle > span{display: flex;align-items: center;gap: 8px;transform: skewX(25deg)}.cb-ba__arrow-left{transform: rotate(180deg)}.cb-ba__steam{position: absolute;left: 58.2%;top: 52.3%;width: 3.9%;height: auto;overflow: visible;pointer-events: none}.cb-ba__steam path{fill: none;stroke: #9fb0c2;stroke-width: 2.2;stroke-linecap: round;transform-box: fill-box;transform-origin: 50% 100%;opacity: 0;animation: cb-steam 3.6s ease-out infinite}.cb-ba__steam path:nth-child(2){animation-delay: 1.2s}.cb-ba__steam path:nth-child(3){animation-delay: 2.4s}.cb-ba__twinkle{position: absolute;left: 61.05%;top: 50.2%;width: 14px;height: 14px;margin: -7px 0 0 -7px;overflow: visible;pointer-events: none;opacity: 0;animation: cb-twinkle 5s ease-in-out 1.5s infinite}.cb-ba__twinkle path{fill: #fff;filter: drop-shadow(0 0 2px rgba(211,236,248,.95))}.cb-ba__orders{position: absolute;left: 0;right: 0;top: 3.5%;height: 46px;overflow: hidden;pointer-events: none;-webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-image: linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);--cb-ord-dur: 20s;--cb-ord-run: 0px}.cb-ba__order{position: absolute;left: 0;top: 0;width: 100%;height: 100%;will-change: transform;animation: cb-ord var(--cb-ord-dur) linear infinite}.cb-ba__order:nth-child(2){animation-delay: calc(var(--cb-ord-dur) * -.25)}.cb-ba__order:nth-child(3){animation-delay: calc(var(--cb-ord-dur) * -.5)}.cb-ba__order:nth-child(4){animation-delay: calc(var(--cb-ord-dur) * -.75)}.cb-ba__pill{position: absolute;right: 100%;top: 3px;display: flex;align-items: center;gap: 9px;padding: 6px 14px 6px 6px;white-space: nowrap;background: #fff;border: 1px solid #d3ecf8;border-radius: 12px;box-shadow: 0 6px 16px rgba(17,96,131,.12);font-size: 13px;font-weight: 600;line-height: 1.3;color: var(--cb-text)}.cb-ba__pill-ic{flex: none;display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 8px;background: #e8f5fc}.cb-ba__pill-ic svg{display: block;width: 15px;height: 15px;fill: none;stroke: #116083;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.cb-ba__ring,.cb-ba__face{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none}.cb-ba__ring path{fill: none;stroke: #e5484d;stroke-width: 2.4;stroke-linecap: round;opacity: 0;animation: cb-ring 1.8s ease-out infinite}.cb-ba__ring .cb-ba__ring-2{animation-delay: .1s}.cb-ba__ring .cb-ba__ring-3{animation-delay: .05s}.cb-ba__eye{fill: #fff;stroke: #2c2f32;stroke-width: .7}.cb-ba__pupil{fill: #2c2f32;animation: cb-eyes 2.4s ease-in-out infinite}.cb-ba__lid{fill: #ecc4ad;transform-box: fill-box;transform-origin: 50% 0;transform: scaleY(0);animation: cb-blink 3.8s ease-in-out 1s infinite}.cb-ba__drop{fill: #cfe9f7;stroke: #8fc3de;stroke-width: .5;transform-box: fill-box;transform-origin: 50% 50%;opacity: 0;animation: cb-sweat 2.8s ease-in .3s infinite}.cb-ba__drop-2{animation-delay: 1.7s}.cb-ba__drop-3{animation-delay: 2.5s}.cb-ba__bubbles{position: absolute;inset: 0;overflow: hidden;pointer-events: none}.cb-ba__slot{position: absolute;inset: 0;pointer-events: none}.cb-ba__bubble{position: absolute;left: 0;top: 0;display: flex;align-items: center;gap: 8px;max-width: 240px;padding: 7px 12px 7px 7px;opacity: 0;background: #fff;border-radius: 14px 14px 14px 4px;box-shadow: 0 8px 22px rgba(3,8,16,.35);font-size: 13px;font-weight: 600;line-height: 1.3;color: var(--cb-text);will-change: transform,opacity}.cb-ba__bubble-ic{flex: none;display: block;width: 22px;height: 22px}.cb-ba.is-paused .cb-ba__badge-wrap,.cb-ba.is-paused .cb-ba__steam path,.cb-ba.is-paused .cb-ba__twinkle,.cb-ba.is-paused .cb-ba__order,.cb-ba.is-paused .cb-ba__ring path,.cb-ba.is-paused .cb-ba__pupil,.cb-ba.is-paused .cb-ba__lid,.cb-ba.is-paused .cb-ba__drop{animation-play-state: paused}@media (max-width: 1100px){.cb-ba{padding: 72px 32px}.cb-ba__orders{--cb-ord-run: 1180px;--cb-ord-dur: 22s}.cb-ba__title{font-size: 34px}}@media (max-width: 600px){.cb-ba{padding: 56px 20px}.cb-ba__title{font-size: 27px}.cb-ba__lead{font-size: 16px}.cb-ba__tabs{gap: 10px;padding-top: 18px;margin-bottom: 18px}.cb-ba__tab > span{padding: 10px 16px;font-size: 14px}.cb-ba__bubble{gap: 5px;max-width: 150px;padding: 4px 8px 4px 4px;font-size: 10.5px}.cb-ba__bubble-ic{width: 15px;height: 15px}.cb-ba__pill{gap: 5px;padding: 4px 9px 4px 4px;font-size: 10px}.cb-ba__pill-ic{width: 18px;height: 18px}.cb-ba__pill-ic svg{width: 11px;height: 11px}.cb-ba__orders{--cb-ord-run: 920px;--cb-ord-dur: 27s}}@media (prefers-reduced-motion: reduce){.cb-ba__badge-wrap,.cb-ba__steam path,.cb-ba__twinkle,.cb-ba__order,.cb-ba__ring path,.cb-ba__pupil,.cb-ba__lid,.cb-ba__drop{animation: none}.cb-ba__order:nth-child(1){transform: translateX(calc(.3 * max(calc(100% + 300px),var(--cb-ord-run,0px))))}.cb-ba__order:nth-child(2){transform: translateX(calc(.56 * max(calc(100% + 300px),var(--cb-ord-run,0px))))}.cb-ba__order:nth-child(3){transform: translateX(calc(.82 * max(calc(100% + 300px),var(--cb-ord-run,0px))))}.cb-ba__order:nth-child(4){display: none}.cb-ba__box.is-smooth .cb-ba__before,.cb-ba__box.is-smooth .cb-ba__divider,.cb-ba__tab{transition: none}}@keyframes cb-like{0%,62%,100%{transform: rotate(0) scale(1)}70%{transform: rotate(-9deg) scale(1.07)}80%{transform: rotate(4deg) scale(1.03)}90%{transform: rotate(-2deg) scale(1.01)}}@keyframes cb-like-spark{0%,62%{opacity: 0;transform: scale(.7)}74%{opacity: 1;transform: scale(1)}100%{opacity: 0;transform: scale(1.25)}}@keyframes cb-ray{0%{background-position: 100% 0}18%,100%{background-position: 0% 0}}.cb-why{position: relative;overflow: hidden;padding: 54px 60px;background: linear-gradient(115deg,#0c1524 0%,#122135 46%,#116083 100%);color: var(--cb-white)}.cb-why__photo{position: absolute;top: 0;bottom: 0;right: 0;width: 46%;overflow: hidden;clip-path: polygon(30% 0,100% 0,100% 100%,0 100%)}.cb-why__photo img{display: block;width: 100%;height: 100%;max-width: none;object-fit: cover}.cb-why__photo::after{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,#0c1524 0%,rgba(12,21,36,.9) 34%,rgba(13,48,74,.85) 72%,rgba(17,96,131,.8) 100%);opacity: .45}.cb-why__head{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 30px;text-align: left}.cb-why__edit{position: absolute;top: 0;right: 0;z-index: 2;color: #d3ecf8}.cb-why__badge{display: inline-flex;transform: skewX(-25deg);border-radius: 4px;background: rgba(33,160,218,.16);border: 1px solid rgba(33,160,218,.34);color: #d3ecf8}.cb-why__badge > span{display: block;transform: skewX(25deg);padding: 7px 20px;font-size: 14px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase}.cb-why__title{margin: 20px 0 0;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 38px;line-height: 1.2;letter-spacing: -.02em;text-transform: none;text-wrap: pretty;color: var(--cb-white)}.cb-why__rule{width: 130px;height: 2px;margin-top: 18px;background: linear-gradient(90deg,#21a0da 0%,#116083 100%)}.cb-why__lead{max-width: 720px;margin: 18px 0 0;font-size: 17px;line-height: 1.6;color: #9db2c6}.cb-why__like{display: inline-block;margin-left: 8px;vertical-align: -6px;overflow: visible;transform-origin: 52% 70%;animation: cb-like 3.2s cubic-bezier(.4,0,.2,1) infinite}.cb-why__like path{stroke: #19cbbf;stroke-width: 6;stroke-linejoin: round}.cb-why__like-spark{transform-origin: 60px 34px;animation: cb-like-spark 3.2s cubic-bezier(.4,0,.2,1) infinite}.cb-why__like-spark path{stroke-linecap: round}.cb-why__grid{position: relative;z-index: 1;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 44px}.cb-why__item{position: relative;display: flex;flex-direction: column;gap: 12px}.cb-why__icon{display: block;width: 82px;height: 82px}.cb-why__value{display: inline-block;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 44px;line-height: 1;color: var(--cb-white);background: linear-gradient(100deg,#fff 0%,#fff 40%,#8ee6ff 47%,#fff 50%,#8ee6ff 53%,#fff 60%,#fff 100%);background-size: 300% 100%;background-position: 100% 0;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;animation: cb-ray 6s ease-in-out 1s infinite}.cb-why__item:nth-child(2) .cb-why__value{animation-delay: 1.35s}.cb-why__item:nth-child(3) .cb-why__value{animation-delay: 1.7s}.cb-why__label{margin-top: 10px;font-size: 16px;font-weight: 700;letter-spacing: .02em;color: #d3ecf8}.cb-why__desc{margin: 0;font-size: 16px;line-height: 1.6;color: #9db2c6}@media (max-width: 1100px){.cb-why{padding: 72px 32px}.cb-why__title{font-size: 34px}.cb-why__grid{gap: 24px}}@media (max-width: 600px){.cb-why{padding: 56px 20px}.cb-why__title{font-size: 27px}.cb-why__grid{grid-template-columns: minmax(0,1fr);gap: 36px}.cb-why__photo{width: 100%;clip-path: none;opacity: .35}}@media (prefers-reduced-motion: reduce){.cb-why__like,.cb-why__like-spark,.cb-why__value{animation: none}.cb-why__like-spark{opacity: 0}}@keyframes cb-fn-progress{from{transform: scaleX(0)}to{transform: scaleX(1)}}@keyframes cb-fn-in{from{opacity: 0}to{opacity: 1}}.cb-fn{position: relative;overflow: hidden;padding: 76px 60px;background: var(--cb-white);border-top: 1px solid var(--cb-border);border-bottom: 1px solid var(--cb-border);color: var(--cb-text)}.cb-fn__inner{max-width: 1320px;margin: 0 auto}.cb-fn__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 40px;margin-bottom: 32px}.cb-fn__heading{display: flex;flex-direction: column;max-width: 720px}.cb-fn__title{margin: 0;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 38px;line-height: 1.2;letter-spacing: -.02em;text-transform: none;text-wrap: pretty;color: var(--cb-text)}.cb-fn__rule{width: 130px;height: 2px;margin-top: 18px;background: linear-gradient(90deg,#21a0da 0%,#116083 100%)}.cb-fn__demo{font-size: 16px;font-weight: 600;white-space: nowrap;text-decoration: none;color: var(--cb-blue-deep);transition: color .2s ease}.cb-fn__demo span{display: inline-block;transition: transform .2s ease}.cb-fn__demo:hover,.cb-fn__demo:focus-visible{text-decoration: none;color: var(--cb-blue)}.cb-fn__demo:hover span{transform: translateX(3px)}.cb-fn__grid{display: grid;grid-template-columns: clamp(300px,30.3%,400px) minmax(0,1fr);gap: 40px;align-items: start}.cb-fn__list{display: flex;flex-direction: column;gap: 8px;min-width: 0;margin-top: 100px}.cb-fn__tab{display: grid;grid-template-columns: 32px minmax(0,1fr);gap: 14px;align-items: center;width: 100%;margin: 0;padding: 15px 18px;border: 1px solid var(--cb-border);border-radius: 12px;background: transparent;box-shadow: none;font: inherit;text-align: left;color: var(--cb-text-muted);cursor: pointer;transition: background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.cb-fn__tab:hover{border-color: var(--cb-blue)}.cb-fn__tab:focus-visible{outline: 2px solid var(--cb-blue);outline-offset: 2px}.cb-fn__tab.is-active{border-color: var(--cb-blue);background: var(--cb-white);box-shadow: 0 12px 30px rgba(12,21,36,.10);color: var(--cb-text)}.cb-fn__num{font-family: 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 14px;color: var(--cb-text-muted)}.cb-fn__tab.is-active .cb-fn__num{color: var(--cb-blue-deep)}.cb-fn__name{font-size: 18px;font-weight: 700;line-height: 1.3}.cb-fn__main{display: flex;flex-direction: column;gap: 18px;min-width: 0}.cb-fn__descs{display: grid;align-items: end;min-height: 64px;padding-top: 16px}.cb-fn__desc{grid-area: 1 / 1;max-width: 900px;margin: 0;font-size: 16px;line-height: 1.6;color: var(--cb-text-muted);visibility: hidden}.cb-fn__desc.is-active{visibility: visible}.cb-fn__desc p,.cb-fn__desc ul,.cb-fn__desc ol{margin: 0 0 .5em}.cb-fn__desc > :last-child{margin-bottom: 0}.cb-fn__frame{overflow: hidden;border: 2px solid var(--cb-border);border-radius: 6px;background: var(--cb-white)}.cb-fn__shot{position: relative;display: block;width: 100%;aspect-ratio: 876 / 472;margin: 0;padding: 0;overflow: hidden;border: 0;background: var(--cb-white);font: inherit;cursor: zoom-in}.cb-fn__shot:focus-visible{outline: 2px solid var(--cb-blue);outline-offset: -4px}.cb-fn__img{position: absolute;top: 0;left: 0;display: none;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: top left}.cb-fn__img.is-armed{display: block;opacity: 0}.cb-fn__img.is-leaving{display: block;z-index: 0}.cb-fn__img.is-active{display: block;z-index: 1;opacity: 1}.cb-fn__img.is-entering{animation: cb-fn-in .4s ease}.cb-fn__zoom{position: absolute;z-index: 2;top: 16px;right: 16px;display: flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: 999px;background: rgba(12,21,36,.7);font-size: 14px;font-weight: 600;line-height: 1.2;color: var(--cb-white);pointer-events: none}.cb-fn.is-no-zoom .cb-fn__shot{cursor: default}.cb-fn.is-no-zoom .cb-fn__zoom{display: none}.cb-fn__bar{height: 3px;overflow: hidden;background: var(--cb-border)}.cb-fn__bar-fill{height: 100%;background: #1c283d;transform: scaleX(0);transform-origin: 0 50%}.cb-fn__bar-fill.is-running{animation: cb-fn-progress 5.5s linear forwards}@media (hover: hover){.cb-fn:hover .cb-fn__bar-fill{animation-play-state: paused}}.cb-fn:has(:focus-visible) .cb-fn__bar-fill{animation-play-state: paused}.cb-fn__lb{position: fixed;inset: 0;width: 100%;height: 100%;max-width: none;max-height: none;margin: 0;padding: 60px;border: 0;background: rgba(12,21,36,.86);font-family: 'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color: var(--cb-white);cursor: zoom-out}.cb-fn__lb[open]{display: flex;align-items: center;justify-content: center;animation: cb-fn-in .2s ease}.cb-fn__lb::backdrop{background: transparent}.cb-fn__lb-inner{display: flex;flex-direction: column;gap: 14px;width: 100%;max-width: 1100px}.cb-fn__lb-head{display: flex;align-items: center;justify-content: space-between;gap: 20px}.cb-fn__lb-caption{font-size: 18px;font-weight: 600;color: var(--cb-white)}.cb-fn__lb-close{display: flex;flex: none;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;border: 1px solid rgba(255,255,255,.28);border-radius: 6px;background: transparent;color: var(--cb-white);cursor: pointer;transition: border-color .2s ease}.cb-fn__lb-close:hover{border-color: var(--cb-white)}.cb-fn__lb-close:focus-visible{outline: 2px solid var(--cb-blue);outline-offset: 2px}.cb-fn__lb-box{position: relative;width: 100%;height: min(620px,calc(100vh - 178px));height: min(620px,calc(100dvh - 178px));overflow: hidden;border-radius: 6px;background: var(--cb-white);box-shadow: 0 30px 80px rgba(0,0,0,.5)}.cb-fn__lb-box img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;max-width: none;object-fit: contain}@media (max-width: 1100px){.cb-fn{padding: 72px 32px}.cb-fn__title{font-size: 34px}.cb-fn__grid{grid-template-columns: minmax(0,1fr);gap: 16px}.cb-fn__list{flex-direction: row;margin: 0 -32px;padding: 4px 32px 10px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding: 0 32px;-webkit-overflow-scrolling: touch;scrollbar-width: none;touch-action: pan-x pan-y;cursor: grab}.cb-fn__list::-webkit-scrollbar{display: none}.cb-fn__list.is-dragging{scroll-snap-type: none;cursor: grabbing;-webkit-user-select: none;user-select: none}.cb-fn__tab{flex: 0 0 auto;width: max-content;min-width: 230px;max-width: 300px;min-height: 64px;scroll-snap-align: start;cursor: inherit}.cb-fn__name{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow-wrap: break-word}.cb-fn__descs{min-height: 0;padding-top: 0}.cb-fn__shot{height: 400px;aspect-ratio: auto}.cb-fn__lb{padding: 24px}.cb-fn__lb-box{height: min(460px,calc(100vh - 106px));height: min(460px,calc(100dvh - 106px))}}@media (max-width: 600px){.cb-fn{padding: 56px 20px}.cb-fn__head{flex-direction: column;align-items: flex-start;gap: 14px;margin-bottom: 20px}.cb-fn__title{font-size: 27px}.cb-fn__list{margin: 0 -20px;padding: 4px 20px 10px;scroll-padding: 0 20px}.cb-fn__tab{min-width: 200px;max-width: 260px;padding: 12px 14px}.cb-fn__name{font-size: 16px}.cb-fn__shot{height: 230px}.cb-fn__lb{padding: 14px}.cb-fn__lb-box{height: min(300px,calc(100vh - 86px));height: min(300px,calc(100dvh - 86px))}}@media (prefers-reduced-motion: reduce){.cb-fn__bar-fill.is-running,.cb-fn__img.is-entering,.cb-fn__lb[open]{animation: none}.cb-fn__tab,.cb-fn__demo,.cb-fn__demo span{transition: none}}.cb-bas{container-type: inline-size;padding: 90px 0 0;background: linear-gradient(160deg,#1c283d 0%,#0c1524 100%);color: var(--cb-white)}.cb-bas__head{max-width: 900px;margin: 0 auto 12px;padding: 0 60px;text-align: center}.cb-bas__badge{display: inline-flex;transform: skewX(-25deg);border-radius: 4px;background: rgba(25,203,191,.14);border: 1px solid rgba(25,203,191,.36);color: #19cbbf}.cb-bas__badge > span{display: block;transform: skewX(25deg);padding: 7px 20px;font-size: 14px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase}.cb-bas__title{margin: 20px 0 0;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 38px;line-height: 1.2;letter-spacing: -.02em;text-transform: none;text-wrap: pretty;color: var(--cb-white)}.cb-bas__rule{width: 130px;height: 2px;margin: 18px auto 0;background: linear-gradient(90deg,#21a0da 0%,#116083 100%)}.cb-bas__lead{margin: 18px 0 0;font-size: 18px;line-height: 1.65;color: #9db2c6;text-wrap: pretty}.cb-flow{position: relative;width: 100%;height: 540px;overflow: hidden;background-color: #0c1524;background-image: radial-gradient(ellipse 60% 70% at 50% 48%,rgba(33,160,218,.1) 0%,rgba(33,160,218,0) 70%),radial-gradient(rgba(157,178,198,.13) 1px,transparent 1.4px);background-size: 100% 100%,26px 26px;background-position: center,center;box-shadow: inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(255,255,255,.05);font-family: 'Onest',system-ui,sans-serif;-webkit-font-smoothing: antialiased}@container (width < 1100px){.cb-flow{height: auto;aspect-ratio: 1100 / 540}}@container (width < 820px){.cb-flow{aspect-ratio: 360 / 920;max-height: 920px}}.cb-flow__fade{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(180deg,#0c1524 0%,rgba(12,21,36,0) 16%,rgba(12,21,36,0) 84%,#0c1524 100%),linear-gradient(90deg,#0c1524 0%,rgba(12,21,36,0) 9%,rgba(12,21,36,0) 91%,#0c1524 100%)}.cb-flow__stage{position: absolute;top: 0;left: 50%;width: 1440px;height: 540px;transform: translateX(-50%);transform-origin: 50% 0}.cb-flow__svg{position: absolute;top: 0;left: 0;overflow: visible;pointer-events: none}.cb-flow__halo{position: absolute;top: 128px;left: 10px;width: 372px;height: 268px;background: radial-gradient(closest-side,rgba(33,160,218,.3),rgba(33,160,218,0));opacity: .6;pointer-events: none}.cb-flow__halo + .cb-flow__halo{left: 1058px}.cb-flow__chips{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 15px;white-space: nowrap;pointer-events: none;clip-path: inset(0 312px 0 312px)}.cb-flow__mini{position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background: #19cbbf;box-shadow: 0 0 0 4px rgba(25,203,191,.14),0 6px 18px rgba(25,203,191,.35);opacity: 0;will-change: transform}.cb-flow__mini svg{display: block;width: 17px;height: 17px}.cb-flow__card{--cr: 0px;--cb: 0px;position: absolute;top: 0;left: 0;opacity: 0;will-change: transform;pointer-events: none;outline: none;filter: drop-shadow(0 .6em 1.2em rgba(var(--c-rgb),.22))}.cb-flow__frame{position: relative;width: 200px;height: 45px}.cb-flow__ring{position: absolute;top: -.3em;right: -.3em;bottom: -.3em;left: -.3em;background: rgba(var(--c-rgb),.1);clip-path: inset(0 var(--cr) var(--cb) 0 round 1.2em)}.cb-flow__box{position: absolute;inset: 0;overflow: hidden;background: var(--c);clip-path: inset(0 var(--cr) var(--cb) 0 round .9em)}.cb-flow__fill{position: absolute;inset: 0;background: linear-gradient(135deg,rgba(var(--c-rgb),.2) 0%,rgba(var(--c-rgb),.05) 100%),#0f1a2b;clip-path: inset(1.5px calc(var(--cr) + 1.5px) calc(var(--cb) + 1.5px) 1.5px round calc(.9em - 1.5px))}.cb-flow__inner{position: absolute;top: 1.5px;left: 1.5px;width: 437px;padding: .4em .95em .95em .4em;box-sizing: border-box}.cb-flow__head{display: flex;align-items: center;gap: .6em;width: max-content;max-width: 100%}.cb-flow__icon{display: flex;flex: none;align-items: center;justify-content: center;width: 2em;height: 2em;border-radius: .6em;background: var(--c)}.cb-flow__icon-svg{display: block;width: 1.25em;height: 1.25em}.cb-flow__name{display: flex;align-items: center;gap: .28em;min-width: 0}.cb-flow__brace{flex: none;font-family: 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 1.05em;font-weight: 500;line-height: 1;color: var(--c)}.cb-flow__title{font-weight: 600;line-height: 1.25;color: var(--cb-white)}.cb-flow__card--order .cb-flow__title{font-weight: 700}.cb-flow__tags{display: flex;flex-wrap: wrap;gap: .5em;margin-top: .7em;padding-left: .35em}.cb-flow__tag{display: inline-flex;align-items: center;gap: .4em;padding: .35em .7em .35em .45em;border-radius: .55em;border: 1px solid rgba(var(--c-rgb),.34);background: rgba(var(--c-rgb),.09);font-size: .87em;font-weight: 500;line-height: 1.25;color: #d3ecf8;opacity: 0}.cb-flow__tag-svg{display: block;flex: none;width: 1.2em;height: 1.2em}.cb-flow.is-static .cb-flow__box{pointer-events: auto;cursor: pointer}.cb-flow.is-static .cb-flow__card{transition: transform .35s ease}.cb-flow.is-static .cb-flow__ring,.cb-flow.is-static .cb-flow__box,.cb-flow.is-static .cb-flow__fill{transition: clip-path .35s ease}.cb-flow.is-static .cb-flow__tag{transition: opacity .25s ease}.cb-flow__card:focus-visible .cb-flow__ring{background: rgba(var(--c-rgb),.55)}.cb-flow__legend{position: absolute;top: 28px;left: 790px;transform: translateX(-50%);white-space: nowrap;font-size: 12px;font-weight: 500;letter-spacing: .02em;color: #7f93a8;pointer-events: none}.cb-flow__sync{position: absolute;top: 506px;right: 80px;display: flex;align-items: center;gap: 6px;white-space: nowrap;font-size: 12px;font-weight: 500;letter-spacing: .02em;color: #7f93a8;pointer-events: none}.cb-flow__sync svg{display: block;flex: none;width: 13px;height: 13px}.cb-flow__toggle{position: absolute;z-index: 6;top: 20px;left: 80px;display: flex;gap: 2px;padding: 3px;border-radius: 999px;background: rgba(28,40,61,.9);border: 1px solid rgba(157,178,198,.22)}.cb-flow__toggle button{margin: 0;padding: 6px 14px;border: 0;border-radius: 999px;background: transparent;font-family: 'Onest',system-ui,sans-serif;font-size: 12.5px;font-weight: 600;line-height: 1.2;color: #9db2c6;cursor: pointer;-webkit-appearance: none;appearance: none}.cb-flow__toggle button[aria-checked="true"]{background: #d3ecf8;color: #0c1524}.cb-flow__toggle button:focus-visible{outline: 2px solid #21a0da;outline-offset: 2px}.cb-flow__tile{position: absolute;top: 188px;left: 80px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;width: 232px;height: 148px;box-sizing: border-box;border-radius: 22px;border: 2px solid transparent;background: linear-gradient(180deg,#1c283d 0%,#131e31 100%) padding-box,linear-gradient(135deg,#21a0da 0%,#116083 100%) border-box;box-shadow: 0 0 0 6px rgba(33,160,218,.07),0 0 44px rgba(33,160,218,.22),0 24px 60px rgba(3,8,16,.55)}.cb-flow__tile--portal{left: 1128px;gap: 19px}.cb-flow__tile img{display: block;width: auto;max-width: none;height: 46px}.cb-flow__tile--portal img{width: 150px;height: auto}.cb-flow__tile-icon{display: block;flex: none;width: 30px;height: 30px}.cb-flow__tile-icon--portal{width: 37px}.cb-flow__tile-caption{font-size: 13px;font-weight: 500;letter-spacing: .02em;color: #9db2c6}@media (max-width: 1100px){.cb-bas{padding-top: 72px}.cb-bas__head{padding: 0 32px}.cb-bas__title{font-size: 34px}}@media (max-width: 600px){.cb-bas{padding-top: 56px}.cb-bas__head{padding: 0 20px}.cb-bas__title{font-size: 27px}.cb-bas__lead{font-size: 16px}}@media (prefers-reduced-motion: reduce){.cb-flow.is-static .cb-flow__card,.cb-flow.is-static .cb-flow__ring,.cb-flow.is-static .cb-flow__box,.cb-flow.is-static .cb-flow__fill,.cb-flow.is-static .cb-flow__tag{transition: none}}.cb-adv{position: relative;overflow: hidden;padding: 88px 32px 88px 0;background: var(--cb-white);color: var(--cb-text)}.cb-adv__bg{position: absolute;top: 0;left: 0;right: 0;height: 680px;pointer-events: none}.cb-adv__bg img{position: absolute;left: 0;bottom: 0;display: block;width: auto;height: 650px;max-width: none}.cb-adv__grid{position: relative;z-index: 1;display: grid;grid-template-columns: 440px minmax(0,1fr);gap: 56px;align-items: start}.cb-adv__main{position: relative;display: flex;flex-direction: column;min-width: 0}.cb-adv__edit{position: absolute;top: 0;right: 0;color: var(--cb-blue-deep)}.cb-adv__title{margin: 0;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 38px;line-height: 1.2;letter-spacing: -.02em;text-transform: none;text-wrap: pretty;color: var(--cb-text)}.cb-adv__rule{flex: none;width: 130px;height: 2px;margin-top: 18px;background: linear-gradient(90deg,#21a0da 0%,#116083 100%)}.cb-adv__lead{max-width: 650px;margin: 18px 0 32px;font-size: 17px;line-height: 1.6;color: var(--cb-text-muted)}.cb-adv__cards{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px;width: 100%;max-width: 900px}.cb-adv__card{container-type: inline-size;position: relative;overflow: hidden;min-height: 90px;padding: 20px;border-radius: 6px;background: #eaf5fb;border: 1px solid #b7d9ec;box-shadow: 0 1px 2px rgba(17,96,131,.08),0 8px 22px rgba(17,96,131,.10);transition: border-color .3s ease,box-shadow .3s ease,transform .3s ease}.cb-adv__card:hover{border-color: var(--cb-blue);box-shadow: 0 5px 10px #8cb7cb;transform: translateY(-2px)}.cb-adv__wedge{position: absolute;top: 0;bottom: 0;right: 0;width: 210px;pointer-events: none;clip-path: polygon(34% 0,100% 0,100% 100%,0 100%);-webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 22%,#000 50%);mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 22%,#000 50%)}.cb-adv__shot{position: absolute;top: 50%;overflow: hidden;transform: rotate(6deg);border-radius: 5px;background: #fff;border: 1px solid rgba(33,160,218,.5);box-shadow: 0 6px 16px rgba(17,96,131,.24);filter: saturate(.95) contrast(1.04)}.cb-adv__shot img{display: block;width: 100%;height: 100%;max-width: none}.cb-adv__card:nth-child(1) .cb-adv__shot{right: -18px;width: 240px;height: 74px;margin-top: -37px}.cb-adv__card:nth-child(2) .cb-adv__shot{right: -18px;width: 240px;height: 80px;margin-top: -40px}.cb-adv__card:nth-child(3) .cb-adv__shot{right: -22px;width: 285px;height: 46px;margin-top: -23px}.cb-adv__card:nth-child(4) .cb-adv__shot{right: -10px;width: 210px;height: 58px;margin-top: -29px}.cb-adv__card:nth-child(5) .cb-adv__shot{right: -14px;width: 250px;height: 94px;margin-top: -47px}.cb-adv__card:nth-child(6) .cb-adv__shot{right: -26px;width: 275px;height: 104px;margin-top: -52px}.cb-adv__text{position: relative;margin: 0;font-size: 14.5px;line-height: 1.6;font-weight: 600;color: var(--cb-text)}.cb-adv__float{display: block;float: right;width: 180px;height: 48px;shape-outside: polygon(40% 0,100% 0,100% 100%,6% 100%);shape-margin: 8px}@container (max-width: 360px){.cb-adv__float{display: none}.cb-adv__text{padding-right: 112px}.cb-adv__wedge{width: 150px}}.cb-adv__card--plain .cb-adv__text{padding-right: 0}@media (max-width: 1100px){.cb-adv{padding: 0 32px 64px}.cb-adv__bg{position: relative;height: auto;margin: 0 -32px 8px}.cb-adv__bg img{position: relative;width: 100%;height: auto}.cb-adv__grid{grid-template-columns: minmax(0,1fr);gap: 0}.cb-adv__spacer{display: none}.cb-adv__title{font-size: 34px}.cb-adv__cards{grid-template-columns: minmax(0,1fr);gap: 14px;max-width: none}}@media (max-width: 600px){.cb-adv{padding: 0 20px 56px}.cb-adv__bg{margin: 0 -20px 4px}.cb-adv__title{font-size: 27px}.cb-adv__float{display: none}.cb-adv__text{padding-right: 112px}.cb-adv__wedge{width: 150px}}@media (prefers-reduced-motion: reduce){.cb-adv__card{transition: none}.cb-adv__card:hover{transform: none}}.cb-dev{container-type: inline-size;padding: 96px 60px;background: linear-gradient(180deg,#d3ecf8 0%,#eff8fd 100%);color: var(--cb-text)}.cb-dev__head{max-width: 1000px;margin-bottom: 56px}.cb-dev__title{margin: 0;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 38px;line-height: 1.2;letter-spacing: -.02em;text-transform: none;text-wrap: pretty;color: var(--cb-text)}.cb-dev__rule{width: 130px;height: 2px;margin-top: 18px;background: linear-gradient(90deg,#21a0da 0%,#116083 100%)}.cb-dev__lead{max-width: 900px;margin: 18px 0 0;font-size: 17px;line-height: 1.6;color: var(--cb-text-muted)}.cb-dev__row{--gap: 48px;--u: min(1px,calc((100cqw - 2 * var(--gap)) / 1207),calc((100cqw - 2 * var(--gap) - 88px) / 1000));display: flex;align-items: flex-end;justify-content: center;gap: var(--gap)}.cb-dev__item{display: flex;flex: none;flex-direction: column;align-items: center;margin: 0}.cb-dev__caption{margin-top: 22px;font-size: 14px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;white-space: nowrap;color: var(--cb-text-muted)}.cb-dev__laptop{display: flex;flex-direction: column;align-items: center}.cb-dev__laptop-screen{width: calc(660 * var(--u));padding: calc(13 * var(--u)) calc(13 * var(--u)) calc(28 * var(--u));border-radius: calc(6 * var(--u));background: #1d1d1f;box-shadow: 0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(12,21,36,.28)}.cb-dev__laptop-display{overflow: hidden;border-radius: calc(4 * var(--u));background: #fff}.cb-dev__laptop-display img{display: block;width: 100%;max-width: none;height: calc(372 * var(--u));object-fit: cover;object-position: top left}.cb-dev__laptop-brand{margin-top: calc(8 * var(--u));font-size: calc(11 * var(--u));line-height: 1.2;letter-spacing: .14em;text-align: center;color: #6b6b70}.cb-dev__laptop-neck{width: calc(104 * var(--u));height: calc(44 * var(--u));background: linear-gradient(180deg,#d9d9de 0%,#b4b4bb 100%)}.cb-dev__laptop-base{width: calc(266 * var(--u));height: calc(13 * var(--u));border-radius: 0 0 calc(10 * var(--u)) calc(10 * var(--u));background: linear-gradient(180deg,#c3c3c9 0%,#9a9aa1 100%)}.cb-dev__tablet,.cb-dev__phone{position: relative}.cb-dev__tablet{width: calc(340 * var(--u));height: calc(454 * var(--u));filter: drop-shadow(0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(12,21,36,.26))}.cb-dev__phone{width: calc(207 * var(--u));height: calc(371 * var(--u));filter: drop-shadow(0 calc(20 * var(--u)) calc(44 * var(--u)) rgba(12,21,36,.26))}.cb-dev__tablet-display,.cb-dev__phone-display{position: absolute;overflow: hidden;background: #fff}.cb-dev__tablet-display{top: 10.8%;left: 6.6%;width: 86.8%;height: 78.4%}.cb-dev__phone-display{top: 3.4%;left: 5.6%;width: 88.8%;height: 93.2%;border-radius: calc(18 * var(--u))}.cb-dev__tablet-display img,.cb-dev__phone-display img{display: block;width: 100%;max-width: none;height: 100%;object-fit: cover;object-position: top left}.cb-dev__frame{position: absolute;top: 0;left: 0;width: 100%;max-width: none;height: 100%;pointer-events: none}.cb-dev__frame--phone{left: calc(1 * var(--u));width: calc(209 * var(--u));height: calc(364 * var(--u))}@media (max-width: 1100px){.cb-dev{padding: 72px 32px}.cb-dev__title{font-size: 34px}.cb-dev__row{--gap: 40px}.cb-dev__caption{font-size: 13px}}@media (max-width: 600px){.cb-dev{padding: 56px 20px}.cb-dev__head{margin-bottom: 40px}.cb-dev__title{font-size: 27px}.cb-dev__lead{font-size: 16px}.cb-dev__row{--gap: 16px}.cb-dev__caption{margin-top: 14px;font-size: 11px;letter-spacing: .06em}}.cb-stages{position: relative;overflow: hidden;padding: 96px 60px;background: var(--cb-white);color: var(--cb-text)}.cb-stages__head{position: relative;max-width: 760px;margin-bottom: 52px}.cb-stages__edit{position: absolute;top: 0;right: 0;color: var(--cb-blue-deep)}.cb-stages__title{margin: 0;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 38px;line-height: 1.2;letter-spacing: -.02em;text-transform: none;color: var(--cb-text)}.cb-stages__rule{width: 130px;height: 2px;margin-top: 18px;background: linear-gradient(90deg,#21a0da 0%,#116083 100%)}.cb-stages__lead{margin: 18px 0 0;font-size: 17px;line-height: 1.6;color: var(--cb-text-muted)}.cb-stages__grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px;align-items: stretch;margin: 0;padding: 0;list-style: none}.cb-stages__card{display: flex;flex-direction: column;gap: 14px;padding: 28px;border-radius: 6px;border: 1px solid var(--cb-border)}.cb-stages__num{font-family: 'Onest',system-ui,sans-serif;font-size: 28px;font-weight: 800;line-height: 1.2;color: var(--cb-blue)}.cb-stages__name{margin: 0;font-family: 'Onest',system-ui,sans-serif;font-size: 20px;font-weight: 700;line-height: 1.3;text-transform: none;color: var(--cb-text)}.cb-stages__steps{display: flex;flex-direction: column;gap: 9px;margin: 0;padding-left: 18px;font-size: 16px;line-height: 1.5;color: var(--cb-text-muted)}.cb-stages__steps li{list-style: disc}.cb-stages__text{margin: 0;font-size: 16px;line-height: 1.5;color: var(--cb-text-muted)}.cb-stages__card--result{border-color: transparent;background: linear-gradient(135deg,#21a0da 0%,#116083 100%);box-shadow: 0 20px 44px rgba(17,96,131,.28)}.cb-stages__card--result .cb-stages__num,.cb-stages__card--result .cb-stages__name{color: var(--cb-white)}.cb-stages__card--result .cb-stages__name{font-size: 22px}.cb-stages__card--result .cb-stages__steps,.cb-stages__card--result .cb-stages__text{color: #e4f4fc}.cb-stages__like{display: inline-block;margin-left: 8px;vertical-align: -6px;overflow: visible;transform-origin: 52% 70%;animation: cb-like 3.2s cubic-bezier(.4,0,.2,1) 1.6s infinite}.cb-stages__like path{stroke: var(--cb-white);stroke-width: 6;stroke-linejoin: round}.cb-stages__like-spark{opacity: 0;transform-origin: 60px 34px;animation: cb-like-spark 3.2s cubic-bezier(.4,0,.2,1) 1.6s infinite}.cb-stages__like-spark path{stroke-linecap: round}.cb-stages__badge{align-self: flex-start;margin-top: auto;padding: 7px 13px;border-radius: 999px;background: rgba(255,255,255,.18);font-size: 14px;font-weight: 600;color: var(--cb-white)}@media (max-width: 1100px){.cb-stages{padding: 72px 32px}.cb-stages__title{font-size: 34px}.cb-stages__grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.cb-stages{padding: 56px 20px}.cb-stages__title{font-size: 27px}.cb-stages__grid{grid-template-columns: minmax(0,1fr);gap: 14px}}@media (prefers-reduced-motion: reduce){.cb-stages__like,.cb-stages__like-spark{animation: none}}