.obot-how-obot-works{--how-obot-slide-duration:5s;position:relative;box-sizing:border-box;width:100%;margin:0;padding:88px 48px;background:#05070f;color:#f4f7fc;overflow:hidden}.obot-how-obot-works *,.obot-how-obot-works *::before,.obot-how-obot-works *::after{box-sizing:border-box}.obot-how-obot-works__inner{width:100%;max-width:1180px;margin:0 auto}.obot-how-obot-works__header{max-width:900px;margin:0 auto 34px;text-align:center}.obot-how-obot-works__eyebrow{display:inline-flex;max-width:100%;align-items:center;gap:8px;margin:0 0 28px;padding:7px 14px;border:1px solid rgba(91,155,255,.35);border-radius:999px;background:rgba(59,130,246,.1);color:#a9c4ff;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}.obot-how-obot-works__eyebrow-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#5b9bff;box-shadow:0 0 8px rgba(91,155,255,.78)}.obot-how-obot-works__title{margin:0;color:#f4f7fc;font-size:42px;font-weight:700;line-height:1.2;letter-spacing:0}.obot-how-obot-works__text{max-width:560px;margin:14px auto 0;color:#9aa7bd;font-size:16px;font-weight:400;line-height:1.55;letter-spacing:0}.obot-how-obot-works__tabs{display:flex;margin:0 0 10px;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.obot-how-obot-works__tab{display:inline-flex;min-height:39px;padding:9px 15px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);box-shadow:none;color:#9aa7bd;font:inherit;font-size:13.5px;font-weight:600;line-height:1.4;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:color 0.25s ease,border-color 0.25s ease,background-color 0.25s ease,transform 0.12s ease}.obot-how-obot-works__tab:hover{border-color:rgba(91,155,255,.4);color:#f4f7fc}.obot-how-obot-works__tab:active{transform:translateY(1px)}.obot-how-obot-works__tab:focus-visible{outline:2px solid #5b9bff;outline-offset:3px}.obot-how-obot-works__tab.is-active{border-color:rgba(91,155,255,.75);background:rgba(91,155,255,.14);box-shadow:0 0 20px rgba(59,130,246,.2);color:#fff}.obot-how-obot-works__tab-number{color:#5c6884;font-size:10.5px;font-weight:500;line-height:1}.obot-how-obot-works__tab.is-active .obot-how-obot-works__tab-number{color:#5b9bff}.obot-how-obot-works__progress{width:100%;height:2px;margin:12px 0 26px;border-radius:2px;background:rgba(255,255,255,.07);overflow:hidden}.obot-how-obot-works__progress-bar{display:block;width:0;height:100%;background:linear-gradient(90deg,#5b9bff,#4cc2a8);transform-origin:left}.obot-how-obot-works.is-paused .obot-how-obot-works__progress-bar,.obot-how-obot-works.is-media-paused .obot-how-obot-works__image{animation-play-state:paused!important}.obot-how-obot-works__carousel{position:relative}.obot-how-obot-works__viewport{position:relative}.obot-how-obot-works__slide{display:none;min-width:0}.obot-how-obot-works__slide[hidden]{display:none!important}.obot-how-obot-works__slide.is-active{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:center;gap:40px}.obot-how-obot-works__browser{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0d1220;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 60px rgba(59,130,246,.1);overflow:hidden}.obot-how-obot-works__browser-bar{display:flex;min-height:43px;padding:10px 14px;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);background:#161b28}.obot-how-obot-works__browser-dots{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px}.obot-how-obot-works__browser-dots span{display:block;width:11px;height:11px;border-radius:50%}.obot-how-obot-works__browser-dots span:nth-child(1){background:#ff5f57}.obot-how-obot-works__browser-dots span:nth-child(2){background:#febc2e}.obot-how-obot-works__browser-dots span:nth-child(3){background:#28c840}.obot-how-obot-works__browser-url{min-width:0;max-width:340px;margin-left:12px;padding:4px 12px;flex:1;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.04);color:#7d8aa3;font-size:11.5px;font-weight:400;line-height:1.4;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obot-how-obot-works__image-wrap{position:relative;aspect-ratio:2545 / 1345;background:#0d1220;overflow:hidden}.obot-how-obot-works__image-wrap--empty{display:flex;align-items:center;justify-content:center}.obot-how-obot-works__image,.obot-how-obot-works__video,.obot-how-obot-works__html{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.obot-how-obot-works__image{will-change:transform,opacity}.obot-how-obot-works__video{border:0;background:#0d1220;pointer-events:none}.obot-how-obot-works__image-wrap--html{aspect-ratio:auto}.obot-how-obot-works__image-wrap--html-ratio{aspect-ratio:var(--how-obot-works-html-aspect-ratio,970 / 516)}.obot-how-obot-works__image-wrap--html-auto{height:auto;min-height:260px}.obot-how-obot-works__html{border:0;background:#0d1220}.obot-how-obot-works__image-wrap--html-auto .obot-how-obot-works__html{position:relative;inset:auto;height:516px;min-height:260px}.obot-how-obot-works__image-placeholder{padding:24px;color:#7d8aa3;font-size:14px;font-weight:400;line-height:1.5;text-align:center}.obot-how-obot-works__copy{min-width:0}.obot-how-obot-works__step-number{margin:0 0 16px;color:#5c6884;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}.obot-how-obot-works__badge{display:inline-block;margin:0 0 18px;padding:5px 12px;border:1px solid rgba(91,155,255,.35);border-radius:999px;background:rgba(91,155,255,.1);color:#5b9bff;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:uppercase}.obot-how-obot-works__step-title{margin:0 0 16px;color:#f4f7fc;font-size:29px;font-weight:700;line-height:1.15;letter-spacing:0}.obot-how-obot-works__step-text{margin:0;color:#9aa7bd;font-size:16px;font-weight:400;line-height:1.65;letter-spacing:0}.obot-how-obot-works__bottom-line{display:flex;margin-top:26px;align-items:center;gap:10px;color:#5c6884;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}.obot-how-obot-works__bottom-rule{height:1px;flex:1;background:rgba(255,255,255,.08)}.obot-how-obot-works__slide.is-active .obot-how-obot-works__copy>*{animation:obot-how-obot-copy-in 0.7s cubic-bezier(.2,.7,.2,1) both}.obot-how-obot-works__slide.is-active .obot-how-obot-works__badge{animation-delay:0.05s}.obot-how-obot-works__slide.is-active .obot-how-obot-works__step-title{animation-delay:0.12s}.obot-how-obot-works__slide.is-active .obot-how-obot-works__step-text{animation-delay:0.19s}.obot-how-obot-works__slide.is-active .obot-how-obot-works__bottom-line{animation-delay:0.26s}.obot-how-obot-works__slide.is-active[data-how-obot-effect="static"] .obot-how-obot-works__image,.obot-how-obot-works__slide.is-active[data-how-obot-effect="static"] .obot-how-obot-works__copy>*{animation:none;opacity:1;transform:none}.obot-how-obot-works__slide.is-active .obot-how-obot-works__image{animation-duration:var(--how-obot-slide-duration);animation-timing-function:ease-out;animation-fill-mode:both}.obot-how-obot-works__slide.is-active[data-how-obot-effect="zoom-in"] .obot-how-obot-works__image{animation-name:obot-how-obot-zoom-in}.obot-how-obot-works__slide.is-active[data-how-obot-effect="pan-right"] .obot-how-obot-works__image{animation-name:obot-how-obot-pan-right}.obot-how-obot-works__slide.is-active[data-how-obot-effect="zoom-out"] .obot-how-obot-works__image{animation-name:obot-how-obot-zoom-out}.obot-how-obot-works__slide.is-active[data-how-obot-effect="pan-up"] .obot-how-obot-works__image{animation-name:obot-how-obot-pan-up}.obot-how-obot-works__slide.is-active[data-how-obot-effect="pop"] .obot-how-obot-works__image{animation-name:obot-how-obot-pop;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.obot-how-obot-works__slide.is-active[data-how-obot-effect="pan-diagonal"] .obot-how-obot-works__image{animation-name:obot-how-obot-pan-diagonal}.obot-how-obot-works__slide.is-active[data-how-obot-effect="corner-zoom"] .obot-how-obot-works__image{animation-name:obot-how-obot-corner-zoom;transform-origin:top right}.obot-how-obot-works__arrow{position:absolute;top:50%;z-index:5;display:flex;width:44px;height:44px;padding:0;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(13,18,32,.88);box-shadow:none;color:#cdd7e8;cursor:pointer;transform:translateY(-50%);transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.12s ease}.obot-how-obot-works__arrow::before{display:block;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;content:""}.obot-how-obot-works__arrow--prev{left:-14px}.obot-how-obot-works__arrow--prev::before{margin-left:4px;transform:rotate(-135deg)}.obot-how-obot-works__arrow--next{right:-14px}.obot-how-obot-works__arrow--next::before{margin-right:4px;transform:rotate(45deg)}.obot-how-obot-works__arrow:hover{border-color:rgba(91,155,255,.5);background:rgba(91,155,255,.18);color:#fff}.obot-how-obot-works__arrow:active{transform:translateY(-50%) scale(.94)}.obot-how-obot-works__arrow:focus-visible{outline:2px solid #5b9bff;outline-offset:3px}.obot-how-obot-works__placeholder{padding:40px;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:#9aa7bd;font-size:15px;font-weight:400;line-height:1.5;text-align:center}.obot-how-obot-works--single .obot-how-obot-works__progress{display:none}@keyframes obot-how-obot-progress{from{width:0}to{width:100%}}@keyframes obot-how-obot-copy-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes obot-how-obot-zoom-in{0%{opacity:0;transform:scale(1)}7%,100%{opacity:1}100%{transform:scale(1.13)}}@keyframes obot-how-obot-pan-right{0%{opacity:0;transform:scale(1.14) translateX(-4.5%)}7%,100%{opacity:1}100%{transform:scale(1.14) translateX(4.5%)}}@keyframes obot-how-obot-zoom-out{0%{opacity:0;transform:scale(1.16)}7%,100%{opacity:1}100%{transform:scale(1)}}@keyframes obot-how-obot-pan-up{0%{opacity:0;transform:scale(1.16) translateY(5%)}7%,100%{opacity:1}100%{transform:scale(1.16) translateY(-5%)}}@keyframes obot-how-obot-pop{0%{opacity:0;transform:scale(.82)}9%{opacity:1}16%{transform:scale(1.05)}26%{transform:scale(.995)}34%{transform:scale(1.015)}100%{transform:scale(1.075)}}@keyframes obot-how-obot-pan-diagonal{0%{opacity:0;transform:scale(1.17) translate(3.5%,3.5%) rotate(0.6deg)}7%,100%{opacity:1}100%{transform:scale(1.17) translate(-3.5%,-3.5%) rotate(-0.6deg)}}@keyframes obot-how-obot-corner-zoom{0%{opacity:0;transform:scale(1)}7%,100%{opacity:1}100%{transform:scale(1.2)}}@media (max-width:900px){.obot-how-obot-works{padding:72px 48px}.obot-how-obot-works__title{font-size:32px}.obot-how-obot-works__slide.is-active{grid-template-columns:minmax(0,1fr);gap:28px}.obot-how-obot-works__arrow{top:clamp(92px, 27vw, 235px)}.obot-how-obot-works__arrow--prev{left:6px}.obot-how-obot-works__arrow--next{right:6px}}@media (max-width:680px){.obot-how-obot-works{padding:64px 20px}.obot-how-obot-works__header{margin-bottom:30px}.obot-how-obot-works__tabs{margin-right:-20px;margin-left:-20px;padding:0 20px 8px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.obot-how-obot-works__tabs::-webkit-scrollbar{display:none}.obot-how-obot-works__progress{margin-top:4px;margin-bottom:22px}.obot-how-obot-works__browser{border-radius:10px}.obot-how-obot-works__browser-bar{min-height:39px;padding:8px 10px;gap:6px}.obot-how-obot-works__browser-dots{gap:5px}.obot-how-obot-works__browser-dots span{width:9px;height:9px}.obot-how-obot-works__browser-url{margin-left:5px;padding:3px 8px;font-size:10px}.obot-how-obot-works__step-title{font-size:26px}.obot-how-obot-works__arrow{width:38px;height:38px}}@media (max-width:479px){.obot-how-obot-works{padding:56px 18px}.obot-how-obot-works__title{font-size:28px}.obot-how-obot-works__tabs{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}.obot-how-obot-works__tab{min-height:37px;padding:8px 13px;font-size:13px}.obot-how-obot-works__arrow{top:clamp(88px, 30vw, 126px)}.obot-how-obot-works__copy{padding:0 2px}.obot-how-obot-works__step-text{font-size:15px}}@media (prefers-reduced-motion:reduce){.obot-how-obot-works *,.obot-how-obot-works *::before,.obot-how-obot-works *::after{scroll-behavior:auto!important;transition:none!important}.obot-how-obot-works__progress-bar,.obot-how-obot-works__slide.is-active .obot-how-obot-works__image,.obot-how-obot-works__slide.is-active .obot-how-obot-works__copy>*{animation:none!important}.obot-how-obot-works__slide.is-active .obot-how-obot-works__image{opacity:1!important;transform:none!important}}