/* Approved app screens: fixed 390 × 844 canvas, scaled without reflow. */
.scene:has(.demo-phone){min-height:0;padding-bottom:18px;flex-direction:column}
.tel.demo-phone{max-width:390px;height:auto;aspect-ratio:410/864;transform:none!important;transition:none;padding:9px;border:2px solid #546168;border-radius:47px;background:#142b34;box-shadow:0 20px 45px #18353c24}
.tel.demo-phone::before{display:none}
.demo-phone .ecran{position:relative;display:block;padding:0;border-radius:36px;aspect-ratio:390/844;height:auto;overflow:hidden;isolation:isolate;background:#fcf8f2}
.demo-phone iframe{position:absolute;left:0;top:0;width:390px;height:844px;border:0;transform-origin:top left;background:#fcf8f2}
.demo-phone{scroll-margin-top:90px}
.demo-status{position:absolute;inset:0 0 auto;height:5.22%;display:flex;justify-content:space-between;padding:3.2% 7% 0;font:700 11px Nunito,sans-serif;color:#172c34;z-index:3;pointer-events:none;background:#fcf8f2}
.demo-phone[data-screen="day"] .demo-status,.demo-phone[data-screen="nearby"] .demo-status{background:transparent}
.demo-status::after{content:'';position:absolute;top:8px;left:36.5%;width:27%;height:19px;border-radius:20px;background:#11252d}
.demo-home{position:absolute;bottom:0;left:0;right:0;height:2.5%;background:#fcf8f2;pointer-events:none;z-index:3}
.demo-home::after{content:'';position:absolute;bottom:5px;left:34%;width:32%;height:4px;border-radius:6px;background:#11252d}
.demo-help{font-size:13px;line-height:1.5;text-align:center;color:#52656a;margin:18px auto 0;max-width:360px}
.demo-help a{display:inline-block;margin-left:8px;color:#8b501d;text-underline-offset:3px;min-height:28px}
.demo-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 32px));padding:16px 20px;border:1px solid #dccfbc;border-radius:18px;background:#fffdfa;color:#263c43;box-shadow:0 8px 28px #1233;z-index:100;font-size:14px;line-height:1.5}
.scene:has(.demo-phone) .scene-guide{pointer-events:none;right:-40px;bottom:-10px;width:110px;height:140px}
#proche .scene:has(.demo-phone) .scene-guide{right:-40px;bottom:-10px;width:110px;height:140px}
@media(max-width:760px){.tel.demo-phone{max-width:min(350px,calc(100vw - 48px))}.scene:has(.demo-phone){width:100%;min-height:0}.scene:has(.demo-phone) .scene-guide{display:none}.demo-help{font-size:12px}.demo-phone .ecran{border-radius:32px}}