.home-page .home-phone-overlay{position:absolute;z-index:12;inset:0;width:375px;height:812px;pointer-events:none;contain:layout style paint}
.home-page .home-phone-overlay[hidden]{display:none}
.home-page .home-demo-touch{position:absolute;z-index:15;width:30px;height:30px;border:1.5px solid #fff9;border-radius:50%;background:#ffffff26;box-shadow:0 1px 8px #0002;opacity:0;pointer-events:none}
.home-page .phone-demo-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:4px}
.home-page #homePhonePlay{min-height:36px;padding:6px 12px;border:1px solid #d6dfd7;border-radius:20px;color:#557364;background:#f7f9f4;font:inherit;font-size:10px;cursor:pointer}
.home-page #homePhonePlay:hover{background:#ecf1e9}
.home-page .phone-demo-guide{min-height:36px;display:inline-flex;align-items:center;color:#657b6d;font-size:10px;text-underline-offset:4px;text-decoration:underline;text-decoration-color:#c5d1c6}
.home-page .camera-showcase figcaption #homePhoneStage{font-size:12px;min-height:18px;color:#4b6354}
.home-page .camera-showcase figcaption{min-height:72px}
.home-page .camera-showcase figcaption small{font-size:10px}
.home-page .phone-demo-controls{flex-wrap:wrap;gap:8px 12px}
.home-page .phone-demo-controls :is(button,a){min-height:44px}
.home-page #homePhoneInteract{min-height:36px;padding:6px 12px;border:1px solid #d6dfd7;border-radius:20px;color:#557364;background:#f7f9f4;font:inherit;font-size:10px;cursor:pointer}
.home-page .phone-demo-enlarge{min-height:36px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.home-page .home-phone-dialog{width:min(calc(100% - 24px),470px);max-height:calc(100svh - 24px);padding:16px 18px;overflow:auto;border-radius:24px}
.home-page .home-phone-close{display:block;min-height:40px;margin:0 0 12px auto;padding:8px 14px;border:1px solid #506357;border-radius:12px;background:#27362c;color:#edf1ed;font:inherit;font-size:12px;cursor:pointer}
.home-page .home-phone-dialog .phone-frame{width:min(100%,375px,max(220px,calc((100svh - 144px)*.4722)));margin:auto}
.home-page .home-phone-dialog>p{margin:14px 0 0;color:#afc2b5;font-size:11px;text-align:center;line-height:1.6}
.home-page .home-interactive-host{position:absolute;z-index:20;top:0;left:0;width:375px;height:812px;transform:scale(var(--screen-scale));transform-origin:0 0;border-radius:38px;overflow:hidden;clip-path:inset(0 round 38px)}
.home-page .home-interactive-host[hidden]{display:none}
.home-page .home-phone-hotspot{position:absolute;z-index:13;margin:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;cursor:pointer;color:transparent}
.home-page .home-phone-hotspot:focus-visible{outline:3px solid #dce8de;outline-offset:-3px;background:#ffffff0c}
.home-page .hotspot-surface{inset:0;border-radius:38px;z-index:11}
.home-page .hotspot-watermark{left:19px;top:508px;width:270px;height:112px}
.home-page .hotspot-settings{right:12px;top:90px;width:44px;height:44px;border-radius:50%}
.home-page .hotspot-verify{left:50px;top:90px;width:44px;height:44px;border-radius:50%}
.home-page .hotspot-shutter{left:145px;bottom:45px;width:85px;height:85px;border-radius:50%}
.home-page .hotspot-album{left:44px;bottom:60px;width:48px;height:48px;border-radius:50%}
.home-page .hotspot-switch{right:44px;bottom:60px;width:48px;height:48px;border-radius:50%}
.home-page .hotspot-flash{left:108px;bottom:138px;width:38px;height:42px;border-radius:50%}
.home-page .hotspot-rotate{left:228px;bottom:138px;width:38px;height:42px;border-radius:50%}
@media(prefers-reduced-motion:reduce){.home-page .home-phone-overlay,.home-page .home-demo-touch{display:none!important}.home-page #homePhonePlay{display:none}}

/* All homepage control symbols use vectors rather than font glyphs. */
.home-page .home-ui-icon{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.16em}
.home-page :is(.phone-demo-enlarge,.phone-demo-guide){display:inline-flex;align-items:center;justify-content:center;gap:6px}
.home-page .home-phone-close{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content}
.home-page .mini-rotate .home-ui-icon{width:20px;height:20px}
.home-page .mini-flash .home-ui-icon{width:12px;height:14px}
.home-page .dialog-close .home-ui-icon{width:18px;height:18px}