.iphone-stage{--phone-h:min(94svh, 960px);--phone-w:calc(var(--phone-h) * 212 / 438);--bezel:calc(var(--phone-h) * 6 / 438);--radius-outer:calc(var(--phone-h) * 35 / 438);--radius-inner:calc(var(--phone-h) * 35 / 438);--notch-w:calc(var(--phone-h) * 76 / 438);--notch-h:calc(var(--phone-h) * 20 / 438);background:var(--brand-paper,#fdfbf6);justify-content:center;align-items:center;min-height:100svh;padding:2rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.iphone-device-wrap{width:var(--phone-w);height:var(--phone-h);flex-shrink:0}.iphone-device{width:100%;height:100%;position:relative}.iphone-outside-border{border-radius:var(--radius-outer);border:max(.6px, calc(var(--phone-h) * .6 / 438)) solid #ffffffe0;background:linear-gradient(155deg,#3a3a3f 0%,#222226 42%,#121214 100%);width:100%;height:100%;position:relative;box-shadow:0 2.8px 2.2px #1919190a,0 6.7px 5.3px #1919190f,0 12.5px 10px #19191912,0 22.3px 17.9px #19191914,0 41.8px 33.4px #1919191a,0 80px 64px #19191924}.iphone-silencer{left:max(-2px, calc(var(--phone-w) * -2 / 212));width:max(2px, calc(var(--phone-w) * 2 / 212));height:calc(var(--phone-h) * 13 / 438);background:#ffffffd1;border-radius:5px;position:absolute;top:18.6%}.iphone-volume-up{left:max(-1.5px, calc(var(--phone-w) * -1.5 / 212));width:max(1px, calc(var(--phone-w) * 1.5 / 212));height:calc(var(--phone-h) * 28 / 438);background:#ffffffd1;border-radius:5px;position:absolute;top:25.1%}.iphone-volume-down{left:max(-1.5px, calc(var(--phone-w) * -1.5 / 212));width:max(1px, calc(var(--phone-w) * 1.5 / 212));height:calc(var(--phone-h) * 28 / 438);background:#ffffffd1;border-radius:5px;position:absolute;top:33.8%}.iphone-power{right:max(-2px, calc(var(--phone-w) * -2 / 212));width:max(2px, calc(var(--phone-w) * 2 / 212));height:calc(var(--phone-h) * 45 / 438);background:#ffffffd1;border-radius:5px;position:absolute;top:27.6%}.iphone-inside-border{border:var(--bezel) solid #000;border-radius:var(--radius-inner);background:var(--brand-paper,#fdfbf6);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.iphone-notch{z-index:30;width:var(--notch-w);height:var(--notch-h);border-bottom-left-radius:calc(var(--phone-h) * 15 / 438);border-bottom-right-radius:calc(var(--phone-h) * 15 / 438);pointer-events:none;background:#000;justify-content:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #000000d9}.iphone-notch-dot{width:calc(var(--notch-h) * .28);height:calc(var(--notch-h) * .28);background:#fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:25%;left:16%}.iphone-notch-dot-inner{opacity:.35;filter:blur(.5px);background:#fff;border-radius:50%;width:80%;height:80%}.iphone-notch-speaker{background:#ffffff47;border-radius:999px;width:37%;height:5%;position:absolute;top:35%}.iphone-status-bar{z-index:25;justify-content:space-between;align-items:center;gap:calc(var(--phone-w) * 5 / 212);padding:calc(var(--phone-h) * 8 / 438) calc(var(--phone-w) * 14 / 212) 0;font-size:calc(var(--phone-h) * 10 / 438);color:var(--brand-ink,#191919);pointer-events:none;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.iphone-status-time{min-width:calc(var(--phone-w) * 28 / 212);font-variant-numeric:tabular-nums;letter-spacing:.02em}.iphone-status-trailing{align-items:center;gap:calc(var(--phone-w) * 5 / 212);display:flex}.iphone-screen:has(.app-wizard-header) .iphone-status-bar{color:#ffffffeb}.iphone-screen:has(.app-wizard-header) .iphone-status-battery{border-color:#ffffffbf}.iphone-screen:has(.app-wizard-header) .iphone-status-battery-bar{background:#fff}.iphone-screen:has(.app-wizard-header) .iphone-status-battery-tip{background:#ffffffbf}:is(.iphone-screen:has(.app-home-header) .iphone-status-bar,.iphone-screen:has(.app-page-header) .iphone-status-bar){color:var(--brand-ink,#191919)}:is(.iphone-screen:has(.app-home-header) .iphone-status-battery,.iphone-screen:has(.app-page-header) .iphone-status-battery){border-color:#1919196b}:is(.iphone-screen:has(.app-home-header) .iphone-status-battery-bar,.iphone-screen:has(.app-page-header) .iphone-status-battery-bar){background:var(--brand-ink,#191919)}:is(.iphone-screen:has(.app-home-header) .iphone-status-battery-tip,.iphone-screen:has(.app-page-header) .iphone-status-battery-tip){background:#1919196b}.iphone-status-dots{letter-spacing:.08em;opacity:.88}.iphone-status-battery{width:calc(var(--phone-w) * 14 / 212);height:calc(var(--phone-h) * 7 / 438);margin-top:calc(var(--phone-h) * 2 / 438);border:max(.5px, calc(var(--phone-h) * .7 / 438)) solid #ffffffbf;border-radius:calc(var(--phone-h) * 2 / 438);position:relative}.iphone-status-battery-bar{background:#fff;border-radius:1px;width:calc(80% - 2px);height:calc(100% - 2px);margin:1px}.iphone-status-battery-tip{top:22%;right:calc(var(--phone-w) * -2 / 212);width:max(1px, calc(var(--phone-w) * 1 / 212));background:#ffffffbf;border-radius:2px;height:43%;position:absolute}.iphone-screen{background:var(--brand-paper,#fdfbf6);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;container:iphone-screen/inline-size}.iphone-screen-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-top:0;overflow:hidden auto}.iphone-screen-scroll--motion{flex-direction:column;display:flex;overflow:hidden}.iphone-route-stack{isolation:isolate;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.iphone-route-page{backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.iphone-route-page[data-exiting=true]{pointer-events:none!important}.iphone-app-content{flex-direction:column;flex:1;width:100%;max-width:100%;height:100%;min-height:0;font-size:clamp(11px,3.72cqw,15px);line-height:1.45;display:flex}.iphone-app-content :where(h1){font-size:clamp(1.05rem,5.8cqw,1.45rem);line-height:1.2}.iphone-app-content :where(h2){font-size:clamp(.95rem,5cqw,1.2rem)}.iphone-app-content :where(.app-header-compact:not(.app-wizard-header-safe)){padding-top:calc(var(--notch-h) + clamp(.35rem, 2.2cqw, .65rem));padding-bottom:clamp(.75rem,3.5cqw,1.25rem)}.iphone-app-content :where(.app-wizard-header-safe){padding-bottom:clamp(1rem,4.8cqw,1.35rem)}.iphone-app-content :where(.app-home-header),.iphone-app-content :where(.app-page-header),.iphone-app-content :where(.app-wizard-header){border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.iphone-app-content :where(.app-section){padding-left:clamp(.75rem,4cqw,1rem);padding-right:clamp(.75rem,4cqw,1rem)}.iphone-app-content :where(.app-gap){gap:clamp(.65rem,3.2cqw,1rem)}.iphone-app-content :where(.app-card){border-radius:var(--radius-card,1.5rem);padding:clamp(.65rem,3.5cqw,1rem)}.iphone-app-content :where(.app-sos-btn){border-radius:clamp(1rem,5.5cqw,1.5rem);padding-top:clamp(1.25rem,6cqw,1.75rem);padding-bottom:clamp(1.25rem,6cqw,1.75rem)}.iphone-app-content :where(.app-sos-icon){width:clamp(2.75rem,14cqw,3.75rem);height:clamp(2.75rem,14cqw,3.75rem)}.iphone-app-content :where(svg.lucide){width:clamp(.9rem,4.5cqw,1.15rem);height:clamp(.9rem,4.5cqw,1.15rem)}.iphone-app-content :where(.app-map){isolation:isolate;height:clamp(6.5rem,36cqw,11rem);min-height:clamp(6.5rem,36cqw,11rem);position:relative;overflow:hidden}.iphone-app-content :where(.app-map .mapboxgl-map),.iphone-app-content :where(.app-map .mapboxgl-canvas-container),.iphone-app-content :where(.app-map canvas){width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.iphone-app-content :where(.app-map--hero){height:clamp(11rem,62cqw,17.5rem);min-height:clamp(11rem,62cqw,17.5rem)}.iphone-app-content :where(.app-map>*){width:100%;height:100%}.iphone-app-content :where(input,button,select,textarea){font-size:inherit}.iphone-home-indicator{bottom:calc(var(--phone-h) * 6 / 438);z-index:20;width:calc(var(--phone-w) * 80 / 212);height:max(2px, calc(var(--phone-h) * 2 / 438));pointer-events:none;background:#3c3c3c59;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.iphone-screen .iphone-tab-bar{z-index:15;border-top:1px solid var(--border,#e1e1e1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:calc(var(--phone-h) * 4 / 438);padding-bottom:calc(var(--phone-h) * 10 / 438);font-size:calc(var(--phone-h) * 9 / 438);background:#fffffffa;position:absolute;bottom:0;left:0;right:0}.iphone-screen .iphone-tab-bar a{position:relative}.iphone-screen .iphone-tab-bar svg{width:calc(var(--phone-h) * 16 / 438);height:calc(var(--phone-h) * 16 / 438)}@media (max-width:479px){.iphone-stage:not(.iphone-stage--mockup){--phone-h:100svh;--phone-w:100vw;min-height:100svh;padding:0}.iphone-stage:not(.iphone-stage--mockup) .iphone-outside-border{box-shadow:none;background:0 0;border:none;border-radius:0}.iphone-stage:not(.iphone-stage--mockup) .iphone-silencer,.iphone-stage:not(.iphone-stage--mockup) .iphone-volume-up,.iphone-stage:not(.iphone-stage--mockup) .iphone-volume-down,.iphone-stage:not(.iphone-stage--mockup) .iphone-power{display:none}.iphone-stage:not(.iphone-stage--mockup) .iphone-inside-border{background:var(--brand-paper,#fdfbf6);border:none;border-radius:0}.iphone-stage:not(.iphone-stage--mockup) .iphone-notch,.iphone-stage:not(.iphone-stage--mockup) .iphone-status-bar,.iphone-stage:not(.iphone-stage--mockup) .iphone-home-indicator{display:none}.iphone-stage:not(.iphone-stage--mockup) .iphone-screen-scroll{padding-top:env(safe-area-inset-top,0px)}.iphone-stage:not(.iphone-stage--mockup) .iphone-app-content{font-size:16px}}@media (min-width:1200px){.iphone-stage{--phone-h:min(94svh, 980px)}}@media (min-width:1600px){.iphone-stage{--phone-h:min(94svh, 1020px)}}
