/* One iPhone silhouette at every display size. App content remains independent. */
.iphone-frame {
  position:relative;
  display:block;
  container-type:inline-size;
  box-sizing:border-box;
  aspect-ratio:414 / 874;
  padding:0;
  border:1px solid #858582;
  border-radius:13.5% / 6.4%;
  background:linear-gradient(125deg,#b8b6af 0%,#555654 7%,#141615 18%,#060807 48%,#454640 82%,#a6a397);
  box-shadow:inset 0 0 0 1px #ddd9cf70,inset 0 0 0 3px #050706,0 12px 32px #0007;
  isolation:isolate;
}
.iphone-frame::before,
.iphone-frame::after { content:""; position:absolute; width:.75%; min-width:1px; border-radius:2px; background:linear-gradient(90deg,#464844,#adaba3,#454743); }
.iphone-frame::before { left:-.8%; top:21%; height:13%; }
.iphone-frame::after { right:-.8%; top:28%; height:12%; }
.iphone-frame > .iphone-screen { position:absolute; inset:1.1% 2.4%; display:flex; flex-direction:column; height:auto; overflow:hidden; border:1px solid #060807; border-radius:12.4% / 5.9%; background:#faf7f2; }
.iphone-status-bar { position:relative; z-index:4; display:flex; flex:none; align-items:center; justify-content:space-between; height:13.5cqw; padding:1cqw 6.8cqw 0; color:#101412; font:600 3.35cqw/1 Arial,sans-serif; letter-spacing:0; pointer-events:none; }
.iphone-time { padding-top:.3cqw; }
.iphone-island { position:absolute; top:2.5cqw; left:50%; width:29cqw; height:8cqw; transform:translateX(-50%); border-radius:10cqw; background:#030504; box-shadow:inset 0 0 0 1px #202321; }
.iphone-island::before { content:""; position:absolute; left:12%; top:46%; width:47%; height:5%; border-radius:4px; background:#121614; }
.iphone-island::after { content:""; position:absolute; right:8%; top:24%; width:14%; height:52%; border:1px solid #111a24; border-radius:50%; background:radial-gradient(circle at 35% 30%,#203544,#090f16 42%,#020404 74%); }
.iphone-status-bar .iphone-status-icons { display:block; width:16.4cqw; height:4.35cqw; }
.iphone-home-indicator { position:absolute; z-index:5; bottom:1.9cqw; left:33%; width:34%; height:1.15cqw; min-height:1px; border-radius:20px; background:#141916; pointer-events:none; }
.iphone-preview { width:100%; }
.iphone-preview .iphone-status-bar { position:absolute; inset:0 0 auto; }
.iphone-frame .iphone-screen .iphone-preview-image { display:block; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; object-fit:fill; }
.app-preview--dock .app-screen-button[data-iphone-preview] { display:block; padding:0; border:0; border-radius:16px; background:none; }
.app-screen-button[data-iphone-preview]:focus-visible { outline:2px solid var(--journey-accent); outline-offset:5px; }
.product-visual.is-app { height:auto; min-height:0; padding:32px; background:radial-gradient(ellipse at 50% 45%,#353d32,#17201a 76%); }
.product-visual.is-app .iphone-frame { width:min(100%,200px); flex:none; }