
.storefront-opening.store-entry{width:min(760px,88vw);height:auto;display:block;text-align:center;pointer-events:none}
.storefront-intro-copy .section-tag{margin-bottom:16px}
.storefront-intro-copy h2{font:400 clamp(36px,4vw,56px)/1.02 "Awesome Serif",Georgia,serif;letter-spacing:-.025em;color:#fff;margin:0}
.storefront-intro-copy h2 em{font-weight:400}
.journey-window{will-change:width,height,top;box-shadow:0 24px 72px #0007}
.journey-store{--browser-bar-height:40px}
.journey-store>img{top:var(--browser-bar-height);height:calc(100% - var(--browser-bar-height));border-top-left-radius:0;border-top-right-radius:0}
.storefront-browser-bar{position:absolute;inset:0 0 auto;height:var(--browser-bar-height);z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;overflow:hidden;border-bottom:1px solid #ffffff18;background:#17191b;color:#c7c9ce;font:400 12px/1 Inter,Arial,sans-serif;white-space:nowrap}
.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff35}
.storefront-connected{justify-self:end;width:5px;height:5px;border-radius:50%;background:#72cba2;box-shadow:0 0 12px #72cba250}
.storefront-scan{position:absolute;inset:var(--browser-bar-height) 0 0;z-index:2;pointer-events:none;overflow:hidden}
/* Monochrome radial scan, clipped to the storefront image. */
.storefront-scan-ripple{display:block;width:100%;height:100%}
.storefront-status{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font:400 16px/24px Inter,Arial,sans-serif;color:#c1c5cc;white-space:nowrap;pointer-events:none}
.storefront-status-dot{width:6px;height:6px;border-radius:50%;background:#d9d9d9;box-shadow:0 0 12px #ffffff35;animation:storefront-pulse 2s ease-in-out infinite}
.storefront-status-dots{width:12px;text-align:left;margin-left:-6px}
@keyframes storefront-pulse{50%{opacity:.4}}
@media(max-width:760px){.storefront-intro-copy h2{font-size:38px}.storefront-browser-bar{padding:0 12px}}
@media(max-height:800px) and (min-width:761px){.storefront-intro-copy h2{font-size:38px}.storefront-intro-copy .section-tag{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.storefront-scan{display:none}.storefront-status-dot{animation:none}}
