/* Full-width Android app campaign carousel. */
.app-panorama-slider{--app-slide-height:min(690px,calc(100vh - 194px));background:#001d45}
.app-panorama-slide{min-height:var(--app-slide-height);overflow:hidden}
.app-panorama-background{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.app-panorama-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.app-panorama-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00162ff5 0%,#001b3fd4 35%,#001b3f40 62%,#001b3f1a 100%),linear-gradient(0deg,#001d4590,transparent 30%);pointer-events:none}
.app-generated-background{background-position:center;background-size:cover}
.app-slide-pos .app-generated-background{background-image:url('../images/mobile-bg-pos.png')}
.app-slide-inventory .app-generated-background{background-image:url('../images/mobile-bg-inventory.png')}
.app-slide-reports .app-generated-background{background-image:url('../images/mobile-bg-reports.png')}
.app-slide-receipts .app-generated-background{background-image:url('../images/mobile-bg-receipts.png')}
.app-panorama-content{position:relative;z-index:2;display:flex;align-items:center;min-height:var(--app-slide-height);pointer-events:none}
.app-banner-copy{width:45%;max-width:555px;padding-block:35px;pointer-events:auto}
.app-banner-copy h1,.app-banner-copy h2{margin:0 0 21px;color:#fff;font:800 clamp(43px,4.1vw,66px)/1.08 var(--heading);letter-spacing:-2px;text-shadow:0 3px 20px #00102055}
.app-banner-copy h1 span,.app-banner-copy h2 span{color:#ff9d42}
.app-banner-copy>p{max-width:490px;color:#d9e5f7;font-size:15px;line-height:1.8}
.app-banner-copy .banner-kicker{margin-bottom:22px}
.app-banner-copy .banner-features{margin-top:22px}
.app-banner-copy .banner-actions{margin-top:27px}
.app-banner-copy .app-banner-note{display:flex;align-items:center;gap:8px;margin-top:21px;color:#c8d8ee;font-size:11px}
.app-slide-product-design{position:absolute;z-index:2;right:-12%;bottom:-1%;display:flex;align-items:flex-end;justify-content:center;width:70%;height:93%;pointer-events:none}
.app-slide-product-design>a{display:block;width:100%;height:100%;pointer-events:auto;transition:transform .25s ease}
.app-slide-product-design>a:hover{transform:translateY(-4px)}
.app-slide-product-design img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 40px #00102770)}
.app-panorama-slide .panorama-note{z-index:3}
.app-panorama-slider .slider-controls{background:#001832}
.app-panorama-slider .banner-trust{position:relative;z-index:3}
.app-panorama-slider :is(a,button):focus-visible{outline:2px solid #ffae58;outline-offset:4px}
.app-panorama-slide.is-active .app-banner-copy{animation:app-copy-enter .6s ease-out both}
.app-panorama-slide.is-active .app-slide-product-design{animation:app-screens-enter .75s ease-out both}
@keyframes app-copy-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes app-screens-enter{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:1100px){
    .app-panorama-slider{--app-slide-height:650px}
    .app-banner-copy{width:48%;max-width:490px}
    .app-banner-copy h1,.app-banner-copy h2{font-size:48px;letter-spacing:-1.7px}
    .app-slide-product-design{right:-17%;width:74%;height:93%}
}
@media(max-width:800px){
    .app-panorama-slider{--app-slide-height:auto}
    .app-panorama-slide{display:grid;grid-template-rows:auto 520px auto;min-height:0}
    .app-panorama-content{grid-row:1;min-height:0;padding-block:46px 35px}
    .app-banner-copy{width:100%;max-width:620px;padding:0}
    .app-banner-copy h1,.app-banner-copy h2{font-size:clamp(40px,8vw,57px)}
    .app-banner-copy>p{max-width:600px}
    .app-panorama-background{grid-row:1/3}
    .app-panorama-background::after{background:linear-gradient(180deg,#00162ff7 0,#001b3fd9 34%,#001b3f22 63%,#001d45c7 100%)}
    .app-slide-pos .app-panorama-background{grid-row:1/4}
    .app-slide-product-design{position:relative;grid-row:2;right:auto;bottom:auto;width:100%;height:100%;padding-inline:2%}
    .app-slide-product-design>a{height:100%}
    .app-panorama-slide .panorama-note{position:static;grid-row:3;padding:11px 18px 16px;background:#001d45;text-align:center}
}
@media(max-width:500px){
    .app-panorama-slide{grid-template-rows:auto 405px auto}
    .app-panorama-content{padding-block:37px 29px}
    .app-banner-copy h1,.app-banner-copy h2{font-size:clamp(36px,11vw,48px);letter-spacing:-1.4px}
    .app-banner-copy .banner-kicker{margin-bottom:18px}
    .app-banner-copy>p{font-size:14px;line-height:1.7}
    .app-banner-copy .banner-features{gap:9px 12px;margin-top:17px}
    .app-banner-copy .banner-actions{margin-top:22px}
    .app-banner-copy .app-banner-note{margin-top:18px}
    .app-slide-product-design{padding-inline:0}
    .app-panorama-slider .slider-selectors{overflow-x:auto;gap:19px}
    .app-panorama-slider .slider-selectors>button{min-width:92px}
    .app-banner-trust>.container{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.app-slide-product-design>a,.app-panorama-slide.is-active .app-banner-copy,.app-panorama-slide.is-active .app-slide-product-design{transition:none;animation:none}}