/* Section 04 showcases the phone app at every browser width. */
.workspace-mobile-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:90px;align-items:center;max-width:1000px;margin:36px auto 0}
.workspace-frame.workspace-mobile-frame{width:360px;max-width:100%;padding:9px;border:1px solid #636963;border-radius:43px;background:#090c0d;box-shadow:0 24px 55px #11131524,0 0 0 3px #272c28;justify-self:center}
.workspace-frame.workspace-mobile-frame>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0;border-radius:33px}
.workspace-mobile-story>.micro{display:block;color:#6a7066;font-size:10px;letter-spacing:.1em}
.mobile-view-label{font-size:10px;letter-spacing:.1em;color:#676c62;margin:12px 0 24px}
.workspace-mobile-story>h3{font-size:clamp(33px,3.6vw,52px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin-bottom:24px}
.workspace-mobile-story>p:not(.screenshot-caption){font-size:15px;line-height:1.9;max-width:380px;color:#666c62}
.workspace-mobile-story>.button{margin-top:28px}
.workspace-mobile-story>.screenshot-caption{text-align:start;margin-top:22px;font-size:10px}
.screen-dialog{width:min(430px,calc(100vw - 28px));max-width:430px;padding:18px;border-radius:20px}
.screen-dialog>img{width:auto;max-width:100%;height:auto;max-height:75dvh;object-fit:contain;border-radius:12px;margin:0 auto}
.dialog-top h2{font-size:20px}
html[dir=rtl] .workspace-mobile-story>h3{letter-spacing:0;line-height:1.6}
@media(max-width:1000px){.workspace-mobile-layout{grid-template-columns:320px minmax(0,1fr);gap:45px}.workspace-frame.workspace-mobile-frame{width:320px}.workspace-mobile-story>h3{font-size:38px}}
@media(max-width:700px){.workspace-mobile-layout{grid-template-columns:1fr;gap:34px;margin-top:25px}.workspace-frame.workspace-mobile-frame{width:min(350px,100%);padding:7px;border-radius:36px}.workspace-frame.workspace-mobile-frame>img{border-radius:28px}.workspace-mobile-story{text-align:center}.workspace-mobile-story>h3{font-size:36px}.workspace-mobile-story>p:not(.screenshot-caption){margin:0 auto}.workspace-mobile-story>.screenshot-caption{text-align:center}.workspace-mobile-story>.button{margin-top:20px}.mobile-view-label{margin:10px 0 18px}}
@media print{.workspace-mobile-layout{display:block}.workspace-mobile-story{margin-top:25px}.workspace-frame.workspace-mobile-frame{box-shadow:none}}