.mobile-preview{box-sizing:border-box;min-height:100dvh;background:#d5d7d8;color:#1d1d1d;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:20px 12px 18px;gap:18px}.mobile-preview *{box-sizing:border-box}.mobile-preview header{width:100%;max-width:750px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mobile-preview h1{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:0}.mobile-preview p{font-size:10px;color:#686868;margin:7px 0 0;line-height:1.5}.mobile-preview a{font-size:11px;color:#1d1d1d;text-underline-offset:4px;white-space:nowrap}.mobile-preview .phone{width:min(414px,100%);height:min(868px,calc(100dvh - 112px));min-height:360px;padding:12px;background:#1d1d1d;border:1px solid #555;border-radius:32px;box-shadow:0 14px 60px #0002;overflow:hidden}.mobile-preview iframe{width:100%;height:100%;display:block;border:0;border-radius:20px;background:#d5d7d8}.mobile-preview footer{font-size:10px;color:#686868;text-align:center}.mobile-preview a:focus-visible{outline:2px solid #1d1d1d;outline-offset:5px}@media(max-width:440px){.mobile-preview{padding:12px 8px;gap:12px}.mobile-preview header{padding:0 5px}.mobile-preview .phone{height:calc(100dvh - 100px);padding:7px;border-radius:25px}.mobile-preview iframe{border-radius:18px}.mobile-preview h1{font-size:10px}.mobile-preview a{font-size:10px}}