[data-theme=studio] .app-page{padding-block:48px 72px}[data-theme=studio] .app-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;padding-bottom:56px;display:grid}[data-theme=studio] .app-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:12ch;margin:12px 0 24px;font-size:clamp(42px,5.2vw,76px);line-height:1.05}[data-theme=studio] .app-hero-copy>p:not(.pub-eyebrow){max-width:48ch}[data-theme=studio] .app-hero-copy>.pub-intro{margin-bottom:20px}[data-theme=studio] .app-hero-copy>.pub-button{margin-top:28px}[data-theme=studio] .app-account{margin-top:14px;font-size:13px;font-weight:700}[data-theme=studio] .app-hero-screen{background:#cda7ff;border-radius:44% 44% 24px 24px;justify-items:center;gap:20px;margin:0;padding:28px;display:grid}[data-theme=studio] .app-hero-screen figcaption{color:#171717;text-align:center;font-size:13px}[data-theme=studio] .app-install{scroll-margin-top:24px}[data-theme=studio] .app-platforms{align-items:stretch;gap:24px;display:flex}[data-theme=studio] .app-platform{border-radius:24px;flex:1;min-width:0;padding:32px}[data-theme=studio] .app-android{background:#91efc1}[data-theme=studio] .app-iphone{background:#ffe66b}[data-theme=studio] .app-install h2{margin:8px 0 20px;font-size:clamp(28px,3vw,38px);line-height:1.15}[data-theme=studio] .app-install p{color:#171717}[data-theme=studio] .app-platform>.pub-button{margin-top:24px}[data-theme=studio] .app-install-status:empty{display:none}[data-theme=studio] .app-install-status:not(:empty){margin-top:16px;font-weight:600}[data-theme=studio] .app-step-label{margin-top:24px;font-weight:700}[data-theme=studio] .app-install ol{counter-reset:install-step;margin:24px 0 0;padding:0;list-style:none}[data-theme=studio] .app-install li{counter-increment:install-step;color:#171717;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;margin-block:16px;display:grid}[data-theme=studio] .app-install li:before{content:counter(install-step, decimal-leading-zero);padding-top:3px;font-size:13px;font-weight:800}[data-theme=studio] .app-iphone-notice{border-top:1px solid #55524f;margin-top:24px;padding-top:20px;font-size:14px}[data-theme=studio] .app-qr{border-top:1px solid #85807a;align-items:center;gap:40px;margin-top:40px;padding:32px 0;display:flex}[data-theme=studio] .app-qr img{background:#fff;border-radius:12px;flex:none;padding:8px}[data-theme=studio] .app-qr a{text-underline-offset:4px;align-items:center;gap:16px;min-height:44px;margin-top:12px;font-weight:700;text-decoration:underline;display:inline-flex}[data-theme=studio] .app-installed{background:#91efc1;border-radius:24px;align-items:start;gap:24px;padding:32px;display:flex}[data-theme=studio] .app-installed>svg{flex:none;margin-top:10px}[data-theme=studio] .app-installed .pub-button{margin-top:24px}@media (width<=700px){[data-theme=studio] .app-page{padding-block:32px 48px}[data-theme=studio] .app-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:32px}[data-theme=studio] .app-hero h1{font-size:44px}[data-theme=studio] .app-hero-screen{padding:24px 16px}[data-theme=studio] .app-hero-screen .app-phone{width:220px}[data-theme=studio] .app-platforms{flex-direction:column}[data-theme=studio] .app-platform,[data-theme=studio] .app-installed{padding:24px}[data-theme=studio] .app-qr{flex-direction:column;align-items:start;gap:24px}[data-theme=studio] .app-installed{flex-direction:column;gap:8px}}
