@media (min-width: 1100px) {
  /* Main landing: do not leave the entire experience locked to a 1200px canvas. */
  .landing-frame {
    width: min(1600px, 100%) !important;
    padding-right: clamp(48px, 4vw, 72px) !important;
    padding-left: clamp(48px, 4vw, 72px) !important;
  }

  .landing-frame .hero-intro {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
    gap: clamp(48px, 4vw, 72px) !important;
  }

  .landing-frame .hero-app-visual {
    width: 100%;
    max-width: 540px;
    margin: 24px 0 0 auto;
  }

  .landing-frame .hero-app-visual .hero-coach {
    transform: none !important;
  }

  .landing-frame .hero-content .hero-rotating-title {
    font-size: clamp(76px, 4.8vw, 90px) !important;
  }

  .signup-form {
    max-width: 680px !important;
    height: 68px !important;
  }

  .signup-form input {
    font-size: 18px !important;
  }

  .signup-submit {
    width: 54px !important;
    height: 54px !important;
  }

  .business-inquiry-link {
    font-size: 15px !important;
  }

  .hero-plan-start h2,
  #plans > h2 {
    font-size: clamp(44px, 3.1vw, 54px) !important;
  }

  .hero-plan-start .plan-kicker,
  .service-feature-label {
    font-size: 15px !important;
  }

  .hero-plan-start .hero-plan-description,
  .service-feature-copy p {
    font-size: 18px !important;
  }

  .hero-plan-start .hero-plan-description {
    white-space: normal !important;
  }

  .hero-plan-answer {
    min-height: 112px !important;
    padding: 24px !important;
  }

  .hero-plan-answer strong {
    font-size: 20px !important;
  }

  .service-feature-copy h3 {
    font-size: clamp(44px, 3vw, 54px) !important;
  }

  .service-feature-copy .service-text-link {
    font-size: 16px !important;
  }

  .service-mockup-card,
  .service-scroll-sticky .service-pro-model.service-mockup-card {
    height: 470px !important;
  }

  .device-plan-grid {
    gap: 22px !important;
  }

  .device-plan-card {
    padding: 34px !important;
  }

  .device-plan-label,
  .device-plan-payment button,
  .device-plan-terms,
  .device-ownership-note {
    font-size: 14px !important;
  }

  .device-plan-features,
  .device-plan-cta {
    font-size: 16px !important;
  }

  .no-device-plan-title strong {
    font-size: 20px !important;
  }

  .no-device-plan-copy p,
  .no-device-plan-card button {
    font-size: 15px !important;
  }

  .no-device-plan-card {
    min-height: 100px !important;
    padding: 24px 28px !important;
  }

  /* Plan finder, including its result view. */
  .fitrus-finder-page > header,
  .fitrus-finder-page > main,
  .fitrus-finder-page.result-mode > header,
  .fitrus-finder-page.result-mode > main {
    max-width: 1600px;
    padding-right: 48px;
    padding-left: 48px;
  }

  .fitrus-finder-page h1 {
    font-size: clamp(56px, 3.8vw, 72px);
  }

  .fitrus-finder-page #screen > h2,
  .fitrus-finder-page .finder-questions > h2 {
    font-size: 34px;
  }

  .fitrus-finder-page main > .intro,
  .fitrus-finder-page #screen > p,
  .fitrus-finder-page .finder-questions > p {
    font-size: 17px;
  }

  .fitrus-finder-page .option strong {
    font-size: 21px;
  }

  .fitrus-finder-page .option small,
  .fitrus-finder-page .finder-reaction,
  .fitrus-finder-page .flow-note,
  .fitrus-finder-page .step,
  .fitrus-finder-page .back {
    font-size: 15px;
  }

  .fitrus-finder-page .finder-question-layout {
    gap: clamp(48px, 5vw, 88px);
  }

  .fitrus-finder-page.result-mode .result-headline {
    font-size: clamp(48px, 3.3vw, 62px);
  }

  .fitrus-finder-page.result-mode .recommend-description,
  .fitrus-finder-page.result-mode .interest-card p,
  .fitrus-finder-page.result-mode .alternative-copy p {
    font-size: 18px;
  }

  .fitrus-finder-page.result-mode .recommend-note,
  .fitrus-finder-page.result-mode .recommend-caption,
  .fitrus-finder-page.result-mode .interest-card small,
  .fitrus-finder-page.result-mode .recommend-terms {
    font-size: 15px;
  }

  .fitrus-finder-page.result-mode .result-bottom-inner {
    max-width: 1500px;
  }

  /* Signup, checkout, membership and completion share the onboarding renderer. */
  body[data-layout="all"] #app > header,
  body[data-layout="steps"] #app > header,
  body[data-layout="member"] #app > header,
  body[data-layout="complete"] #app > header,
  body[data-layout="complete"] .welcome-header {
    max-width: 1600px !important;
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  body[data-layout="all"] #app > main,
  body[data-layout="steps"] #app > main,
  body[data-layout="member"] #app > main,
  body[data-layout="complete"] .welcome-main {
    max-width: 1600px !important;
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  body[data-layout="all"] .workspace,
  body[data-layout="member"] .workspace {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 32px !important;
  }

  body[data-layout="steps"] .steps-layout {
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 32px !important;
  }

  body[data-layout="steps"] .steps-layout .content {
    max-width: none !important;
  }

  body[data-layout="all"] h1,
  body[data-layout="steps"] h1,
  body[data-layout="member"] h1 {
    font-size: clamp(48px, 3.4vw, 64px) !important;
  }

  body[data-layout="all"] h2,
  body[data-layout="steps"] h2,
  body[data-layout="member"] h2 {
    font-size: 29px !important;
  }

  body[data-layout="all"] .sub,
  body[data-layout="steps"] .sub,
  body[data-layout="member"] .sub,
  body[data-layout="all"] .field,
  body[data-layout="steps"] .field,
  body[data-layout="all"] .plan-card p,
  body[data-layout="steps"] .plan-card p {
    font-size: 16px !important;
  }

  body[data-layout="all"] .field small,
  body[data-layout="steps"] .field small,
  body[data-layout="all"] .plan-card li,
  body[data-layout="steps"] .plan-card li,
  body[data-layout="all"] .agreement,
  body[data-layout="steps"] .agreement,
  body[data-layout="all"] .summary-line,
  body[data-layout="steps"] .summary-line {
    font-size: 14px !important;
  }

  body[data-layout="all"] .primary,
  body[data-layout="steps"] .primary,
  body[data-layout="member"] .primary {
    font-size: 16px !important;
    min-height: 52px !important;
  }

  body[data-layout="complete"] .welcome-card h1 {
    font-size: clamp(44px, 3vw, 56px) !important;
  }

  body[data-layout="complete"] .welcome-description {
    max-width: 700px !important;
    font-size: 18px !important;
  }

  /* Login is rendered by a separate script but follows the same desktop scale. */
  #auth-app header,
  #auth-app main {
    max-width: 1500px !important;
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  #auth-app main {
    gap: 64px !important;
  }

  #auth-app .intro h2 {
    font-size: 54px !important;
  }

  #auth-app .intro p,
  #auth-app .sub {
    font-size: 18px !important;
  }

  #auth-app .auth-panel {
    padding: 44px !important;
  }

  #auth-app .auth-panel h1 {
    font-size: 38px !important;
  }

  #auth-app label,
  #auth-app .contact-summary,
  #auth-app .message {
    font-size: 16px !important;
  }

  #auth-app .hint,
  #auth-app .signup,
  #auth-app .text-link {
    font-size: 14px !important;
  }
}