/* Mobile-only presentation. Desktop rules and authentication are unchanged. */
@layer cameraRefinement {
 @media(max-width:760px){
  .hero-copy .hero-eyebrow,.hero-copy h1,.hero-copy .hero-description{display:none}
  .hero-layout{row-gap:0}
  .hero-visual{height:auto;min-height:0;margin-inline:0;padding:12px 0 22px}
  .hero .hero-demo{position:relative;left:auto;right:auto;top:auto;transform:none;width:min(320px,100%);margin-inline:auto}
  .hero-copy{top:0;padding:0 0 26px;width:100%;max-width:none}
  .hero .store-badges{width:100%;max-width:none;justify-content:center;flex-wrap:nowrap;gap:12px;margin-top:0;--badge-height:min(44px,calc((100cqi - 12px)/6.348743))}
  .hero .hero-pro{width:100%;max-width:none;min-height:46px;margin-top:14px}
  .pricing-grid .free-card{display:none}
  .pricing-grid{grid-template-columns:minmax(0,1fr);max-width:400px;margin-inline:auto;gap:0}
  .pricing-grid .pro-card{width:100%;min-width:0}
  .mobile-popup.mobile-nav,.mobile-popup.account-menu{position:fixed;top:var(--mobile-popup-top,68px);left:var(--mobile-popup-left,12px);right:auto;width:var(--mobile-popup-width,264px);max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--mobile-popup-top,68px) - 14px);overflow-y:auto;overscroll-behavior:contain;z-index:100;padding:8px;border:1px solid #caff582c;border-radius:18px;background:linear-gradient(145deg,#17251bea,#0a1512e8);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 18px 48px #0007,inset 0 1px 0 #e8ffc00a;opacity:0;transform:translateY(-7px) scale(.98);transform-origin:top right;transition:opacity 180ms ease,transform 180ms ease;animation:none}
  .mobile-popup.is-open{opacity:1;transform:none}
  .mobile-popup:not(.is-open){pointer-events:none}
  .mobile-nav.mobile-popup a,.mobile-popup .account-menu-action{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;border:0;border-radius:11px;font-size:12px;line-height:1.4;color:#e8f1e3;text-align:left;letter-spacing:0;background:none}
  .mobile-nav.mobile-popup a:hover,.mobile-popup .account-menu-action:hover{background:#caff5810}
  .mobile-popup a:focus-visible,.mobile-popup button:focus-visible{outline:2px solid #caff58;outline-offset:-2px;background:#caff5810}
  .mobile-popup .mobile-menu-icon{width:18px;height:18px;flex-shrink:0;color:#caff58;opacity:.9}
  .mobile-nav.mobile-popup a>.icon:last-child,.mobile-popup .mobile-action-arrow{width:13px;height:13px;margin-left:auto;flex-shrink:0;color:#90a58a}
  .mobile-nav.mobile-popup a:last-child{border-top:1px solid #d5ff631a;border-radius:0 0 11px 11px;margin-top:6px;padding-top:14px}
  .mobile-popup .account-menu-identity{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:4px;padding:10px 10px 14px;margin:0 0 5px;border-bottom:1px solid #d5ff631c}
  .mobile-popup .account-menu-identity strong{grid-column:2;font-size:13px;line-height:1.35}
  .mobile-popup .account-menu-identity>[data-account-email]{grid-column:2;font-size:10px;line-height:1.5;color:#a9bca5}
  .mobile-profile-icon{grid-column:1;grid-row:1/4;align-self:start;display:grid;place-items:center;width:34px;height:38px;border-radius:12px;background:#caff5810;border:1px solid #caff581f;color:#caff58}
  .mobile-profile-icon .icon{width:19px;height:19px}
  .mobile-popup .account-menu-identity .mobile-account-status{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:5px;width:auto;padding:3px 7px;margin-top:2px;border:1px solid #9bb78b25;border-radius:20px;font-size:9px;line-height:1.2;color:#bfceb8;background:#c4d5b409}
  .mobile-account-status::before{content:'';width:4px;height:4px;border-radius:50%;background:#9cae94}
  .mobile-account-status[data-state=connected]::before{background:#caff58}
  .mobile-account-label{padding:7px 12px 3px;font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#8fa587}
  .mobile-popup .account-menu-action>span{flex:1;min-width:0}
  .mobile-popup .account-menu-action:disabled{opacity:.5;cursor:default;background:none}
  .mobile-popup .account-sign-out{border-top:1px solid #d5ff631a;border-radius:0 0 11px 11px;margin-top:6px;color:#c7dfa9}
  .mobile-popup .account-menu-note{padding:9px 12px 5px;margin-top:5px;border-top:1px solid #d5ff6317;font-size:10px;line-height:1.5;color:#92a78b}
 }
 @media(max-width:760px) and (prefers-reduced-motion:reduce){.mobile-popup.mobile-nav,.mobile-popup.account-menu{transition:none}}
}