.iphone-mockup{--screen-w:402px;--screen-h:874px;--bezel:11px;--frame:4px;--screen-r:56px;--page-muted:#6e6e73;--metal-1:#cfed27;--metal-2:#a6c214;--metal-3:#eefb98;--metal-edge:#5d6c06;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", var(--font-inter), "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, var(--font-inter), "Inter", sans-serif;font-family:var(--font);-webkit-font-smoothing:antialiased;letter-spacing:normal;text-align:left;color:#1d1d1f;line-height:normal;display:inline-block}.iphone-mockup *{box-sizing:border-box}.iphone-mockup button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.iphone-mockup svg{display:block}.iphone-mockup .device{width:calc(var(--screen-w) + 2 * (var(--bezel) + var(--frame)));height:calc(var(--screen-h) + 2 * (var(--bezel) + var(--frame)));border-radius:calc(var(--screen-r) + var(--bezel) + var(--frame));padding:var(--frame);background:linear-gradient(90deg, var(--metal-edge) 0%, var(--metal-3) 1.2%, var(--metal-1) 3%, var(--metal-2) 50%, var(--metal-1) 97%, var(--metal-3) 98.8%, var(--metal-edge) 100%);zoom:var(--scale);flex:none;position:relative;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 2px 1px #ffffff59,0 1px 2px #00000040,0 30px 60px -10px #00000059,0 60px 120px -30px #00000059}.iphone-mockup .device:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--metal-edge), var(--metal-edge)) 0 92px / 4px 3px no-repeat, linear-gradient(var(--metal-edge), var(--metal-edge)) 100% 92px / 4px 3px no-repeat, linear-gradient(var(--metal-edge), var(--metal-edge)) 0 calc(100% - 92px) / 4px 3px no-repeat, linear-gradient(var(--metal-edge), var(--metal-edge)) 100% calc(100% - 92px) / 4px 3px no-repeat;opacity:.55;position:absolute;inset:0}.iphone-mockup .btn{background:linear-gradient(90deg, var(--metal-edge), var(--metal-1) 40%, var(--metal-3) 70%, var(--metal-2));border-radius:2px;width:4px;position:absolute}.iphone-mockup .btn-action{border-radius:3px 0 0 3px;height:34px;top:168px;left:-3px}.iphone-mockup .btn-vol-up{border-radius:3px 0 0 3px;height:64px;top:232px;left:-3px}.iphone-mockup .btn-vol-down{border-radius:3px 0 0 3px;height:64px;top:310px;left:-3px}.iphone-mockup .btn-power{border-radius:0 3px 3px 0;height:100px;top:262px;right:-3px;transform:scaleX(-1)}.iphone-mockup .btn-power:active{right:-2px}.iphone-mockup .btn-camera{background:linear-gradient(90deg,#111,#444 60%,#222);border-radius:0 2px 2px 0;width:3px;height:70px;top:520px;right:-1px}.iphone-mockup .bezel{border-radius:calc(var(--screen-r) + var(--bezel));width:100%;height:100%;padding:var(--bezel);background:#000;box-shadow:inset 0 0 0 1.5px #1a1a1a,inset 0 0 6px #ffffff0f}.iphone-mockup .screen{width:var(--screen-w);height:var(--screen-h);border-radius:var(--screen-r);isolation:isolate;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#000;position:relative;overflow:clip}.iphone-mockup .wallpaper{z-index:-1;background:#10241a url(/marketing/iphone/wallpaper.jpg) 50%/cover no-repeat;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s;position:absolute;inset:0}.iphone-mockup .screen.unlocked .wallpaper{filter:blur(1px)brightness(.92);transform:scale(1.08)}.iphone-mockup .screen.app-open .wallpaper{filter:blur(6px)brightness(.7);transform:scale(1.15)}.iphone-mockup .status-bar{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;height:54px;padding:4px 32px 0 50px;transition:color .3s,opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.iphone-mockup .sb-time{letter-spacing:-.2px;text-align:center;width:56px;font-size:17px;font-weight:600}.iphone-mockup .screen.locked .sb-time{opacity:0}.iphone-mockup .sb-right{align-items:center;gap:6px;display:flex}.iphone-mockup .sb-signal{fill:currentColor;width:18px;height:12px}.iphone-mockup .sb-wifi{fill:currentColor;width:17px;height:12px}.iphone-mockup .sb-battery{background:#fff6;border-radius:4.2px;width:26px;height:12.5px;position:relative;overflow:hidden}.iphone-mockup .sb-battery-cap{background:#fff6;border-radius:0 1.5px 1.5px 0/0 2.3px 2.3px 0;width:1.5px;height:4.6px;margin:0 1px 0 -4.8px}.iphone-mockup .sb-battery-cap.is-full{background:#fff}.iphone-mockup .sb-battery-level{background:#fff;width:82%;position:absolute;inset:0 auto 0 0}.iphone-mockup .sb-battery-text{letter-spacing:-.3px;text-box:trim-both cap alphabetic;font-variant-numeric:tabular-nums;color:#000;mix-blend-mode:normal;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.iphone-mockup .status-bar.dark{color:#000}.iphone-mockup .status-bar.dark .sb-battery,.iphone-mockup .status-bar.dark .sb-battery-cap{background:#0000004d}.iphone-mockup .status-bar.dark .sb-battery-level,.iphone-mockup .status-bar.dark .sb-battery-cap.is-full{background:#000}.iphone-mockup .status-bar.dark .sb-battery-text{color:#fff}.iphone-mockup .island{z-index:60;cursor:pointer;background:#000;border-radius:20px;width:125px;height:37px;transition:width .55s cubic-bezier(.3,1.4,.4,1),height .55s cubic-bezier(.3,1.4,.4,1),border-radius .55s cubic-bezier(.3,1.4,.4,1),top .55s cubic-bezier(.3,1.4,.4,1);position:absolute;top:11px;left:50%;overflow:hidden;transform:translate(-50%)}.iphone-mockup .island-cam{background:radial-gradient(circle at 40% 38%,#2b3a5a 0 18%,#0d1220 30%,#050608 62%,#111 100%);border-radius:50%;width:15px;height:15px;transition:opacity .2s;position:absolute;top:11px;right:13px;box-shadow:inset 0 0 0 1.5px #0a0a0a}.iphone-mockup .island.compact{width:170px}.iphone-mockup .island.compact .island-cam{opacity:0}.iphone-mockup .island.expanded{border-radius:46px;width:374px;height:176px;top:9px}.iphone-mockup .island.expanded .island-cam{opacity:0}.iphone-mockup .island-content{opacity:0;transition:opacity .25s;position:absolute;inset:0}.iphone-mockup .island.compact .island-content,.iphone-mockup .island.expanded .island-content{opacity:1}.iphone-mockup .island-art{background:linear-gradient(135deg,#ff5ea8,#7c4dff 55%,#2bd2ff);border-radius:6px;width:23px;height:23px;transition:all .55s cubic-bezier(.3,1.4,.4,1);position:absolute;top:7px;left:8px}.iphone-mockup .island-wave{align-items:center;gap:2px;height:13px;transition:all .55s cubic-bezier(.3,1.4,.4,1);display:flex;position:absolute;top:12px;right:11px}.iphone-mockup .island-wave i{background:#ff7bb7;border-radius:2px;width:2.5px;height:100%;animation:1s ease-in-out infinite ip-wave}.iphone-mockup .island-wave i:nth-child(2){background:#c77dff;animation-delay:-.2s}.iphone-mockup .island-wave i:nth-child(3){background:#9f8bff;animation-delay:-.45s}.iphone-mockup .island-wave i:nth-child(4){background:#6fb6ff;animation-delay:-.7s}.iphone-mockup .island-wave i:nth-child(5){background:#4ed6ff;animation-delay:-.85s}@keyframes ip-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.iphone-mockup .island-meta,.iphone-mockup .island-progress,.iphone-mockup .island-controls{opacity:0;pointer-events:none;transition:opacity .2s}.iphone-mockup .island.expanded .island-meta,.iphone-mockup .island.expanded .island-progress,.iphone-mockup .island.expanded .island-controls{opacity:1;transition-delay:.18s}.iphone-mockup .island.expanded .island-art{border-radius:12px;width:54px;height:54px;top:22px;left:22px}.iphone-mockup .island.expanded .island-wave{gap:3px;height:20px;top:38px;right:26px}.iphone-mockup .island.expanded .island-wave i{width:3px}.iphone-mockup .island-meta{position:absolute;top:29px;left:90px}.iphone-mockup .island-title{font-size:16px;font-weight:600}.iphone-mockup .island-artist{color:#ffffff8c;margin-top:1px;font-size:15px}.iphone-mockup .island-progress{color:#ffffff8c;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:11px;font-weight:500;display:flex;position:absolute;top:94px;left:22px;right:22px}.iphone-mockup .island-progress .bar{background:#fff3;border-radius:3px;flex:1;height:5px;overflow:hidden}.iphone-mockup .island-progress .bar div{background:#fff;width:30%;height:100%}.iphone-mockup .island-controls{justify-content:center;align-items:center;gap:48px;display:flex;position:absolute;bottom:18px;left:0;right:0}.iphone-mockup .island-controls svg{fill:#fff;width:28px;height:28px}.iphone-mockup .island-controls svg.big{width:32px;height:32px}.iphone-mockup .ip-glass{background:hsl(0 0% 100%/var(--frost,0));position:relative;box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px lab(100% 0 0/.35),inset 0 0 10px 4px lab(100% 0 0/.15),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.iphone-mockup .ip-glass-filters{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.iphone-mockup .lock{z-index:20;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s;display:flex;position:absolute;inset:0}.iphone-mockup .screen.unlocked .lock{opacity:0;pointer-events:none;transform:translateY(-100%)}.iphone-mockup .lock.dragging{transition:none}.iphone-mockup .lock-top{text-align:center;padding-top:64px}.iphone-mockup .lock-padlock{fill:#fff;opacity:.95;width:18px;height:18px;margin:0 auto 10px}.iphone-mockup .lock-date{letter-spacing:-.2px;opacity:.92;font-size:20px;font-weight:600}.iphone-mockup .lock-time{font-family:var(--font-rounded);letter-spacing:-4px;background:linear-gradient(#fffffffa,#ffffffc7);color:#0000;filter:drop-shadow(0 2px 10px #0000001f);font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;margin-top:2px;font-size:112px;font-weight:700;line-height:1}.iphone-mockup .notif{color:#fff;border-radius:24px;align-items:center;gap:10px;margin:auto 12px 0;padding:12px 14px;display:flex}.iphone-mockup .notif-icon{border-radius:10px;flex:none;width:38px;height:38px}.iphone-mockup .notif-body{flex:1;min-width:0}.iphone-mockup .notif-head{justify-content:space-between;font-size:13px;display:flex}.iphone-mockup .notif-head b{opacity:.85;text-transform:none;font-weight:600}.iphone-mockup .notif-head span{opacity:.65}.iphone-mockup .notif-title{margin-top:1px;font-size:15px;font-weight:600}.iphone-mockup .notif-text{opacity:.95;font-size:15px;line-height:1.25}.iphone-mockup .lock-bottom{justify-content:space-between;align-items:center;padding:26px 46px 46px;display:flex}.iphone-mockup .lock-btn{border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .4s cubic-bezier(.175,.885,.32,2.2);display:grid}.iphone-mockup .lock-btn svg{fill:#fff;width:22px;height:22px}.iphone-mockup .lock-btn:active{background:#ffffffe6;transform:scale(1.15)}.iphone-mockup .lock-btn.on{background:#fffffff2}.iphone-mockup .lock-btn.on svg,.iphone-mockup .lock-btn:active svg{fill:#000}.iphone-mockup .lock-hint{opacity:.7;font-size:14px;font-weight:500;animation:2.6s ease-in-out infinite ip-hint}@keyframes ip-hint{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.85;transform:translateY(-3px)}}.iphone-mockup .home{z-index:10;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.2,.9,.25,1.05),opacity .35s;position:absolute;inset:0;transform:scale(1.12)}.iphone-mockup .screen.unlocked .home{opacity:1;pointer-events:auto;transform:none}.iphone-mockup .screen.app-open .home{opacity:0;transform:scale(.88)}.iphone-mockup .home-grid{grid-template-columns:repeat(4,62px);grid-auto-rows:84px;justify-content:space-between;row-gap:18px;display:grid;position:absolute;top:70px;left:26px;right:26px}.iphone-mockup .app{flex-direction:column;align-items:center;gap:5px;width:62px;display:flex}.iphone-mockup .app-label{letter-spacing:-.1px;text-shadow:0 1px 2px #00000040;white-space:nowrap;font-size:12px;font-weight:500}.iphone-mockup .icon{border-radius:22.37%;flex-shrink:0;place-items:center;width:62px;height:62px;transition:transform .18s,filter .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001f}.iphone-mockup .icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff38,#fff0 40%);position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 1px #00000014,inset 0 0 0 .5px #ffffff40}.iphone-mockup .app:active .icon{filter:brightness(.8);transform:scale(.9)}.iphone-mockup .icon svg{width:var(--glyph,60%);height:var(--glyph,60%)}.iphone-mockup .icon.full svg{width:100%;height:100%}.iphone-mockup .cal-icon{color:#000;flex-direction:column;align-items:center;line-height:1;display:flex}.iphone-mockup .cal-icon span{color:#ff3b30;letter-spacing:.3px;margin-top:2px;font-size:11px;font-weight:600}.iphone-mockup .cal-icon b{letter-spacing:-1px;margin-top:1px;font-size:34px;font-weight:300}.iphone-mockup .notif-icon .icon{zoom:.613;box-shadow:none}@keyframes ip-bounce{0%,to{transform:none}35%{transform:translateY(-34px)}65%{transform:translateY(-8px)}}.iphone-mockup .lock.bounce{animation:.55s cubic-bezier(.3,.7,.4,1) ip-bounce}.iphone-mockup .badge{z-index:2;color:#fff;background:#ff3b30;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:13px;font-weight:600;display:grid;position:absolute;top:-5px;right:-5px}.iphone-mockup .app{position:relative}.iphone-mockup .widget{border-radius:24px;grid-area:span 2/span 2;height:158px;padding:14px 15px;position:relative;box-shadow:0 4px 16px #00000026,inset 0 1px 1px #fff6,inset 0 0 0 .5px #fff3}.iphone-mockup .widget-label{text-align:center;color:#fff;text-shadow:0 1px 2px #00000040;font-size:12px;font-weight:500;position:absolute;bottom:-20px;left:0;right:0}.iphone-mockup .w-weather{background:linear-gradient(#3f74ad,#7199c4)}.iphone-mockup .ww-city{align-items:center;gap:3px;font-size:14px;font-weight:600;display:flex}.iphone-mockup .ww-city svg{fill:#fff;width:9px;height:9px}.iphone-mockup .ww-temp{letter-spacing:-1px;margin-top:1px;font-size:44px;font-weight:300;line-height:1}.iphone-mockup .ww-icon{position:absolute;bottom:49px;left:15px}.iphone-mockup .ww-icon svg{width:24px;height:19px}.iphone-mockup .ww-cond{font-size:13px;font-weight:600;position:absolute;bottom:30px;left:15px}.iphone-mockup .ww-hl{font-size:13px;font-weight:500;position:absolute;bottom:13px;left:15px}.iphone-mockup .w-cal{color:#000;background:#fff}.iphone-mockup .wc-day{color:#ff3b30;letter-spacing:.2px;font-size:11.5px;font-weight:700}.iphone-mockup .wc-num{letter-spacing:-1px;font-size:36px;font-weight:400;line-height:1.05}.iphone-mockup .wc-event{gap:7px;margin-top:6px;display:flex}.iphone-mockup .wc-event i{background:#af52de;border-radius:2px;flex:none;width:3.5px}.iphone-mockup .wc-event.alt i{background:#34c759}.iphone-mockup .wc-event b{font-size:12.5px;font-weight:600;line-height:1.2;display:block}.iphone-mockup .wc-event small{color:#8e8e93;font-size:11.5px;display:block}.iphone-mockup .search-pill{border-radius:15px;align-items:center;gap:5px;height:30px;padding:0 13px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.iphone-mockup .search-pill svg{fill:#fff;width:13px;height:13px}.iphone-mockup .dock{border-radius:40px;justify-content:space-around;align-items:center;height:94px;padding:0 10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.iphone-mockup .dock .app-label{display:none}.iphone-mockup .app-view{z-index:30;border-radius:var(--screen-r);background:var(--app-bg,#f2f2f7);color:var(--app-ink,#000);opacity:0;pointer-events:none;transform-origin:var(--ox,50%) var(--oy,50%);place-items:center;transition:transform .5s cubic-bezier(.2,.9,.25,1),opacity .25s,border-radius .5s;display:grid;position:absolute;inset:0;transform:scale(.2)}.iphone-mockup .screen.app-open .app-view{opacity:1;pointer-events:auto;transform:none}.iphone-mockup .app-view-inner{text-align:center}.iphone-mockup .app-view-icon{margin:0 auto 18px;transform:scale(1.4)}.iphone-mockup .app-view-name{letter-spacing:-.4px;font-size:28px;font-weight:700}.iphone-mockup .app-view-hint{opacity:.5;margin-top:6px;font-size:14px}.iphone-mockup .safari{color:#000;background:#fff;display:none;position:absolute;inset:0;overflow:clip}.iphone-mockup .app-view[data-app=safari] .safari{display:block}.iphone-mockup .safari-frame{width:calc(100% + var(--scrollbar-w,0px));background:#fff;border:0;height:calc(100% - 54px);position:absolute;top:54px;bottom:0;left:0}.iphone-mockup .safari-bar{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:26px;left:14px;right:14px}.iphone-mockup .sb-circle,.iphone-mockup .sb-address{color:#000}.iphone-mockup .sb-circle{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:transform .4s cubic-bezier(.175,.885,.32,2.2),opacity .2s;display:grid}.iphone-mockup .sb-circle svg{width:22px;height:22px}.iphone-mockup .sb-circle:active{transform:scale(.9)}.iphone-mockup .sb-circle:disabled{cursor:default}.iphone-mockup .sb-circle:disabled svg{opacity:.3}.iphone-mockup .sb-address{cursor:text;border-radius:24px;flex:1;align-items:center;gap:6px;min-width:0;height:48px;padding:0 6px 0 16px;display:flex;overflow:hidden}.iphone-mockup .sb-page{opacity:.75;flex:none;width:18px;height:18px}.iphone-mockup .sb-host{text-align:center;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.iphone-mockup .sb-input{min-width:0;font:500 16px var(--font);color:#000;caret-color:#0a84ff;background:0 0;border:0;outline:0;flex:1;display:none}.iphone-mockup .sb-address.editing .sb-host,.iphone-mockup .sb-address.editing .sb-reload{display:none}.iphone-mockup .sb-address.editing .sb-input{display:block}.iphone-mockup .sb-address.editing{padding-right:16px}.iphone-mockup .sb-reload{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.iphone-mockup .sb-reload svg{width:19px;height:19px}.iphone-mockup .sb-reload:active{background:#00000014}.iphone-mockup .sb-progress{transform-origin:0;opacity:0;background:#0a84ff;border-radius:2px;height:2.5px;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.iphone-mockup .sb-progress.loading{opacity:1;transition:transform 6s cubic-bezier(.1,.7,.2,1),opacity .2s;transform:scaleX(.85)}.iphone-mockup .sb-progress.done{opacity:0;transition:transform .2s,opacity .3s .2s;transform:scaleX(1)}.iphone-mockup .safari-menu{z-index:3;color:#000;opacity:0;transform-origin:100% 100%;pointer-events:none;border-radius:24px;flex-direction:column;width:210px;padding:6px;transition:transform .35s cubic-bezier(.175,.885,.32,1.4),opacity .2s;display:flex;position:absolute;bottom:84px;right:14px;transform:scale(.6)}.iphone-mockup .safari-menu.open{opacity:1;pointer-events:auto;transform:none}.iphone-mockup .safari-menu button{text-align:left;border-radius:18px;align-items:center;gap:12px;padding:11px 14px;font-size:16px;font-weight:500;display:flex}.iphone-mockup .safari-menu button:active{background:#00000014}.iphone-mockup .safari-menu button:disabled{opacity:.35;cursor:default}.iphone-mockup .safari-menu svg{flex:none;width:20px;height:20px}.iphone-mockup .app-layer{border-radius:inherit;position:absolute;inset:0}.iphone-mockup .app-layer-hidden{display:none}.iphone-mockup .drawer{z-index:35;border-radius:inherit;visibility:hidden;pointer-events:none;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s;display:flex;position:absolute;inset:0;overflow:clip;transform:translateY(-100%)}.iphone-mockup .drawer:before{content:"";z-index:-1;filter:blur(22px)brightness(.62);background:#10241a url(/marketing/iphone/wallpaper.jpg) 50%/cover no-repeat;position:absolute;inset:-30px}.iphone-mockup .drawer.open,.iphone-mockup .drawer.dragging{visibility:visible;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.iphone-mockup .drawer.open{pointer-events:auto;transform:none}.iphone-mockup .drawer.dragging{transition:none}.iphone-mockup .drawer .notif{margin:36px 12px 0}.iphone-mockup .screen.drawer-open .home-indicator{opacity:1;pointer-events:auto;background:#fff}.iphone-mockup .call-alert-scrim{z-index:50;background:#00000040;place-items:center;animation:.2s both ip-fade-in;display:grid;position:absolute;inset:0}.iphone-mockup .call-alert{-webkit-backdrop-filter:blur(30px);color:#000;text-align:center;background:#f2f2f7eb;border-radius:34px;width:290px;padding:22px 20px 16px;animation:.3s cubic-bezier(.3,1.4,.5,1) both ip-alert-in}.iphone-mockup .call-alert b{font-size:17px;font-weight:600;display:block}.iphone-mockup .call-alert p{margin:6px 0 18px;font-size:14px;line-height:1.35}.iphone-mockup .call-alert button{color:#fff;background:#007aff;border-radius:23px;width:100%;height:46px;font-size:17px;font-weight:600}@keyframes ip-fade-in{0%{opacity:0}}@keyframes ip-alert-in{0%{opacity:0;transform:scale(1.15)}}.iphone-mockup .sb-airplane{fill:currentColor;width:17px;height:17px}.iphone-mockup .home-indicator{z-index:70;cursor:pointer;background:#fff;border-radius:3px;width:144px;height:5px;transition:background .3s,opacity .3s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.iphone-mockup .screen.unlocked:not(.app-open) .home-indicator{opacity:0;pointer-events:none}.iphone-mockup .home-indicator:before{content:"";position:absolute;inset:-14px -10px}.iphone-mockup .screen.light-ui .home-indicator{background:#000}.iphone-mockup .device .js-tilt-glare{z-index:5;top:calc(var(--frame) + var(--bezel))!important;left:calc(var(--frame) + var(--bezel))!important;width:var(--screen-w)!important;height:var(--screen-h)!important;border-radius:var(--screen-r)!important}.iphone-mockup .screen-off{z-index:100;opacity:0;pointer-events:none;background:#000;transition:opacity .35s;position:absolute;inset:0}.iphone-mockup .screen.off .screen-off{opacity:1;pointer-events:auto}.iphone-mockup .static-app{z-index:10;border-radius:var(--screen-r);color:#000;background:#f2f2f7;position:absolute;inset:0;overflow:clip}.iphone-mockup .static-app-image{object-fit:cover;object-position:top}.iphone-mockup button.notif{text-align:left;width:calc(100% - 24px);transition:transform .18s}.iphone-mockup button.notif:active{transform:scale(.97)}.iphone-mockup .app-view-icon .icon{margin-inline:auto}.iphone-mockup .island-art{background-position:50%;background-size:cover}.iphone-mockup .island.expanded .island-progress,.iphone-mockup .island.expanded .island-controls{pointer-events:auto}.iphone-mockup .island-controls button{border-radius:50%;place-items:center;transition:transform .15s,opacity .15s;display:grid}.iphone-mockup .island-controls button:active{opacity:.7;transform:scale(.88)}.iphone-mockup .island-progress .bar{cursor:pointer}.iphone-mockup .island-progress .bar div{transition:width .25s linear}.iphone-mockup .island-wave.paused i{animation-play-state:paused;transform:scaleY(.3)}.iphone-mockup .island-wave i,.iphone-mockup .island-wave i:nth-child(n){background:#fff}.iphone-mockup .web-app{background:var(--app-bg);border:0;width:100%;height:calc(100% - 88px);display:none;position:absolute;inset:54px 0 34px}.iphone-mockup .app-view[data-app] .web-app.active{display:block}@supports (corner-shape:squircle){.iphone-mockup .icon{corner-shape:squircle;border-radius:40%}.iphone-mockup .icon:after{corner-shape:inherit}}.iphone-mockup.movable{transition:scale .22s cubic-bezier(.5,0,.75,.3);position:relative;scale:1}.iphone-mockup.movable.lifted{z-index:30;transition:scale .28s cubic-bezier(.2,.8,.2,1);scale:1.04}.iphone-mockup.movable .device{cursor:grab;touch-action:none;transition:box-shadow .22s cubic-bezier(.5,0,.75,.3);box-shadow:inset 0 0 0 1px #ffffff40,inset 0 2px 1px #ffffff59,0 1px 2px #0000004d,0 4px 10px -2px #00000038,0 10px 22px -10px #0003}.iphone-mockup.movable.lifted .device{cursor:grabbing;transition:box-shadow .28s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 0 0 1px #ffffff40,inset 0 2px 1px #ffffff59,0 1px 2px #00000040,0 30px 60px -10px #00000059,0 60px 120px -30px #00000059}.iphone-mockup.movable .screen,.iphone-mockup.movable .btn-power{cursor:auto}.iphone-mockup.movable .btn-power{cursor:pointer}.iphone-mockup.notif-stack{text-align:start;width:100%;max-width:24rem;height:108px;display:block;position:relative}.iphone-mockup.notif-stack .notif{inset-inline:0;transform-origin:top;margin:0;transition:transform .6s cubic-bezier(.2,.9,.25,1.05),opacity .6s;position:absolute;top:0}.iphone-mockup .notif-fade{transition:opacity .3s}