*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:32px 16px}.iphone{--iphone-h: min(80vh, 820px);--iphone-w: calc(var(--iphone-h) * .461);width:var(--iphone-w);height:var(--iphone-h);flex:0 0 auto}.iphone__frame{width:100%;height:100%;background:linear-gradient(160deg,#2c2c2e,#1c1c1e,#2c2c2e);border-radius:14%/6.5%;padding:1.6%;box-shadow:0 30px 60px -20px #00000059,0 12px 24px -12px #00000040,inset 0 0 0 1.5px #ffffff0f}.iphone__screen{position:relative;width:100%;height:100%;background:#f2f2f4;border-radius:12.5%/5.7%;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.iphone__island{position:absolute;top:1.6%;left:50%;transform:translate(-50%);width:30%;height:4.1%;background:#000;border-radius:999px;z-index:2}.iphone__screenshot{width:100%;height:100%;object-fit:cover;display:block}.footer{display:flex;align-items:center;gap:10px;font-size:14px;color:#6b6b6f}.footer a{color:inherit;text-decoration:none;transition:color .12s ease}.footer a:hover{color:#111;text-decoration:underline}.footer__sep{-webkit-user-select:none;user-select:none}@media (max-width: 480px){.iphone{--iphone-h: min(75vh, 700px)}.footer{font-size:13px}}