/* Static screenshot gallery: native layout and dialog, without dependencies. */
.a-phone-screen{border:5px solid #26272c;border-radius:27px;overflow:hidden;background:#f8f8fa;box-shadow:inset 0 0 0 1px #44454a,0 20px 35px #1c25322b;filter:none}
.a-phone-screen img{width:100%;height:auto;border-radius:21px}
.a-mobile-experience{padding-top:96px}
.a-mobile-experience .eyebrow{color:#8d929b}
.mobile-section-intro>p{font-size:15px;line-height:1.9;color:var(--muted)}
.mobile-section-intro .text-link{margin-top:15px;font-size:13px;gap:30px}
.mobile-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mobile-showcase{margin:0;padding:29px 19px 18px;border-radius:23px;min-width:0;background:#eaf0f6}
.mobile-playlists{background:#eeebe9}.mobile-stats{background:#f6eaee}.mobile-library{background:#e9ecef}
.mobile-showcase figcaption{padding:0 7px 25px}
.mobile-showcase .card-kicker{font-size:10px;color:#7d8189;letter-spacing:.07em}
.mobile-showcase h3{font-size:23px;line-height:1.4;letter-spacing:-.04em;margin:15px 0 12px}
.mobile-showcase figcaption p{font-size:11px;line-height:1.8;color:#7b7e86}
.screenshot-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;border-radius:24px}
.mobile-screen{display:block;padding:5px;background:#25262b;border:1px solid #46474d;border-radius:26px;box-shadow:0 18px 26px -16px #24273652;overflow:hidden;transition:transform .25s,box-shadow .25s}
.mobile-screen img{width:100%;height:auto;border-radius:20px}
.screenshot-open:hover .mobile-screen{transform:translateY(-5px);box-shadow:0 23px 30px -16px #24273666}
.screenshot-hint{display:flex;justify-content:space-between;align-items:center;padding:20px 7px 0;font-size:10px;color:#777d86}
.screenshot-hint>span{font-size:16px}
.mobile-gallery-note{display:flex;justify-content:space-between;gap:15px;padding:22px 0 0;color:#969ba4;font-size:11px}
.gallery-swipe{display:none}.gallery-desktop-note>span{margin-left:10px}
.screenshot-dialog{border:1px solid #e1e3e9;border-radius:24px;padding:24px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:#f7f8fa;color:#191b20;box-shadow:0 35px 100px #0004;overflow:auto;overscroll-behavior:contain}
.screenshot-dialog::backdrop{background:#111724b3;backdrop-filter:blur(10px)}
.screenshot-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.screenshot-dialog-toolbar .eyebrow{color:#9196a0;font-size:9px;letter-spacing:.1em}
.screenshot-dialog h2{font-size:21px;margin-top:6px;letter-spacing:-.02em}
.screenshot-dialog form{margin:0}.screenshot-close{width:38px;height:38px;border:1px solid #dde0e6;border-radius:50%;font-size:25px;background:#fff;color:#666b75}
.screenshot-dialog-image{display:flex;justify-content:center}
.screenshot-dialog-image img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 220px);border:4px solid #25262b;border-radius:22px;object-fit:contain;background:#f7f8fa}
.screenshot-dialog-footer{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:20px;font-size:12px;color:#878d98}
.screenshot-dialog-footer button{border:1px solid #dde0e6;background:#fff;color:#191b20;border-radius:50%;width:38px;height:38px;font-size:18px}
.mobile-gallery:focus-visible{outline:3px solid #628eff;outline-offset:7px;border-radius:24px}
@media(max-width:1100px) and (min-width:761px){.mobile-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mobile-showcase{display:flex;align-items:center;gap:15px;padding:24px}.mobile-showcase figcaption{flex:1;min-width:0;padding:0}.screenshot-open{width:48%;flex-shrink:0}.mobile-showcase h3{font-size:22px}.mobile-showcase figcaption p{font-size:11px}.screenshot-hint{padding-top:14px}}
@media(max-width:760px){.a-phone-screen{border-width:2px;border-radius:11px}.a-phone-screen img{border-radius:9px}.a-mobile-experience{padding-top:63px}.mobile-section-intro>p{font-size:12px;line-height:1.9;margin-top:20px}.mobile-section-intro .text-link{font-size:12px;margin-top:12px}.mobile-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;padding:3px 2px 15px;margin-inline:-2px;scrollbar-width:thin;scrollbar-color:#cfd4dc transparent}.mobile-showcase{flex:0 0 85%;scroll-snap-align:start;padding:27px 27px 17px;border-radius:21px}.mobile-showcase figcaption{padding:0 0 23px}.mobile-showcase h3{font-size:25px;margin-top:13px}.mobile-showcase figcaption p{font-size:12px}.mobile-screen{border-radius:27px}.mobile-screen img{border-radius:21px}.screenshot-hint{padding-inline:0;font-size:11px}.mobile-gallery-note{padding-top:15px;font-size:9px;gap:10px}.gallery-swipe{display:inline}.gallery-swipe>span{margin-left:7px}.gallery-desktop-note{display:none}.screenshot-dialog{padding:20px;border-radius:20px}.screenshot-dialog-image img{max-height:calc(100dvh - 210px)}}
@media(prefers-reduced-motion:reduce){.mobile-screen{transition:none}.screenshot-open:hover .mobile-screen{transform:none}}