.av-connected{position:absolute;top:-34px;left:0;color:#d3bd82;font-size:11px;letter-spacing:1.5px;display:flex;gap:10px;align-items:center}.av-connected>span{width:7px;height:7px;border-radius:50%;background:#b8ca88;box-shadow:0 0 12px #b8ca8877}.av-device-badge{color:#e7d8ad;background:#1b291a;font-size:11px;padding:12px;text-align:center}.apps-visual-page .app-device-showcase{position:relative}.av-options{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 22px}.av-options button,.av-motion button{font:inherit;font-size:13px;padding:12px 18px;border:1px solid #4d5c3f;border-radius:8px;background:#172014;color:#dfd7be;cursor:pointer}.av-options button[aria-pressed=true]{background:#d3bb7f;color:#152013;border-color:#d3bb7f}.av-options button:focus-visible,.av-motion button:focus-visible{outline:3px solid #dec88d;outline-offset:4px}.av-motion button:disabled{cursor:default;opacity:.65}.av-workflow{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #425038;border-radius:20px;overflow:hidden;background:#111a11}.av-stage{position:relative;background:radial-gradient(ellipse at 50% 40%,#35412b,#121c12 75%);min-height:500px;padding:25px;display:flex;flex-direction:column}.av-stage-label{font-size:10px;letter-spacing:1.6px;color:#b5c39f}.av-art{flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;position:relative}.av-art[hidden]{display:none}.av-phone{width:200px;border:6px solid #56614b;border-radius:29px;background:#101810;padding:16px;box-shadow:0 25px 45px #0005;display:flex;flex-direction:column;gap:18px;text-align:center}.av-speaker{width:50px;height:5px;border-radius:5px;background:#56614b;margin:0 auto}.av-phone>span,.av-print-job>span,.av-context>span{font-size:10px;letter-spacing:1.7px;color:#cbb77c}.av-phone small{font-size:12px;color:#bac8aa;line-height:1.6}.av-scan-window{height:100px;border:1px solid #778660;position:relative;display:grid;place-items:center;border-radius:8px;overflow:hidden}.av-barcode{width:110px;height:44px;background:repeating-linear-gradient(90deg,#e1d6b2 0 2px,transparent 2px 5px,#e1d6b2 5px 9px,transparent 9px 11px)}.av-laser{position:absolute;top:8px;left:6px;right:6px;height:2px;background:#d6c17e;box-shadow:0 0 16px #d6c17e;animation:av-scan 6s infinite}.av-confirm{font-size:11px;padding:9px 3px;background:#33432a;border:1px solid #64784d;border-radius:5px;color:#dfebc9;animation:av-confirm 6s infinite}.av-explanation{padding:48px;align-self:center}.av-explanation h3{font-size:clamp(30px,3vw,44px);line-height:1.1;margin:22px 0}.av-explanation>p:not(.eyebrow){color:#b6c2a8;line-height:1.85}.av-note{font-size:13px;line-height:1.8;color:#a8b39b}.av-explanation .av-note{padding-top:20px;border-top:1px solid #3a4732;margin:24px 0}.av-motion{margin-top:16px}.av-map{width:300px;height:260px;background:repeating-linear-gradient(0deg,transparent 0 45px,#45533a66 46px 47px),repeating-linear-gradient(90deg,#243322 0 45px,#45533a66 46px 47px);border:1px solid #4a5b3c;border-radius:20px;position:absolute;top:25px;overflow:hidden}.av-boundary{position:absolute;width:190px;height:190px;left:54px;top:32px;border:2px dashed #c3b97e;border-radius:50%;background:#b9c27615}.av-building{position:absolute;top:100px;left:105px;background:#516044;color:#ecdfb5;padding:18px 12px;border:1px solid #99a377;font-size:10px}.av-location{position:absolute;left:40px;top:160px;font-size:27px;color:#ead199;z-index:2;animation:av-arrive 7s infinite}.av-reminder{position:absolute;bottom:15px;background:#1a2718;border:1px solid #87925f;border-radius:12px;padding:20px;max-width:290px;box-shadow:0 15px 35px #0005;animation:av-confirm 7s infinite}.av-reminder>span,.av-notification span{font-size:9px;letter-spacing:1px;color:#c9b77d;display:block;margin-bottom:12px}.av-reminder strong,.av-notification strong{font-size:18px;display:block}.av-reminder p,.av-notification p{font-size:12px;color:#c4ceb9;margin:10px 0}.av-reminder small{font-size:10px;color:#a5b198}.av-print-job{position:absolute;top:25px;display:flex;flex-direction:column;gap:15px;border:1px solid #7b865a;background:#23301e;padding:25px;border-radius:12px;width:270px}.av-print-job small{font-size:11px;color:#c0cbb2}.av-printer{position:absolute;top:175px;width:240px;height:95px;border:2px solid #6b7757;background:linear-gradient(#4d5a42,#293524);border-radius:20px 20px 8px 8px;box-shadow:0 22px 35px #0004}.av-printer:after{content:'';position:absolute;top:55px;left:20px;width:196px;height:10px;background:#10180f;border-radius:4px}.av-printer-light{position:absolute;top:20px;right:22px;width:8px;height:8px;background:#c4d797;border-radius:50%}.av-paper{position:absolute;top:64px;left:40px;width:156px;height:115px;background:#dfd8bb;color:#243021;padding:14px 9px;display:flex;flex-direction:column;gap:12px;z-index:1;transform-origin:top;animation:av-print 7s infinite}.av-paper b{font-size:11px}.av-paper>span{font-size:8px}.av-paper .av-barcode{height:27px;width:100%;background:repeating-linear-gradient(90deg,#273723 0 2px,transparent 2px 5px,#273723 5px 9px,transparent 9px 11px)}.av-notification{position:absolute;top:45px;display:flex;gap:15px;padding:20px;max-width:355px;border:1px solid #8c9565;border-radius:14px;background:#2b3923;z-index:1;animation:av-notify 7s infinite}.av-app-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;color:#162011;background:#d0bd82;font-weight:bold;font-size:24px}.av-context{width:300px;background:#152013;border:1px solid #52633e;padding:28px;border-radius:12px;margin-top:100px}.av-context strong{font-size:18px;display:block;line-height:1.5;margin:20px 0}.av-context>div{height:7px;background:#405334;border-radius:5px;margin:14px 0}.av-context>div:last-child{width:60%}.av-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:36px 0}.av-steps article{padding:30px;border:1px solid #39482f;border-radius:14px;background:#172013}.av-steps article>span{font-size:32px;color:#d0ba80}.av-steps h3{font-size:22px;margin:20px 0}.av-steps p{color:#b6c1a8;font-size:15px;line-height:1.8}.av-start h2{font-size:clamp(36px,4vw,60px);line-height:1.1}@keyframes av-scan{0%,15%{transform:translateY(0);opacity:0}20%{opacity:1}60%{transform:translateY(82px);opacity:1}65%,100%{transform:translateY(82px);opacity:0}}@keyframes av-confirm{0%,50%{opacity:.25}65%,90%{opacity:1}100%{opacity:.25}}@keyframes av-arrive{0%,15%{transform:translateX(0)}55%,100%{transform:translateX(45px)}}@keyframes av-print{0%,20%{transform:scaleY(.05);opacity:.3}55%,90%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.05);opacity:.3}}@keyframes av-notify{0%,15%{opacity:.2;transform:translateY(-15px)}35%,90%{opacity:1;transform:translateY(0)}100%{opacity:.2;transform:translateY(-15px)}}.av-stage.is-paused *{animation-play-state:paused!important}.av-stage.is-still *{animation:none!important}.av-stage.is-still .av-laser{opacity:0}.av-stage.is-still .av-location{transform:translateX(45px)}@media(max-width:1000px){.av-workflow{grid-template-columns:1fr}.av-explanation{padding:30px}.av-stage{min-height:470px}}@media(max-width:700px){.av-steps{grid-template-columns:1fr}.av-options{gap:8px}.av-options button{flex:1 1 40%;padding:12px}.av-stage{padding:18px}.av-explanation{padding:25px}.av-connected{font-size:9px}.av-notification{max-width:290px;padding:15px}.av-notification strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.av-stage *{animation:none!important}.av-laser{opacity:0}.av-location{transform:translateX(45px)}}