.product-story{width:100%;max-width:530px;direction:ltr;position:relative;align-self:center}.story-stage{position:relative;height:480px;isolation:isolate}.story-halo{position:absolute;inset:36px 12px 8px;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#e3ead6 0%,#e9eddf 65%,#f5f3ed00 70%)}.story-ring{position:absolute;inset:22px 0 0;border:1px solid #dde3d3;border-radius:50%;z-index:-1}.story-grid{position:absolute;inset:0;background-image:radial-gradient(#cad4bc 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse,black 5%,transparent 65%);opacity:.45;z-index:-1}.story-phone{width:220px;height:405px;background:#fffef9;border:6px solid #35463d;box-shadow:7px 19px 35px #2c422a20,inset 0 0 0 1px #fff;border-radius:36px;position:absolute;left:calc(50% - 110px);top:26px;transform:rotate(-6deg) translateX(30px);transition:transform 1s cubic-bezier(.22,1,.36,1);z-index:3;overflow:hidden}.phone-hardware{padding:10px 15px 0;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600;height:28px}.phone-hardware i{width:64px;height:17px;background:#35463d;border-radius:12px;position:absolute;left:calc(50% - 32px);top:8px}.story-phone-brand{text-align:center;font-size:9px;letter-spacing:1.5px;font-weight:600;margin-top:22px}.phone-home{position:absolute;bottom:7px;height:3px;width:65px;background:#35463d;border-radius:4px;left:calc(50% - 32px)}.story-phone-footer{font-size:9px;color:#8d9980;position:absolute;bottom:21px;text-align:center;width:100%}.scan-screen{text-align:center;padding-top:30px}.scan-label{font-size:10px;color:#788570}.camera-frame{width:126px;height:126px;position:relative;margin:18px auto 0;background:#eff2e7;border-radius:4px;overflow:hidden}.camera-qr{position:absolute;inset:18px;opacity:.75}.camera-qr svg{width:100%;height:100%}.corner{position:absolute;width:16px;height:16px;border:2px solid #28634f}.c1{top:0;left:0;border-right:0;border-bottom:0}.c2{top:0;right:0;border-left:0;border-bottom:0}.c3{bottom:0;left:0;border-right:0;border-top:0}.c4{bottom:0;right:0;border-left:0;border-top:0}.scan-line{position:absolute;height:2px;left:3px;right:3px;background:#7fa357;box-shadow:0 -10px 18px 6px #91b16f35;animation:scanSweep 2.6s ease-in-out infinite;z-index:2}.scan-found{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;color:#426341;margin-top:19px;animation:found 4s both}.scan-found>span:first-child{border-radius:100%;background:#dce8c5;width:18px;height:18px;display:grid;place-items:center}.scan-ticket{position:absolute;left:13px;top:153px;width:156px;padding:21px 20px 24px;background:#fffef9;border:1px solid #dfe4d4;box-shadow:0 15px 24px #4353330c;transform:rotate(-12deg);border-radius:7px;z-index:2;transition:opacity .5s,transform .8s}.ticket-brand{font-size:8px;letter-spacing:1.3px;font-weight:600;display:block;text-align:center}.ticket-order{display:block;text-align:center;font-size:14px;margin-top:8px}.ticket-caption{display:block;text-align:center;font-size:8px;color:#7d8973;margin-top:4px}.ticket-perf{position:absolute;bottom:9px;left:0;right:0;border-bottom:1px dashed #dde3d2}#story-qr{width:94px;height:94px;margin:13px auto 0}#story-qr svg{width:100%;height:100%}.wait-screen,.ready-screen{text-align:center;padding-top:43px;display:none}.screen-order-label{display:block;font-size:9px;color:#89917f}.screen-number{display:block;font-size:62px;line-height:1.1;font-weight:500;letter-spacing:-3px;margin:7px 0 13px}.screen-status{font-size:13px;color:#36573e;display:flex;align-items:center;justify-content:center;gap:6px}.screen-status i{width:4px;height:4px;background:#8ca773;border-radius:100%}.little-game{margin:24px 20px 0;padding:12px 14px;background:#edf2e4;border-radius:12px}.little-game>span{font-size:8px;color:#7e8c73}.demo-pairs{display:flex;gap:5px;margin-top:10px;justify-content:center;perspective:400px}.demo-pairs i{width:29px;height:33px;background:#fffefb;border:1px solid #d9e3cb;border-radius:5px;font-size:14px;font-style:normal;display:grid;place-items:center}.demo-pairs i:nth-child(1),.demo-pairs i:nth-child(3){animation:cardReveal 3.5s ease both infinite}.demo-pairs i:nth-child(3){animation-delay:.4s}.operator-mini{position:absolute;right:-3px;top:226px;width:177px;background:#fffefb;border:1px solid #dfe5d6;border-radius:13px;box-shadow:0 15px 40px #324e2a18;padding:17px;z-index:5;opacity:0;transform:translate(15px,20px) rotate(6deg);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s;pointer-events:none}.operator-title{font-size:9px;color:#7b8870;display:flex;justify-content:space-between;align-items:center}.operator-title i{width:5px;height:5px;background:#89a763;border-radius:50%}.operator-order{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.operator-order strong{font-size:25px;font-weight:500;letter-spacing:-1px}.operator-order span{font-size:8px;color:#809074}.operator-mini button{width:100%;border:0;border-radius:6px;background:#28634f;color:white;padding:9px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.demo-pointer{position:absolute;font-size:36px;right:7px;bottom:-6px;color:#2a4436;filter:drop-shadow(0 2px 0 white);opacity:0}.signal-path{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;transition:opacity .4s}.ready-toast{position:absolute;right:-4px;top:90px;width:243px;border:1px solid #e2e8d9;border-radius:14px;padding:14px 15px;background:#fffefa;box-shadow:0 14px 25px #314b2e15;display:flex;gap:10px;align-items:center;z-index:6;opacity:0;transform:translateY(-25px) rotate(3deg);transition:opacity .6s,transform .8s cubic-bezier(.16,1.4,.3,1)}.toast-bell{width:31px;height:31px;border-radius:9px;background:#dce9bc;color:#49643e;display:grid;place-items:center;font-size:17px;flex-shrink:0}.ready-toast strong{display:block;font-size:11px;font-weight:500}.ready-toast small{display:block;font-size:8px;color:#7c8972;margin-top:4px}.ready-seal{width:45px;height:45px;border-radius:50%;background:#e0ebcc;margin:0 auto 18px;position:relative}.ready-seal svg{width:100%;height:100%}.ready-seal path{stroke-dasharray:40;stroke-dashoffset:40;animation:checkDraw .6s .4s forwards}.ready-seal:after{content:'';position:absolute;inset:-10px;border:1px solid #bdcfa3;border-radius:100%;animation:ringOut 2.2s ease-out infinite}.ready-screen{padding-top:28px}.ready-screen .screen-number{font-size:63px;margin:5px 0 12px}.ready-screen small{display:block;font-size:9px;color:#8a947f;margin-top:8px}.story-caption{position:absolute;bottom:2px;width:100%;text-align:center;font-size:12px;color:#627657;min-height:22px;direction:rtl}.story-controls{display:flex;gap:15px;align-items:center;margin:22px 17px 0;direction:rtl}.story-chapters{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-chapters button{background:none;border:0;padding:9px 0 13px;color:#9aa38c;font-size:11px;display:flex;gap:7px;align-items:center;position:relative;text-align:start;white-space:nowrap}.story-chapters button b{font-size:9px;font-weight:400;opacity:.6}.story-chapters button:after{content:'';position:absolute;bottom:0;height:2px;left:0;right:0;background:#dde4d2;border-radius:3px}.story-chapters button i{position:absolute;bottom:0;inset-inline-start:0;height:2px;background:#628350;width:0;z-index:1}.story-chapters button[aria-pressed=true]{color:#365b3c}.story-chapters button[aria-pressed=true] i{width:100%;transition:width 4s linear}#story-toggle{width:31px;height:31px;border:1px solid #d4ddc9;border-radius:50%;background:transparent;color:#57704a;font-size:12px;display:grid;place-items:center;flex-shrink:0}.story-disclaimer{font-size:9px;text-align:center;color:#9aa18f;margin:14px 0 0}.product-story[data-scene="1"] .story-phone,.product-story[data-scene="2"] .story-phone{transform:rotate(-3deg) translateX(-24px)}.product-story[data-scene="1"] .scan-ticket,.product-story[data-scene="2"] .scan-ticket,.product-story[data-scene="3"] .scan-ticket{opacity:0;transform:translate(-25px,30px) rotate(-20deg);pointer-events:none}.product-story:not([data-scene="0"]) .scan-screen{display:none}.product-story[data-scene="1"] .wait-screen,.product-story[data-scene="2"] .wait-screen{display:block}.product-story[data-scene="1"] .operator-mini,.product-story[data-scene="2"] .operator-mini{opacity:1;transform:translate(0,0) rotate(4deg);pointer-events:auto}.product-story[data-scene="2"] .demo-pointer{opacity:1;animation:tapReady .8s ease both}.product-story[data-scene="2"] .operator-mini button{animation:buttonPress .8s ease both}.product-story[data-scene="2"] .signal-path{opacity:1}.product-story[data-scene="3"] .ready-screen{display:block}.product-story[data-scene="3"] .story-phone{transform:rotate(0deg) translateX(-20px)}.product-story[data-scene="3"] .ready-toast{opacity:1;transform:translateY(0) rotate(2deg)}.product-story.paused *{animation-play-state:paused!important}.product-story.reduced *{animation:none!important;transition:none!important}.product-story.reduced .ready-seal path{stroke-dashoffset:0}.product-story.reduced .scan-found{opacity:1}html[dir=ltr] .story-controls,html[dir=ltr] .story-caption{direction:ltr}@keyframes scanSweep{0%,100%{top:13%}50%{top:87%}}@keyframes found{0%,50%{opacity:0;transform:translateY(6px)}75%,100%{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%,20%{transform:rotateY(90deg);background:#d4dfc0;color:transparent}40%,85%{transform:rotateY(0deg);background:#fffefb;color:inherit}100%{transform:rotateY(90deg)}}@keyframes checkDraw{to{stroke-dashoffset:0}}@keyframes ringOut{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.6);opacity:0}}@keyframes tapReady{0%{transform:translate(10px,10px)}50%{transform:translate(-9px,-8px) scale(.9)}100%{transform:translate(0,0)}}@keyframes buttonPress{50%{transform:scale(.94);background:#547a42}}@media(max-width:1000px) and (min-width:721px){.product-story{transform:scale(.86);transform-origin:center;width:440px;margin-inline:-25px}}@media(max-width:720px){.product-story{max-width:390px;margin-top:10px}.story-stage{height:440px}.story-phone{width:204px;height:380px;left:calc(50% - 102px);top:20px}.scan-ticket{width:135px;left:0;top:143px;padding:17px 15px 20px}#story-qr{width:82px;height:82px}.operator-mini{right:0;top:238px;width:153px;padding:14px}.operator-order{margin:10px 0}.ready-toast{right:0;top:84px;width:211px;padding:12px}.ready-toast strong{font-size:10px}.ready-toast small{font-size:7px}.story-halo{inset:30px 0}.story-controls{margin:20px 0 0;gap:12px}.story-chapters{gap:12px}.story-caption{font-size:11px}.story-disclaimer{font-size:8px}.wait-screen{padding-top:35px}.little-game{margin-top:20px}.ready-screen{padding-top:27px}}@media(prefers-reduced-motion:reduce){.product-story *{animation:none!important;transition:none!important}.ready-seal path{stroke-dashoffset:0}.scan-found{opacity:1}}
.signal-path circle{display:none}.signal-path path{animation:signalFlow 1s linear infinite}@keyframes signalFlow{to{stroke-dashoffset:-44}}
.product-story.paused .demo-pairs i{animation:none!important;transform:none;color:inherit}.product-story.paused .ready-seal path{stroke-dashoffset:0}