*{box-sizing:border-box}html,body{background:#16070a;min-height:100%;margin:0}main{width:100%;min-height:100vh}iframe{background:#16070a;border:0;width:100%;min-height:100vh;display:block}.mobilePreviewStage{background:radial-gradient(circle at 50% 0,#601119,#170306 45%,#080708);min-height:100vh;padding:32px 16px 56px;font-family:Arial,Helvetica,sans-serif}.mobilePreviewNote{color:#fff;justify-content:space-between;gap:12px;width:min(390px,100%);margin:0 auto 14px;font-size:13px;display:flex}.mobilePreviewNote strong{text-transform:uppercase;letter-spacing:.08em}.mobilePreviewNote span{color:#d8d8d8;text-align:right}.phoneFrame{background:#090909;border:5px solid #111;border-radius:34px;width:min(390px,100%);height:min(844px,100vh - 110px);min-height:650px;margin:auto;padding:15px 8px 10px;position:relative;overflow:hidden;box-shadow:0 28px 70px #000b,0 0 0 2px #525252}.phoneFrame iframe{background:#fff;border:0;border-radius:22px;width:100%;height:100%;display:block}.phoneSpeaker{z-index:5;background:#383838;border-radius:99px;width:82px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}@media (width<=480px){.mobilePreviewStage{background:#000;padding:0}.mobilePreviewNote{display:none}.phoneFrame{width:100%;height:100svh;min-height:0;box-shadow:none;border:0;border-radius:0;padding:0}.phoneFrame iframe{border-radius:0}.phoneSpeaker{display:none}}