.real-app-gallery{position:relative;padding:55px 0 50px;border-bottom:1px solid #ffffff28;margin-bottom:55px;color:#fff3ee}.real-app-gallery>header{text-align:center;max-width:760px;margin:0 auto 26px}.real-app-gallery h2{font-size:clamp(29px,3vw,42px);line-height:1.16;letter-spacing:-1px;margin:14px 0}.real-app-gallery header p{font-size:15px;line-height:1.6;color:#d8c5d3}.real-app-tabs{display:flex;justify-content:center;gap:8px;margin:25px 0 18px;flex-wrap:wrap}.real-app-tabs button{padding:11px 18px;border-radius:25px;border:1px solid #ffffff50;background:#ffffff12;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:13px}.real-app-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#ffad4935,#ef409c35);border-color:#ffbf9fbb;box-shadow:inset 0 1px 1px #fff5}.real-app-rail{display:flex;gap:26px;justify-content:center;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffac9777 transparent;padding:25px 12px 22px;min-width:0;align-items:start}.real-app-capture{flex:0 0 calc(25% - 21px);max-width:240px;min-width:0;padding:0;background:none;text-align:left;scroll-snap-align:center}.real-app-capture[hidden]{display:none!important}.real-app-phone{position:relative;display:block;width:100%;aspect-ratio:707/1536;padding:7px;border:1px solid #d9d5dd90;border-radius:32px;background:linear-gradient(135deg,#514b54,#111016 35%,#5e505c);box-shadow:inset 0 1px 2px #ffffff80,0 18px 32px #0007;overflow:hidden;isolation:isolate;clip-path:inset(0 round 32px)}.real-app-phone img{display:block;width:100%;height:100%;object-fit:contain;border-radius:25px;clip-path:inset(0 round 25px);background:#0b0b0d}.real-app-capture strong{display:block;font-size:13px;font-weight:550;line-height:1.5;padding:16px 5px 0;color:#fff0e7}.real-app-note,.real-app-swipe{text-align:center;font-size:11px;color:#c6b0c0;line-height:1.6;max-width:800px;margin:10px auto}.real-app-swipe{display:none}.real-app-call{display:flex;justify-content:center;align-items:center;gap:22px;margin:28px 0 0}.real-app-call>span{font-size:13px;color:#ddc7d8}.real-app-launch{border-radius:28px;padding:15px 22px;background:linear-gradient(115deg,#ffaf43,#ff626b,#ed1cae);font-size:14px;font-weight:600;color:white;box-shadow:0 7px 24px #ed3b8a20}.real-app-viewer .ep-photo-frame{border-radius:28px;padding:8px}.real-app-viewer .ep-photo-frame img{border-radius:20px}.real-app-viewer .ep-photo-counter{padding:0 55px;font-size:11px;line-height:1.5}.real-app-gallery button:focus-visible{outline:2px solid #ffd0ad;outline-offset:4px}
@media(max-width:1000px){.real-app-rail{gap:18px}.real-app-phone{border-radius:25px;padding:5px;clip-path:inset(0 round 25px)}.real-app-phone img{border-radius:20px;clip-path:inset(0 round 20px)}}
@media(max-width:760px){.real-app-gallery{padding:35px 0;margin-bottom:35px}.real-app-gallery header p{font-size:13px}.real-app-tabs{gap:5px;flex-wrap:nowrap;justify-content:space-between}.real-app-tabs button{font-size:11px;padding:10px 12px}.real-app-rail{justify-content:flex-start;gap:22px;padding-inline:9%;margin-inline:-5.55%;scroll-padding-inline:9%}.real-app-capture{flex:0 0 74%;width:74%;max-width:265px}.real-app-phone{border-radius:31px;padding:7px;clip-path:inset(0 round 31px)}.real-app-phone img{border-radius:24px;clip-path:inset(0 round 24px)}.real-app-capture strong{font-size:13px}.real-app-swipe{display:block}.real-app-call{flex-direction:column;gap:13px;margin-top:23px}.real-app-launch{font-size:13px;padding:14px 20px}.real-app-note{font-size:10px}.real-app-viewer .ep-photo-frame{padding:7px;border-radius:22px}.real-app-viewer .ep-photo-frame img{border-radius:16px}}
/* Front proportions from Apple's iPhone 17 Pro Max; desktop screen <= 10 cm. */
.real-app-phone{aspect-ratio:78/163.4;padding:2.7% 2.35%;border-radius:14% / 6.7%;background:linear-gradient(115deg,#a4a5aa,#343438 16%,#08090b 35%,#5c5e63 80%,#afb0b6);border:1px solid #b9bbc2;box-shadow:inset 0 0 0 2px #111217,inset 0 1px 2px #fff8,0 17px 32px #0008;clip-path:inset(0 round 14% / 6.7%)}
.real-app-phone img{border-radius:12.5% / 5.8%;clip-path:inset(0 round 12.5% / 5.8%);object-fit:contain;background:#000}
.real-app-phone:before{content:'';position:absolute;z-index:2;left:50%;top:2.5%;width:30%;height:3.7%;transform:translateX(-50%);border-radius:50px;background:#010102;box-shadow:inset 0 0 1px #333;pointer-events:none}
.real-app-phone:after{content:'';position:absolute;left:2px;top:20%;width:2px;height:10%;border-radius:3px;background:#aaa;box-shadow:0 45px 0 #aaa;pointer-events:none}
@media(min-width:761px){.real-app-capture{flex:0 0 184px;max-width:184px}.real-app-phone{height:auto;max-height:10cm;width:100%}.real-app-viewer .ep-photo-frame{width:min(190px,calc((100dvh - var(--shared-header-height) - 135px)*.477));max-height:10cm}.real-app-viewer .ep-photo-frame>img{max-height:calc(10cm - 18px);object-fit:contain}.real-app-viewer .ep-photo-frame:after{content:'';position:absolute;left:50%;top:3.2%;width:29%;height:3.8%;transform:translateX(-50%);background:#010102;border-radius:40px}}
.real-app-viewer .ep-photo-frame{background:linear-gradient(130deg,#797b82,#08090c 25%,#08090c 75%,#797b82);border:1px solid #b9bbc2;box-shadow:inset 0 0 0 2px #050609,0 20px 60px #0009}
.real-app-viewer .ep-photo-frame:after{content:'';position:absolute;z-index:2;left:50%;top:3%;width:29%;height:3.8%;transform:translateX(-50%);background:#010102;border-radius:40px;pointer-events:none}
/* One precise screen aperture is shared by the rail and its enlarged view. */
.real-app-capture{max-width:180px}
.real-app-phone{display:block;position:relative;width:100%;height:auto!important;max-height:none;aspect-ratio:78/163.4;padding:0!important;border-radius:14% / 6.7%;clip-path:inset(0 round 14% / 6.7%);box-sizing:border-box;overflow:hidden}
.real-app-display{position:absolute;left:4.2%;right:4.2%;top:50%;aspect-ratio:1320/2868;transform:translateY(-50%);display:block;border-radius:14% / 6.45%;overflow:hidden;isolation:isolate;clip-path:inset(0 round 14% / 6.45%);background:#000;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.real-app-phone .real-app-display>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none!important;max-width:none;object-fit:cover;object-position:center;border:0;border-radius:0!important;clip-path:none!important;background:#000;transform:none}
.real-app-phone:before{top:3.65%;height:3.7%;width:30%}
.real-app-viewer .ep-photo-frame{width:min(180px,calc((100dvh - var(--shared-header-height) - 135px)*.477356));max-width:none;max-height:none;aspect-ratio:78/163.4;padding:0!important;border:0;background:none;box-shadow:none;border-radius:0;clip-path:none;overflow:visible!important;isolation:auto}
.real-app-viewer .ep-photo-frame:before,.real-app-viewer .ep-photo-frame:after{display:none;content:none}
@media(min-width:761px){.real-app-capture{flex-basis:180px;max-width:180px}}
@media(max-width:760px){.real-app-capture{max-width:265px}.real-app-viewer .ep-photo-frame{width:min(84vw,calc((100dvh - var(--shared-header-height) - 135px)*.477356));max-width:320px}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.real-app-capture{perspective:900px}.real-app-capture .real-app-phone{transform:rotateX(var(--phone-rx,0deg)) rotateY(var(--phone-ry,0deg));transition:transform .2s ease-out,box-shadow .2s;will-change:auto}.real-app-capture:hover .real-app-phone,.real-app-capture:focus-visible .real-app-phone{box-shadow:inset 0 0 0 2px #111217,inset 0 1px 2px #fff8,0 20px 38px #0009,0 0 22px #ef40a52b}}
/* Keep every app capture complete inside its phone on narrow screens. */
@media(max-width:760px){.real-app-phone .real-app-display>img{object-fit:contain!important}.real-app-display{background:#070709}.real-app-capture{touch-action:manipulation}}