.preview-wrap{width:100%;align-items:center;margin:34px auto 110px;--preview-card-width:1110px;--preview-card-height:580px;--preview-card-scale:1}.preview-scale-shell,.preview-wrap{display:flex;justify-content:center;overflow:visible}.preview-scale-shell{width:calc(var(--preview-card-width) * var(--preview-card-scale));height:calc(var(--preview-card-height) * var(--preview-card-scale));align-items:flex-start}.preview-card{width:var(--preview-card-width);height:var(--preview-card-height)!important;flex:0 0 auto;border-radius:30px;background:#f0eeed;box-shadow:inset 0 0 25px #eaeaea;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transform:scale(var(--preview-card-scale));transform-origin:top center}.preview-animation-stage{width:100%;height:100%;position:relative;overflow:hidden;display:grid;place-items:center}.preview-animation-layer{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(0) scale(1);transition:opacity .65s ease,visibility .65s ease}.preview-animation-layer.is-active{opacity:1;visibility:visible}.preview-animation-layer>*{flex-shrink:0;max-width:none}@media (max-width:1180px){.preview-wrap{--preview-card-scale:calc((100vw - 48px) / 1110)}}@media (max-width:768px){.preview-mobile-frame{position:relative;width:100vw;height:var(--preview-mobile-height,226px);margin:50px 0 70px;overflow:hidden}.preview-wrap{position:absolute;top:0;left:var(--preview-mobile-left,0);width:1000px;margin:0!important;padding:0 14px;height:580px;overflow:visible;border-radius:60px;transform:scale(var(--preview-mobile-scale,.39));transform-origin:top left}.preview-card{border-radius:60px;border:2px solid #c3c3c3}.demo-progress,.demo-steps{display:none!important}}@media (max-width:430px){.preview-wrap{padding:0 10px;--preview-card-scale:calc((100vw - 20px) / 1110)}}@media (max-width:370px){.preview-wrap{--preview-card-scale:calc((100vw - 16px) / 1110);padding:0 8px}}.main-stage{display:flex;align-items:center;justify-content:center;width:1110px;height:580px}.animation-one-root{contain:layout paint style}.animation-one-root.is-paused *,.animation-one-root.is-paused :after,.animation-one-root.is-paused :before{animation-play-state:paused!important}.animation-one-stage{width:860px;height:455px;position:relative;overflow:visible;--chart-w:780px;--chart-h:420px;--chart-left:40px;--chart-top:17.5px;--capture-pad:20px;--capture-left:calc(var(--chart-left) - var(--capture-pad));--capture-top:calc(var(--chart-top) - var(--capture-pad));--capture-w:calc(var(--chart-w) + (var(--capture-pad) * 2));--capture-h:calc(var(--chart-h) + (var(--capture-pad) * 2));--capture-right:calc(var(--capture-left) + var(--capture-w));--capture-bottom:calc(var(--capture-top) + var(--capture-h));--cursor-tip-x:3.9px;--cursor-tip-y:4.2px;--chart-shift:-150px}.animation-one-layer{position:absolute;inset:0}.animation-one-chart{width:780px;height:420px;position:absolute;left:var(--chart-left);top:var(--chart-top);border-radius:34px;overflow:hidden;background:#fafafa;outline:2px solid hsla(0,0%,50%,.34);box-shadow:0 30px 80px rgba(0,0,0,.08),inset 0 0 50px rgba(39,39,39,.11),inset 0 0 12px rgba(50,50,50,.09);isolation:isolate;contain:paint;--realtime-x:calc(98% + var(--chart-shift) + 4px);--price-y:175px}.animation-one-chart:before{background-image:linear-gradient(90deg,hsla(0,0%,5%,.08) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,8%,.08) 1px,transparent 0);background-size:28px 28px;opacity:.25;z-index:0}.animation-one-chart:after,.animation-one-chart:before{content:"";position:absolute;inset:0;pointer-events:none}.animation-one-chart:after{background:radial-gradient(circle at 50% 0,hsla(0,0%,100%,.35),transparent 42%),linear-gradient(90deg,transparent 0,transparent 84%,hsla(0,0%,98%,.38));z-index:6}.animation-one-stock{top:14px;left:16px;z-index:15;padding:7px 12px;border-radius:999px;font-family:Open Runde,Inter,system-ui,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.04em;color:hsla(0,0%,8%,.13)}.animation-one-price-scale,.animation-one-stock{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.animation-one-price-scale{top:0;right:8px;height:100%;z-index:20;display:flex;flex-direction:column;justify-content:space-between}.animation-one-price-scale span{height:14px;display:flex;align-items:center;justify-content:flex-end;font-family:Open Runde,Inter,system-ui,sans-serif;font-size:9.5px;line-height:1;letter-spacing:-.03em;color:hsla(0,0%,6%,.121)}.animation-one-price-line{position:absolute;right:0;left:var(--realtime-x);top:var(--price-y);border-top:2px solid hsla(0,0%,50%,.44);z-index:9}.animation-one-price-dot{position:absolute;left:var(--realtime-x);top:calc(var(--price-y) + 1px);width:13px;height:13px;transform:translate3d(-50%,-50%,0);border-radius:50%;background:#545454;border:3px solid rgba(34,34,34,.86);box-shadow:0 0 8px rgba(77,77,77,.78);z-index:11}.animation-one-divider{position:absolute;left:var(--realtime-x);top:0;bottom:0;width:0;z-index:10;pointer-events:none}.animation-one-dash-stack{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.animation-one-dash{width:1px;height:6px;border-radius:999px;background-color:hsla(0,0%,45%,.62)}.animation-one-bars-svg{position:absolute;inset:0;z-index:8;width:100%;height:100%;pointer-events:none;transform:translate3d(var(--chart-shift),0,0);overflow:visible}.animation-one-candle-wick{stroke-width:1.25;stroke-linecap:round}.animation-one-candle-body{stroke-width:1}.animation-one-candle-up .animation-one-candle-body,.animation-one-candle-up .animation-one-candle-wick{stroke:#21bd0f;fill:#21bd0f}.animation-one-candle-down .animation-one-candle-body,.animation-one-candle-down .animation-one-candle-wick{stroke:#d9264a;fill:#d9264a}.animation-one-capture{left:var(--capture-left);top:var(--capture-top);width:var(--capture-w);height:var(--capture-h);z-index:30;border-radius:18px;border:2px dotted rgba(221,20,94,.95);background:linear-gradient(180deg,rgba(221,20,94,.095),rgba(221,20,94,.03));box-shadow:0 18px 55px rgba(221,20,94,.12),inset 0 1px 0 hsla(0,0%,100%,.34);opacity:0;transform-origin:top left;transform:scale(.025);animation:animationOneScreenshotBox 5.6s cubic-bezier(.18,.9,.2,1) infinite}.animation-one-capture,.animation-one-cursor{position:absolute;pointer-events:none;will-change:transform,opacity}.animation-one-cursor{left:0;top:0;z-index:70;width:22px;height:34px;filter:drop-shadow(0 14px 12px rgba(0,0,0,.18));animation:animationOneCursorMove 5.6s cubic-bezier(.18,.9,.2,1) infinite}.animation-one-file{position:absolute;right:0;bottom:-4px;width:148px;height:124px;z-index:55;opacity:0;transform-origin:center;transform:translate3d(0,14px,0) scale(.8);animation:animationOneScreenshotFile 5.6s cubic-bezier(.18,.9,.2,1) infinite;will-change:transform,opacity;pointer-events:none}.animation-one-file-card{width:100%;height:100%;border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),hsla(0,0%,95%,.94));border:1px solid hsla(0,0%,100%,.85);box-shadow:0 24px 55px rgba(0,0,0,.16),inset 0 1px 0 hsla(0,0%,100%,.9);overflow:hidden;position:relative}.animation-one-file-card:before{content:"";position:absolute;right:0;top:0;width:34px;height:34px;background:linear-gradient(135deg,hsla(0,0%,82%,.9),hsla(0,0%,100%,.9) 52%,hsla(0,0%,92%,.9));-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);border-left:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);z-index:2}.animation-one-file-preview{position:absolute;left:10px;right:10px;top:10px;height:74px;border-radius:12px;overflow:hidden;background:#fbfbfb;border:1px solid rgba(0,0,0,.07);box-shadow:inset 0 0 18px rgba(0,0,0,.035)}.animation-one-file-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;transform:scale(1.2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.animation-one-file-name{position:absolute;left:12px;right:12px;bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:Open Runde,Inter,system-ui,sans-serif}.animation-one-file-name b{display:block;font-size:11px;font-weight:500;letter-spacing:-.035em;color:hsla(0,0%,8%,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-one-file-name span{flex:0 0 auto;width:7px;height:7px;border-radius:99px;background:#9d9d9d;box-shadow:0 0 0 3px rgba(63,63,63,.12)}@keyframes animationOneCursorMove{0%{opacity:0;transform:translate3d(620px,330px,0) scale(.96)}2%{opacity:1}9%{transform:translate3d(calc(var(--capture-left) - var(--cursor-tip-x)),calc(var(--capture-top) - var(--cursor-tip-y)),0) scale(1)}12%{transform:translate3d(calc(var(--capture-left) - var(--cursor-tip-x)),calc(var(--capture-top) - var(--cursor-tip-y)),0) scale(.96)}15%{transform:translate3d(calc(var(--capture-left) - var(--cursor-tip-x)),calc(var(--capture-top) - var(--cursor-tip-y)),0) scale(1)}42%{opacity:1;transform:translate3d(calc(var(--capture-right) - var(--cursor-tip-x)),calc(var(--capture-bottom) - var(--cursor-tip-y)),0) scale(1)}51%{opacity:1;transform:translate3d(760px,388px,0) scale(.92)}60%{opacity:1;transform:translate3d(762px,388px,0) scale(.86)}68%{opacity:0;transform:translate3d(762px,388px,0) scale(.84)}to{opacity:0;transform:translate3d(762px,388px,0) scale(.84)}}@keyframes animationOneScreenshotBox{0%,13%{opacity:0;transform:scale(.025);border-radius:18px}15%{opacity:1;transform:scale(.025);border-radius:18px}42%{opacity:1;transform:scale(1);border-radius:18px;border-style:dotted;background:linear-gradient(180deg,rgba(221,20,94,.095),rgba(221,20,94,.03))}50%{opacity:.85;transform:translate3d(690px,350px,0) scale(.16);border-radius:18px;border-style:solid;background:linear-gradient(180deg,rgba(221,20,94,.08),rgba(221,20,94,.025));box-shadow:0 20px 45px rgba(221,20,94,.12),inset 0 1px 0 hsla(0,0%,100%,.24)}58%,to{opacity:0;transform:translate3d(690px,350px,0) scale(.16)}}@keyframes animationOneScreenshotFile{0%,36%{opacity:0;transform:translate3d(0,14px,0) scale(.8)}52%{opacity:1;transform:translateZ(0) scale(1.2)}82%{opacity:1;transform:translateZ(0) scale(1)}92%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translateZ(0) scale(1)}}@media (prefers-reduced-motion:reduce){.animation-one-root *,.animation-one-root :after,.animation-one-root :before{animation:none!important;transition:none!important}.animation-one-cursor{opacity:0}.animation-one-capture{opacity:1;transform:scale(1)}.animation-one-file{opacity:1;transform:translateZ(0) scale(1)}}