.landing-mobile { display: flex; align-items: center; gap: 32px; margin: 40px auto; padding: 36px; max-width: 1200px; background: #edf2ff; border-radius: 12px; color: #172033; scroll-margin-top: 100px; }
.landing-mobile__brand { flex: 0 0 96px; }
.landing-mobile__brand img, .pwa-install-heading img { border-radius: 16px; }
.landing-mobile__copy { flex: 1; }
.landing-mobile h2 { margin: 0 0 12px; font-size: clamp(1.5rem, 3vw, 2rem); color: #172033; }
.landing-mobile p { margin: 0 0 12px; max-width: 66ch; }
.landing-mobile .landing-mobile__detail { margin: 0; color: #415682; font-size: 0.875rem; }
.landing-mobile > a { flex-shrink: 0; text-align: center; }
@media (min-width: 1081px) and (max-width: 1320px) {
    .landing-nav__inner { gap: 12px; }
    .landing-nav.navbar .landing-nav__links .nav-link { padding-inline: 7px; white-space: nowrap; }
    .landing-nav__desktop-actions .landing-button { padding-inline: 12px; }
}
.pwa-install-page { max-width: 900px; padding: 64px 24px; margin: auto; }
.pwa-install-heading { display: flex; align-items: center; gap: 24px; margin-bottom: 32px; }
.pwa-install-heading img { flex: 0 0 80px; }
.pwa-install-heading h1 { font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.15; letter-spacing: -0.025em; }
.pwa-install-page p, .pwa-account-page p { max-width: 70ch; }
.pwa-install-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 16px; }
.pwa-instructions { border-bottom: 1px solid #cbd4e1; padding: 20px 0; }
.pwa-instructions summary { cursor: pointer; font-size: 1.0625rem; font-weight: 600; padding: 6px 0; }
.pwa-instructions summary:focus-visible { outline: 2px solid #315fd6; outline-offset: 4px; }
.pwa-instructions p, .pwa-instructions ol { margin-top: 16px; }
.pwa-instructions ol { padding-left: 24px; }
.pwa-instructions li { margin-bottom: 10px; }
.pwa-offline-explanation { margin-top: 36px; padding-top: 28px; border-top: 1px solid #cbd4e1; }
.pwa-offline-explanation h2 { margin-bottom: 16px; }
.pwa-offline-explanation p { margin-bottom: 16px; }
.pwa-account-page { max-width: 860px; padding-bottom: 36px; }
[data-pwa-feedback] { min-height: 1.5em; margin-block: 16px; }
[data-pwa-install][hidden], [data-pwa-installed][hidden], [data-pwa-update][hidden], [data-pwa-push][hidden], [data-pwa-unsubscribe][hidden] { display: none !important; }
@media (max-width: 900px) {
    .landing-mobile { flex-wrap: wrap; margin: 28px 20px; gap: 20px; padding: 24px; }
    .landing-mobile__copy { flex-basis: calc(100% - 116px); }
    .landing-mobile > a { margin-left: 116px; }
}
@media (max-width: 540px) {
    .landing-mobile { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: start; }
    .landing-mobile__brand { flex-basis: 64px; }
    .landing-mobile__brand img { width: 64px; height: 64px; }
    .landing-mobile__copy { display: contents; }
    .landing-mobile h2 { margin: 0; }
    .landing-mobile p, .landing-mobile > a { grid-column: 1 / -1; margin: 0; width: 100%; }
    .pwa-install-heading { align-items: flex-start; flex-direction: column; }
    .pwa-install-page { padding-top: 32px; }
}