.promo-browser.promo-illustration{position:relative;overflow:visible;animation:none;transform:none}.promo-browser .promo-browser-bar{border-radius:13px 13px 0 0}.promo-browser .promo-preview{border-radius:0 0 13px 13px;overflow:hidden}.promo-dialog[open] .promo-slide:not([hidden]) .promo-preview-title,.promo-dialog[open] .promo-slide:not([hidden]) .promo-preview-lines,.promo-dialog[open] .promo-slide:not([hidden]) .promo-preview-button,.promo-dialog[open] .promo-slide:not([hidden]) .promo-preview-cards{animation:offer-assemble 7s ease-in-out infinite;transform-origin:left center}.promo-browser .promo-preview-lines{animation-delay:.35s!important}.promo-browser .promo-preview-button{animation-delay:.7s!important}.promo-browser .promo-preview-cards{animation-delay:1.05s!important}.promo-build-cursor{position:absolute;z-index:3;width:23px;height:29px;left:75%;top:38%;filter:drop-shadow(0 2px 5px #0008);animation:offer-cursor 7s ease-in-out infinite;pointer-events:none}.promo-build-cursor svg{width:100%;height:100%}.promo-build-cursor i{position:absolute;top:-10px;left:-10px;width:26px;height:26px;border:1px solid #dfb6ff;border-radius:50%;animation:offer-click 7s ease-out infinite}.promo-plan{position:relative;width:205px;margin:23px 24px 4px 0;padding:13px;border:1px solid #bb88df60;border-radius:12px;background:linear-gradient(130deg,#332044,#151723);box-shadow:0 14px 30px #0002;transform:perspective(600px) rotateY(8deg) rotate(-3deg)}.promo-plan-top{display:flex;gap:4px;padding-bottom:9px;margin-bottom:7px;border-bottom:1px solid #b997d233}.promo-plan-top i{width:4px;height:4px;border-radius:50%;background:#cb9fed}.promo-plan-row{display:flex;align-items:center;gap:9px;padding:6px 0;animation:offer-plan 6s ease-in-out infinite}.promo-plan-row b{font-size:7px;color:#bfa4d2}.promo-plan-row>span{height:6px;width:105px;border-radius:3px;background:linear-gradient(90deg,#bf87ebaa,#95b7f866)}.promo-plan-row>i{font-style:normal;font-size:10px;color:#cbb2ff}.promo-plan-row:nth-child(3){animation-delay:.25s}.promo-plan-row:nth-child(4){animation-delay:.5s}.promo-plan-row:nth-child(5){animation-delay:.75s}.promo-plan-row:nth-child(6){animation-delay:1s}.promo-plan-phone{position:absolute;right:-20px;bottom:-8px;width:48px;height:86px;border:2px solid #af88d5;border-radius:9px;background:#211c30;padding:9px 5px;box-shadow:0 5px 15px #0004;animation:offer-phone 6s ease-in-out infinite}.promo-plan-phone>i{display:block;width:15px;height:3px;background:#a28ab8;border-radius:4px;margin:-5px auto 12px}.promo-plan-phone>span{display:block;height:11px;margin:5px 0;border-radius:3px;background:linear-gradient(100deg,#bc8beb,#81a8e7)}.promo-plan-phone>span+span{height:6px;opacity:.5}.promo-route{position:relative;display:flex;justify-content:space-between;align-items:center;max-width:240px;margin-top:32px;padding-bottom:22px}.promo-route-track{position:absolute;left:22px;right:22px;top:23px;height:2px;background:#b084d447}.promo-route-track:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#da98ff,#9ecfff);transform-origin:left;animation:offer-route 6s ease-in-out infinite}.promo-route-node{position:relative;width:47px;height:47px;display:grid;place-items:center;background:linear-gradient(135deg,#3b244d,#1d2337);border:1px solid #b98cda6b;border-radius:13px;animation:offer-node 6s ease-in-out infinite}.promo-route-node:nth-of-type(3){animation-delay:1s}.promo-route-node:nth-of-type(4){animation-delay:2s}.promo-route-node svg{width:26px;height:26px;fill:none;stroke:#dcc2f5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.promo-route-node span{position:absolute;bottom:-21px;left:0;right:0;text-align:center;font-size:8px;color:#bba0d0}.promo-route-dot{position:absolute;top:20px;left:22px;width:7px;height:7px;border-radius:50%;background:#f1c2ff;box-shadow:0 0 12px #c585ff;animation:offer-dot 6s ease-in-out infinite}.promo-animation-toolbar{display:flex;justify-content:flex-end;margin:-8px 0 11px}.promo-animation-toolbar button{display:flex;align-items:center;gap:6px;padding:6px 8px;background:none;border:1px solid transparent;border-radius:5px;color:#b9a5c9;font-size:9px;cursor:pointer}.promo-animation-toolbar button:hover{color:#f1dbff;border-color:#ae82d244}.promo-animation-toolbar button[disabled]{cursor:default;opacity:.65}.promo-art-paused .promo-illustration,.promo-art-paused .promo-illustration *,.promo-art-paused .promo-illustration :after{animation-play-state:paused!important}.promo-dialog:not([open]) .promo-illustration *,.promo-dialog:not([open]) .promo-illustration :after{animation-play-state:paused!important}@keyframes offer-assemble{0%,7%{opacity:.15;transform:translateY(10px) scale(.96)}18%,80%{opacity:1;transform:none}94%,100%{opacity:.15;transform:translateY(10px) scale(.96)}}@keyframes offer-cursor{0%,100%{transform:translate(0,0)}20%{transform:translate(-65px,-5px)}40%{transform:translate(-88px,71px)}55%,72%{transform:translate(-95px,98px)}87%{transform:translate(-17px,70px)}}@keyframes offer-click{0%,48%,70%,100%{opacity:0;transform:scale(.5)}55%{opacity:.8;transform:scale(.6)}65%{opacity:0;transform:scale(1.8)}}@keyframes offer-plan{0%,8%,100%{opacity:.25;translate:-7px 0}22%,82%{opacity:1;translate:0 0}}@keyframes offer-phone{0%,12%,100%{opacity:.5;translate:0 6px}30%,82%{opacity:1;translate:0 0}}@keyframes offer-route{0%,8%{transform:scaleX(0)}66%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes offer-dot{0%,8%{left:22px;opacity:0}14%{opacity:1}66%,85%{left:calc(100% - 26px);opacity:1}95%,100%{left:calc(100% - 26px);opacity:0}}@keyframes offer-node{0%,100%{box-shadow:0 0 0 transparent}30%,48%{box-shadow:0 0 20px #b974ff3d;border-color:#d7b3ff}}@media(max-width:600px){.promo-browser.promo-illustration{display:block;width:175px;justify-self:center;transform:none;margin:0 auto}.promo-browser .promo-preview{padding:11px}.promo-browser .promo-preview>b,.promo-browser .promo-preview-tag,.promo-browser .promo-preview-lines,.promo-browser .promo-preview-cards{display:none}.promo-browser .promo-browser-bar{height:18px}.promo-browser .promo-preview-title{font-size:19px}.promo-browser .promo-preview-button{margin-top:8px;padding:5px 9px;font-size:6px}.promo-build-cursor{width:17px;height:22px;top:20%;animation-name:offer-cursor-small}.promo-plan{width:157px;margin:16px 0 0; padding:8px}.promo-plan-row{padding:3px 0}.promo-plan-row>span{width:80px;height:4px}.promo-plan-phone{height:65px;width:36px;right:-15px}.promo-plan-phone>span{height:7px}.promo-route{margin-top:19px;max-width:210px}.promo-route-node{width:39px;height:39px}.promo-route-track{top:19px}.promo-route-dot{top:16px}.promo-slide[data-promo-slide="1"] .promo-slide-copy{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center}.promo-slide[data-promo-slide="1"] .promo-slide-copy>p{grid-column:1/-1}.promo-slide[data-promo-slide="1"] .promo-plan{grid-column:2;grid-row:1/4;transform:scale(.7);transform-origin:right center;margin-left:-35px;margin-top:0}.promo-slide[data-promo-slide="1"] .promo-slide-copy h3{font-size:25px}.promo-slide[data-promo-slide="1"] .promo-step{max-width:150px}.promo-animation-toolbar{margin-top:-6px;margin-bottom:8px}}@keyframes offer-cursor-small{0%,100%{transform:translate(0,0)}25%{transform:translate(-48px,12px)}50%,70%{transform:translate(-80px,53px)}85%{transform:translate(-20px,35px)}}@media(prefers-reduced-motion:reduce){.promo-illustration,.promo-illustration *,.promo-illustration :after{animation:none!important}.promo-build-cursor{display:none}.promo-route-dot{display:none}}
@media(max-width:600px){.promo-dialog .promo-header{position:sticky;top:0;z-index:5;background:#1d1729;margin:-22px -22px 0;padding:22px 22px 17px;box-shadow:0 9px 15px #17131f55}.promo-dialog .promo-header h2{max-width:240px}.promo-dialog .promo-slide[data-promo-slide="1"] .promo-slide-copy{row-gap:0}.promo-dialog .promo-slide[data-promo-slide="1"] .promo-slide-copy>p{margin-bottom:0}.promo-dialog .promo-slides{padding-top:18px}}
