body.is-mobile-app-page { background: #080d12 !important; background-image: none !important; color: #f5f7fa; }
body.is-mobile-app-page::before, body.is-mobile-app-page::after { display: none; }
body.is-mobile-app-page .footer-app-qr-wrap { display: none; }
html body .mobile-premium { width: 100%; margin: 0; padding: 0; height: auto; color: #f5f7fa; font: 400 16px/1.65 Inter, sans-serif; }
.mobile-premium *, .mobile-premium *::before, .mobile-premium *::after { box-sizing: border-box; letter-spacing: 0; }
.mobile-premium :is(p, span, small, li) { font-weight: 400; }
html body .mobile-premium :is(h1, h2, h3) { font-family: Inter, sans-serif !important; text-transform: none; text-shadow: none; letter-spacing: 0; color: #f5f7fa; }
html body .mobile-premium h1 { font-size: 52px; line-height: 1.14; font-weight: 700; margin: 17px 0 20px; }
html body .mobile-premium h2 { font-size: 30px; line-height: 1.3; font-weight: 600; margin: 10px 0 20px; }
html body .mobile-premium h3 { font-size: 21px; line-height: 1.4; font-weight: 600; margin: 0 0 12px; }
.mobile-premium p { color: #b6c3ce; margin: 0; font-size: 16px; line-height: 1.65; font-weight: 400; }
.mobile-premium a { text-decoration: none; }
.mobile-premium :is(a, button, summary):focus-visible { outline: 2px solid #5edacf; outline-offset: 4px; }
.mobile-premium [id] { scroll-margin-top: 95px; }
.mp-wrap { width: min(100%, 1320px); margin: 0 auto; padding-left: 40px; padding-right: 40px; }
.mp-section { padding-top: 56px; padding-bottom: 56px; }
.mp-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #5edacf; font-size: 14px; line-height: 1.5; }
.mp-eyebrow i { font-size: 19px; }
.mp-hero { border-bottom: 1px solid #293943; overflow: hidden; }
.mp-hero__inner { position: relative; min-height: 570px; display: flex; align-items: center; isolation: isolate; }
.mp-hero__copy { position: relative; z-index: 1; width: 63%; padding: 44px 0; }
.mp-hero h1 span { color: #ffcf32; font-weight: 700; }
.mp-hero__copy > p { max-width: 460px; }
.mobile-premium .mp-hero__lead { color: #edf3f7; font-size: 21px; line-height: 1.45; max-width: 480px; font-weight: 500; margin-bottom: 16px; }
.mp-hero__art { display: block; position: absolute; top: 8px; right: 46px; height: 555px; width: auto; max-width: 38%; object-fit: contain; }
.mp-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 20px; }
.mobile-premium .mp-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 11px 16px; background: transparent; border: 1px solid #41515d; border-radius: 5px; color: #edf3f7; font: 500 14px/1.5 Inter, sans-serif; cursor: pointer; text-transform: none; box-shadow: none; white-space: normal; text-align: center; transition: background .15s ease, border-color .15s ease; }
.mp-button i { font-size: 19px; flex: 0 0 auto; }
.mobile-premium .mp-button:hover { background: #17232b; border-color: #5edacf; color: #fff; }
.mobile-premium .mp-button--gold { background: #ffcf32; border-color: #ffcf32; color: #15190e; }
.mobile-premium .mp-button--gold:hover { background: #ffe075; border-color: #ffe075; color: #15190e; }
.mp-release-note { display: flex; align-items: center; gap: 8px; color: #a7bbc8; font-size: 13px; }
.mp-status-dot { height: 6px; width: 6px; background: #5edacf; border-radius: 50%; flex: 0 0 6px; }
.mp-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.mp-section-heading h2 { margin-bottom: 0 !important; }
.mp-section-heading > p { font-size: 14px; }
.mp-apps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mp-app { display: flex; flex-direction: column; padding: 28px; border: 1px solid #344651; border-radius: 6px; background: #101b23; min-width: 0; }
.mp-app__top { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.mp-app__top > i { font-size: 30px; color: #5edacf; }
.mp-app__top > span:first-of-type { color: #edf3f7; font-size: 16px; font-weight: 500; }
.mp-app__status { margin-left: auto; color: #a7bbc8; font-size: 12px; }
.mp-app > p { max-width: 430px; }
.mp-app ul { list-style: none; display: grid; gap: 10px; padding: 0; margin: 25px 0 28px; }
.mp-app li { display: flex; align-items: center; gap: 10px; color: #c5d2db; font-size: 14px; }
.mp-app li i { color: #5edacf; }
.mp-app > .mp-button { width: 100%; margin-top: auto; }
.mobile-premium .mp-platform-note { font-size: 13px; color: #95aab8; margin-top: 20px; }
.mp-band { border-top: 1px solid #293943; border-bottom: 1px solid #293943; background: #0d161e; padding: 48px 0; }
.mp-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; margin-top: 32px; }
.mp-features article > i { display: block; font-size: 28px; color: #ffcf32; margin-bottom: 18px; }
.mobile-premium .mp-features h3 { font-size: 18px; }
.mp-features p { font-size: 15px; }
.mp-faq { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 70px; }
.mp-text-button { display: inline-flex; align-items: center; gap: 8px; color: #5edacf; background: transparent; border: 0; padding: 4px 0; font: 500 14px/1.5 Inter, sans-serif; cursor: pointer; }
.mp-text-button:hover { color: #a0f1e9; }
.mp-faq details { border-bottom: 1px solid #344651; }
.mp-faq details:first-child { border-top: 1px solid #344651; }
.mp-faq summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 66px; padding: 18px 0; color: #eaf0f5; font-size: 16px; line-height: 1.5; cursor: pointer; }
.mp-faq summary::-webkit-details-marker { display: none; }
.mp-faq summary > i { flex-shrink: 0; color: #5edacf; font-size: 21px; }
.mp-faq details[open] summary > i { transform: rotate(45deg); }
.mp-faq details p { padding: 0 24px 24px 0; font-size: 15px; }
.mp-faq details a { color: #5edacf; text-decoration: underline; text-underline-offset: 3px; }
.mp-final { border-top: 1px solid #344651; padding: 36px 0 48px; }
.mp-final__inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.mp-final h2 { font-size: 28px !important; margin-bottom: 12px !important; }
.mp-final p { font-size: 15px; }
.mp-final .mp-button { flex-shrink: 0; }
body.is-mobile-app-page .quiz-nav-actions .mdc-button__label { font: 500 13px/1.4 Inter, sans-serif !important; text-transform: none; letter-spacing: 0; }
@media (max-width: 1100px) {
    .mp-wrap { padding-left: 28px; padding-right: 28px; }
    html body .mobile-premium h1 { font-size: 44px; }
    .mp-hero__art { right: 15px; height: 530px; top: 22px; max-width: 36%; }
    .mp-hero__copy { width: 65%; }
    .mp-app { padding: 24px; }
    .mp-faq { gap: 36px; }
}
@media (max-width: 767px) {
    .mp-wrap { padding-left: 20px; padding-right: 20px; }
    .mp-section, .mp-band { padding-top: 36px; padding-bottom: 36px; }
    .mp-hero__inner { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 112px; column-gap: 16px; padding-top: 24px; padding-bottom: 24px; }
    .mp-hero__copy { display: contents; }
    .mp-hero__copy > .mp-eyebrow { grid-column: 1/-1; grid-row: 1; font-size: 13px; }
    .mp-hero h1 { grid-column: 1/-1; grid-row: 2; }
    .mp-hero__lead { grid-column: 1/-1; grid-row: 3; }
    .mp-hero__copy > p:not(.mp-hero__lead) { grid-column: 1; grid-row: 4; align-self: center; font-size: 14px; line-height: 1.6; }
    .mp-hero .mp-actions { grid-column: 1/-1; grid-row: 5; margin: 18px 0 14px; }
    .mp-release-note { grid-column: 1/-1; grid-row: 6; font-size: 12px; }
    html body .mobile-premium h1 { font-size: 38px; }
    html body .mobile-premium h2 { font-size: 27px; }
    .mp-hero__copy > p { max-width: 100%; }
    .mobile-premium .mp-hero__lead { font-size: 18px; }
    .mp-hero__art { position: relative; right: auto; top: auto; grid-column: 2; grid-row: 4; width: 112px; max-width: 100%; height: auto; margin: 0; align-self: center; }
    .mp-section-heading { flex-direction: column; align-items: start; gap: 16px; margin-bottom: 24px; }
    .mp-section-heading > p br { display: none; }
    .mp-apps { grid-template-columns: 1fr; gap: 18px; }
    .mp-app__top { margin-bottom: 20px; }
    .mp-features { grid-template-columns: 1fr; gap: 28px; }
    .mp-features article { position: relative; padding-left: 45px; }
    .mp-features article > i { position: absolute; left: 0; top: 0; }
    .mp-faq { grid-template-columns: 1fr; gap: 24px; }
    .mp-final__inner { flex-direction: column; align-items: start; gap: 24px; }
    body.is-mobile-app-page .quiz-nav-mobile-brand { min-width: 0; width: 100%; }
    body.is-mobile-app-page .quiz-nav-mobile-brand .quiz-heading-type { font-size: 19px; line-height: 1.2; white-space: nowrap; word-break: normal; }
    body.is-mobile-app-page .quiz-nav-mobile-brand .quiz-heading-title { font-size: 10px; line-height: 1.5; white-space: nowrap; }
    body.is-mobile-app-page .quiz-nav-mobile-bottom { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; width: 100%; padding: 0 6px; }
    body.is-mobile-app-page .quiz-nav-mobile-bottom > * { width: 100%; min-width: 0; }
    body.is-mobile-app-page .quiz-nav-mobile-bottom .vertical-button { width: 100%; min-width: 0; padding: 8px 2px; }
    body.is-mobile-app-page .quiz-nav-mobile-bottom .mdc-button__label { font: 10px/1.3 Inter, sans-serif !important; white-space: nowrap; text-transform: none; letter-spacing: 0; }
}
@media (max-width: 480px) {
    .mp-actions { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 22px; }
    .mp-app { padding: 22px 18px; }
    .mp-app__top { flex-wrap: wrap; gap: 10px; }
    .mp-app__status { flex-basis: 100%; margin-left: 0; }
    .mp-final .mp-button { width: 100%; }
}
@media (max-width: 360px) {
    html body .mobile-premium h1 { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .mobile-premium *, .mobile-premium *::before, .mobile-premium *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}