.marketing-video-phone.real-app-recording{width:min(310px,100%);aspect-ratio:390/844;border:7px solid #352841;border-radius:33px;overflow:hidden;background:#faf8fd;box-sizing:border-box;box-shadow:0 20px 45px #49315c1c}.real-app-recording video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:390/844}.marketing-demo-caption{position:static!important;transform:none!important;margin:20px auto 0!important;max-width:90%;background:transparent!important;box-shadow:none!important;text-align:center}.marketing-video-stage{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-real-device{cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.16,1,.3,1)}.hero-real-device:focus-visible{outline:4px solid #b995ec;outline-offset:6px}.hero-app-video{display:block;width:100%;height:100%;object-fit:contain;background:#faf8fd;aspect-ratio:390/844}.landing-customer-phone.hero-real-device{aspect-ratio:390/844;border:6px solid #392b47;border-radius:34px;box-sizing:border-box;background:#fff;transform:rotate(6deg)}.landing-customer-phone.hero-real-device:hover{transform:rotate(2deg) scale(1.035)}.landing-customer-toast{animation:hero-toast-float 6s ease-in-out infinite}.owner-growth-device.hero-real-device{width:41%;left:1%;top:9%}.owner-growth-board{left:28%;top:14%;right:-1%;transform:rotate(2deg);padding:18px 14px;background:#fff;box-shadow:0 18px 55px #593c7b19}.growth-week{border:1px solid #e8def2;border-radius:10px;overflow:hidden;background:#fff}.growth-week-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#f6f0fc}.growth-week-day{text-align:center;padding:11px 1px;border-right:1px solid #e8def2;color:#9673b1}.growth-week-day b{font-size:9px;display:block}.growth-week-day span{font-size:14px;font-weight:800;color:#70508e;display:block;margin-top:5px}.growth-week-day:nth-child(3){background:#e9def8}.growth-week-body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:300px}.growth-week-column{position:relative;border-right:1px solid #ece4f5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#eee6f6 49px,#eee6f6 50px)}.growth-week-event{position:absolute;top:calc(20px + var(--row)*52px);left:2px;right:2px;background:#e7d8f8;border-left:2px solid #9863ce;border-radius:5px;padding:8px 3px;min-height:65px;box-sizing:border-box}.growth-week-event b{font-size:8px;line-height:1.4;color:#6b458a;display:block;overflow-wrap:anywhere}.growth-week-event small{font-size:6px;line-height:1.5;color:#9b77b2;display:block;margin-top:4px}.growth-week-event.event-1{background:#dceddf;border-color:#6bad8a}.growth-week-event.event-2{background:#e0e5fa;border-color:#8f91ca}.growth-week-free{font-size:7px;color:#a592b4;position:absolute;top:40%;left:2px}.owner-growth-status{left:5%;right:-1%;bottom:5%}.owner-growth-notification{left:-2%;top:5%}.owner-growth-status span{font-size:12px}.growth-board-title b{font-size:15px}.growth-board-title span{font-size:9px}.owner-growth-copy>p{max-width:52ch}@keyframes hero-toast-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@media(max-width:1100px){.growth-week-body{height:230px}.growth-week-day b{font-size:7px}.growth-week-event{padding:6px 2px}.growth-week-event b{font-size:6px}.growth-week-event small{font-size:5px}.owner-growth-board{padding:13px 9px}.growth-week-day span{font-size:11px}}@media(max-width:900px){.growth-week-body{height:300px}.growth-week-day b{font-size:9px}.growth-week-event b{font-size:8px}.growth-week-event small{font-size:6px}.owner-growth-scene{aspect-ratio:1.05}.owner-growth-board{padding:18px 13px}}@media(max-width:540px){.real-app-recording{max-width:275px}.growth-week-body{height:220px}.growth-week-day{padding:8px 1px}.growth-week-day b{font-size:6px}.growth-week-day span{font-size:10px}.growth-week-event{padding:5px 1px;min-height:50px}.growth-week-event b{font-size:5px}.growth-week-event small{font-size:4px}.owner-growth-board{padding:13px 8px;left:26%;top:16%}.owner-growth-scene{aspect-ratio:.95}.growth-board-title b{font-size:10px}.growth-board-title span{font-size:6px}.owner-growth-device.hero-real-device{width:43%;left:0;top:9%}.owner-growth-status{bottom:1%;left:1%;right:0;padding:12px}.owner-growth-status span{font-size:9px}.owner-growth-status>.ui-icon{width:18px;height:18px}.growth-week-free{font-size:5px}.owner-growth-notification{max-width:85%;left:0;top:4%}.landing-customer-phone.hero-real-device{border-width:5px;border-radius:26px}}@media(prefers-reduced-motion:reduce){.landing-customer-toast{animation:none}.hero-real-device{transition:none}}
.customer-journey-status{position:absolute;top:7%;right:30%;z-index:5;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:13px;background:#fff;box-shadow:0 12px 30px #5031651c;color:#835cad;font-size:12px;font-weight:800;animation:hero-toast-float 7s ease-in-out infinite}.customer-journey-status>.ui-icon{width:20px;height:20px;color:#75a38f}.landing-customer-phone.hero-real-device{height:auto!important}.owner-growth-device.hero-real-device{height:auto!important}.owner-growth-scene figcaption{bottom:-12px}@media(max-width:640px){.customer-journey-status{font-size:8px;padding:9px 11px;top:5%;right:36%;gap:5px}.customer-journey-status>.ui-icon{height:15px;width:15px}}@media(prefers-reduced-motion:reduce){.customer-journey-status{animation:none}}
.owner-growth-device.hero-real-device{width:36%;left:-2%;transform:rotate(-4deg)}.owner-growth-scene:hover .owner-growth-device.hero-real-device{transform:rotate(-2deg) translateY(-4px)}.owner-growth-board{left:39%;right:0}.owner-growth-notification{left:-2%;top:3%;z-index:4}.owner-growth-notification{animation:none;transform:rotate(-3deg)}.owner-growth-status{left:5%;bottom:4%}@media(max-width:540px){.owner-growth-device.hero-real-device{width:40%;left:-2%;top:20%}.owner-growth-board{left:21%;top:8%;right:0}.owner-growth-scene{aspect-ratio:.88}.growth-board-title{margin-bottom:9px}.growth-week-day{padding:6px 1px}.growth-week-body{height:230px}.owner-growth-notification{top:2%;max-width:90%}.owner-growth-status{bottom:0;left:0;right:0}.owner-growth-scene figcaption{bottom:-14px}}
@media(max-width:540px){.owner-growth-scene{aspect-ratio:.8}.owner-growth-device.hero-real-device{top:27%}.owner-growth-scene figcaption{max-width:95%;font-size:6px;line-height:1.5}}
.recording-freeze{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;z-index:2;transition:opacity .38s ease;background:#faf8fd}.recording-freeze.is-visible{opacity:1;transition:none}.real-app-recording{position:relative}.marketing-demo .marketing-demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:45px}.marketing-demo .marketing-demo-steps{display:grid;gap:8px;align-content:center}.marketing-demo .marketing-demo-steps>button{min-height:90px;padding:17px 20px;box-sizing:border-box}.marketing-demo .marketing-demo-steps>button small{font-size:12px;line-height:1.65;display:block;margin-top:5px}.marketing-demo .marketing-video-stage{padding:28px 24px!important;min-height:0!important;box-sizing:border-box}.marketing-demo .marketing-video-phone.real-app-recording{width:245px!important;max-width:100%;border-width:6px;border-radius:29px}.marketing-demo .marketing-demo-caption{font-size:12px;line-height:1.65;margin-top:17px!important;min-height:40px}.marketing-demo .marketing-demo-caption>.ui-icon{flex-shrink:0}.marketing-demo-controls{margin-top:18px}@media(min-width:1500px){.marketing-demo .marketing-video-phone.real-app-recording{width:255px!important}.marketing-demo .marketing-demo-steps>button{min-height:96px}}@media(max-width:900px){.marketing-demo .marketing-demo-layout{gap:25px}.marketing-demo .marketing-demo-steps>button{padding:14px 13px;min-height:95px}.marketing-demo .marketing-demo-steps>button small{font-size:11px}.marketing-demo .marketing-video-phone.real-app-recording{width:230px!important}.marketing-demo .marketing-video-stage{padding:23px 17px!important}}@media(max-width:640px){.marketing-demo .marketing-demo-layout{grid-template-columns:minmax(0,1fr);gap:22px}.marketing-demo .marketing-demo-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px}.marketing-demo .marketing-demo-steps>button{flex:0 0 140px;min-height:90px;scroll-snap-align:start;padding:12px;text-align:left;display:flex;align-items:flex-start;gap:8px}.marketing-demo .marketing-demo-steps>button>span{flex-shrink:0}.marketing-demo .marketing-demo-steps>button b{font-size:12px;line-height:1.45}.marketing-demo .marketing-demo-steps>button small{display:none}.marketing-demo .marketing-video-phone.real-app-recording{width:235px!important}.marketing-demo .marketing-video-stage{padding:25px 16px!important}.marketing-demo .marketing-demo-caption{min-height:58px}}@media(prefers-reduced-motion:reduce){.recording-freeze{transition:none}}
.marketing-demo .marketing-demo-layout{display:grid;min-width:0}.marketing-demo .marketing-demo-steps{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.marketing-demo .marketing-demo-steps>button>div{min-width:0}.marketing-demo .marketing-demo-steps>button b{white-space:normal;overflow-wrap:anywhere}.marketing-demo .marketing-demo-caption{display:flex!important;align-items:center;justify-content:center;padding:0;max-width:100%}.marketing-demo .marketing-video-stage{min-width:0}body .cookie-note{box-sizing:border-box;max-width:calc(100vw - 32px)}@media(max-width:640px){.marketing-demo .marketing-demo-steps{flex-direction:row;justify-content:flex-start}.marketing-demo .marketing-demo-steps>button{width:150px!important;max-width:150px!important;flex-basis:150px;flex-direction:column}.marketing-demo .marketing-demo-steps>button b{white-space:normal}}
.marketing-demo .marketing-demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}@media(max-width:640px){.marketing-demo .marketing-demo-layout{grid-template-columns:minmax(0,1fr)!important}}