/* Only the replacement right-hand panel is styled. Existing hero / left column are untouched. */
.m2-app-preview{--ap-text:#edf0eb;--ap-muted:#aab5b4;--ap-line:#455057;--ap-card:#192126;--ap-gold:#f1c978;position:relative;height:470px;min-width:0;color:var(--ap-text);background:radial-gradient(ellipse at center,#b18a3620,transparent 68%);isolation:isolate}
.m2-ap-heading{position:absolute;top:-32px;left:0;right:70px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:800;letter-spacing:.12em}
.m2-ap-soon{border:1px solid var(--ap-line);padding:5px 9px;border-radius:30px;color:var(--ap-gold);letter-spacing:0;font-size:11px}
.m2-ap-phone{position:absolute;top:0;left:43%;height:410px;aspect-ratio:432/965;box-sizing:content-box;transform:translateX(-50%) rotate(-3deg);padding:7px;border:1px solid #6b7069;border-radius:24px;background:#151719;box-shadow:0 24px 55px #0005}
.m2-ap-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18px;background:#111}
.m2-ap-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .65s ease;pointer-events:none}
.m2-ap-slide.is-active{opacity:1}
.m2-ap-carousel{position:absolute;left:0;right:70px;bottom:0;display:flex;justify-content:center;align-items:center;gap:7px;color:var(--ap-muted);font-size:11px}
.m2-ap-carousel [data-caption]{width:140px;min-width:80px;flex-shrink:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m2-app-preview button{font:inherit;cursor:pointer;color:var(--ap-text);border:1px solid var(--ap-line);background:var(--ap-card);display:inline-flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation}
.m2-ap-arrow,.m2-ap-pause{width:32px;height:32px;border-radius:9px}
.m2-ap-arrow{flex-shrink:0}.m2-app-preview .m2-ap-pause{width:68px;flex-shrink:0;font-size:11px}
.m2-app-preview .m2-ap-arrow{font-size:23px}
.m2-app-preview button:focus-visible{outline:3px solid var(--ap-gold);outline-offset:3px}
.m2-app-preview button:hover{border-color:var(--ap-gold)}
.m2-ap-feedback{position:absolute;bottom:60px;left:auto;right:0;width:112px;padding:10px 8px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:1px solid var(--ap-line);border-radius:13px;background:var(--ap-card);box-shadow:0 12px 25px #0001}
.m2-ap-feedback>span{width:100%;text-align:center}
.m2-ap-feedback>span{margin-right:4px}
.m2-ap-feedback button{width:42px;height:40px;border-radius:11px}
.m2-ap-feedback svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.m2-ap-feedback button[aria-pressed=true]{background:#b9913d26;border-color:var(--ap-gold);color:var(--ap-gold)}
.m2-ap-feedback button[data-vote="-1"][aria-pressed=true]{background:#c9605120;border-color:#dd8a78;color:#dd8a78}
.m2-app-preview button:disabled{opacity:.45;cursor:default}
.home-premium .m2-app-preview .m2-ap-status{position:absolute;left:0;right:0;top:100%;margin:3px 0 0;text-align:center;font-size:11px;line-height:1.4;color:var(--ap-muted)}
.m2-ap-noscript{position:absolute;bottom:0;font-size:11px}
html[data-theme=light] .m2-app-preview{--ap-text:#263139;--ap-muted:#53616a;--ap-line:#cbd3d2;--ap-card:#fffefa;--ap-gold:#95631d}
html[data-theme=light] .m2-ap-phone{box-shadow:0 24px 55px #26313930}
@media(max-width:992px){.m2-ap-heading{top:1px;right:0}.m2-ap-phone{height:340px;top:27px;left:50%}.m2-ap-carousel{right:0;bottom:50px}.m2-ap-feedback{width:auto;left:0;right:0;bottom:2px;padding:0;flex-wrap:nowrap;border:0;background:none;box-shadow:none;font-size:13px}.m2-ap-feedback>span{width:auto}}
@media(max-width:768px){.m2-app-preview{height:530px}.m2-ap-phone{height:380px;top:27px}.m2-ap-heading{top:1px}}
@media(prefers-reduced-motion:reduce){.m2-ap-slide{transition:none}.m2-ap-phone{transform:translateX(-50%)}}
/* Keep all controls centred around the phone, not beside the hero panel. */
.m2-app-preview{--ap-phone-height:500px;--ap-phone-top:0px;height:600px}
.m2-ap-heading{right:0}
.m2-ap-phone{left:50%;height:var(--ap-phone-height);top:var(--ap-phone-top);transform:translateX(-50%)}
.m2-ap-carousel{inset:0;display:block;pointer-events:none}
.m2-ap-carousel [data-caption]{position:absolute;top:calc(var(--ap-phone-top) + var(--ap-phone-height) + 23px);left:0;width:100%;min-width:0}
.m2-app-preview .m2-ap-arrow{position:absolute;top:calc(var(--ap-phone-top) + var(--ap-phone-height)/2 + 8px);transform:translateY(-50%);width:36px;height:40px;pointer-events:auto}
.m2-ap-arrow[data-prev]{left:calc(50% - var(--ap-phone-height)*.224 - 58px)}
.m2-ap-arrow[data-next]{right:calc(50% - var(--ap-phone-height)*.224 - 58px)}
.m2-ap-feedback{top:calc(var(--ap-phone-top) + var(--ap-phone-height) + 45px);bottom:auto;left:0;right:0;width:auto;padding:0;flex-wrap:nowrap;border:0;background:none;box-shadow:none}
.m2-ap-feedback>span{width:auto;margin-right:4px}
.home-premium .m2-app-preview .m2-ap-status{top:calc(var(--ap-phone-top) + var(--ap-phone-height) + 88px)}
@media(max-width:992px){.m2-app-preview{--ap-phone-height:380px;--ap-phone-top:27px;height:510px}}
@media(max-width:768px){.m2-app-preview{--ap-phone-height:400px;--ap-phone-top:27px;height:540px}.m2-ap-arrow[data-prev]{left:calc(50% - var(--ap-phone-height)*.224 - 48px)}.m2-ap-arrow[data-next]{right:calc(50% - var(--ap-phone-height)*.224 - 48px)}}