.app-show{--pw: clamp(168px, 44vw, 262px);position:relative;width:100%;max-width:620px;margin-inline:auto}.app-stage{position:relative;height:calc(var(--pw)*2.1667 + 26px);perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.app-stage::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--pw)*2.2);height:calc(var(--pw)*2.2);transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, rgba(35, 115, 239, 0.22), rgba(109, 79, 224, 0.1) 45%, transparent 68%);pointer-events:none}.app-phone{position:absolute;left:50%;top:13px;width:var(--pw);margin:0 0 0 calc(var(--pw)/-2);cursor:pointer;transform:translate3d(calc(var(--x, 0) * var(--pw)), 0, 0) scale(var(--s, 1)) rotateY(var(--r, 0deg));opacity:var(--o, 1);z-index:var(--z, 1);transition:transform .75s var(--ease),opacity .6s var(--ease)}.app-phone[data-pos="0"]{--z: 5;cursor:default}.app-phone[data-pos="-1"]{--x: -.6;--s: .8;--r: 16deg;--o: .96;--z: 4}.app-phone[data-pos="1"]{--x: .6;--s: .8;--r: -16deg;--o: .96;--z: 4}.app-phone[data-pos="-2"]{--x: -1.02;--s: .62;--r: 24deg;--o: 0;--z: 3;pointer-events:none}.app-phone[data-pos="2"]{--x: 1.02;--s: .62;--r: -24deg;--o: 0;--z: 3;pointer-events:none}.app-phone[data-pos=x]{--s: .5;--o: 0;--z: 1;pointer-events:none}.app-bezel{display:block;aspect-ratio:9/19.5;padding:calc(var(--pw)*.032);border-radius:calc(var(--pw)*.15);background:linear-gradient(145deg, #1b2f57, #0b1b3a 55%, #071229);box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 28px 50px -22px rgba(11,27,58,.55),0 10px 22px -12px rgba(11,27,58,.35)}.app-bezel img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--pw)*.12);background:var(--brand-600);-webkit-user-drag:none}.app-ctrl{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.4rem}.app-dots{display:flex;gap:0}.app-dots button{width:26px;height:26px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.app-dots button::before{content:"";width:9px;height:9px;border-radius:50%;background:#b9c8e6;transition:transform .3s var(--ease),background-color .3s,width .3s var(--ease)}.app-dots button[aria-current=true]::before{width:22px;border-radius:6px;background:var(--brand-600)}.app-nav{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand-700);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .2s,transform .2s var(--ease)}.app-nav:hover{background:var(--brand-50)}.app-nav .ic{width:18px;height:18px}.app-nav[data-app-prev] .ic{transform:rotate(180deg)}.app-cap{min-height:1.5em;margin:.35rem 0 0;text-align:center;font-size:.86rem;font-weight:600;color:var(--muted)}.app-chip-a{left:-30px;top:1%;z-index:6}.app-chip-b{right:-18px;bottom:4%;z-index:6}@media(max-width: 1199.98px){.app-chip-a,.app-chip-b{display:none}}@media(prefers-reduced-motion: no-preference){.app-show.is-live .app-phone[data-pos="0"] .app-bezel{animation:floaty 6s ease-in-out infinite}.app-show.is-live .app-chip-a{animation:floaty 6s ease-in-out -1s infinite}.app-show.is-live .app-chip-b{animation:floaty 7s ease-in-out -3s infinite}}@media(prefers-reduced-motion: reduce){.app-phone{transition:none}}.store-btns{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.store-btn{display:inline-flex;align-items:center;gap:.65rem;min-height:52px;padding:.5rem 1.15rem .5rem .95rem;border-radius:12px;background:var(--ink);color:#fff;text-decoration:none !important;font-weight:600;font-size:1.05rem;line-height:1.15;border:1.5px solid var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s}.store-btn:hover{color:#fff;background:#13295a;transform:translateY(-1px);box-shadow:0 12px 24px -12px rgba(11,27,58,.6)}.store-btn .ic{width:26px;height:26px}.store-btn small{display:block;font-size:.68rem;font-weight:500;letter-spacing:.02em;opacity:.85}.store-btn.is-light{background:#fff;color:var(--ink);border-color:#fff}.store-btn.is-light:hover{background:var(--brand-50);color:var(--ink)}.store-badge{display:inline-flex;border-radius:10px}.store-badge img{display:block;height:52px;width:auto}.app-hero .hero-actions{margin-top:1.5rem}.app-hero .hero-points{margin-bottom:0;margin-top:1.6rem}.app-hero .hero-note{margin-top:.9rem}.app-hero-visual{margin-top:2.2rem}@media(min-width: 992px){.app-hero-visual{margin-top:0}}.stack-card.way li .ic{color:var(--green)}.stack-card.way p,.stack-card.after p{font-size:.96rem;line-height:1.65}.app-home .checklist{margin-bottom:1.6rem}.app-home .store-btns{margin-bottom:1rem}
