@media screen and (min-width: 1025px) {
  /* The checkout exports have inline pixel geometry. Scale each complete
     composition, leaving viewport-height shells and modal backdrops outside. */

  .start-card, .start-logos, .funnel-header,
  .options-nav, .options-main, .funnel-footer,
  .package-picker__panel, .package-picker__dock {
    zoom: var(--desktop-scale);
    font-size: 13px;
  }

  html .start-shell .start-main {
    padding-top: clamp(48px, calc((100svh - 450 * var(--desktop-unit)) / 2 - 55 * var(--desktop-unit)), 400px);
  }

  /* The brief reads the actual positions of choices and popup anchors. Use
     native layout dimensions here to keep their coordinate system intact. */
  body:has(.brief-shell) {
    --brief-line: calc(17 * var(--desktop-unit));
    --brief-control: calc(36 * var(--desktop-unit));
    --brief-space: calc(24 * var(--desktop-unit));
    --brief-inset: calc(20 * var(--desktop-unit));
    font-size: var(--desktop-body);
  }
  .brief-shell, .brief-shell p, .brief-shell .section-intro p,
  .brief-shell .success-card .section-intro p, .brief-shell .field-label,
  .brief-shell .field legend, .brief-shell .step-badge {
    line-height: var(--brief-line);
  }
  .brief-shell .page-shell {
    width: min(calc(500 * var(--desktop-unit)), calc(100% - 32px));
    min-height: calc(100dvh - 55 * var(--desktop-unit));
  }
  .brief-shell .entry-mode .onboarding-layout { width: calc(450 * var(--desktop-unit)); }
  .brief-shell :is(.form-card, .success-card), .brief-shell .payment-return-card.payment-confirmed-card {
    padding: var(--brief-inset);
    gap: var(--brief-space);
  }
  .brief-shell :is(.fields, .traffic-fields, .extra-site-fields, .subsection, .inset-panel, .notes-content) { gap: var(--brief-space); }
  .brief-shell :is(.field, .section-intro) { gap: calc(12 * var(--desktop-unit)); }
  .brief-shell .section-intro h2, .brief-shell .success-card h2,
  .brief-shell .paid-order strong, .brief-dialog .brief-dialog-heading h2 {
    font-size: calc(20 * var(--desktop-unit));
    line-height: 1.3;
  }
  .brief-shell .field :is(input:not([type=radio]):not([type=checkbox]), textarea),
  .brief-shell :is(.button, .choice, .native-select, .step-badge),
  .country-picker-popup :is(.country-picker-option, .country-picker-search) {
    font-size: var(--desktop-body);
  }
  .brief-shell .field input:not([type=radio]):not([type=checkbox]),
  .brief-shell :is(.button, .choice, .native-select, .phone-control) {
    height: var(--brief-control);
    min-height: var(--brief-control);
  }
  .brief-shell .phone-control input#field-whatsapp,
  .brief-shell #whatsapp-country-picker {
    height: calc(var(--brief-control) - 2px);
    min-height: 0;
  }
  .brief-shell .choices { padding: calc(8 * var(--desktop-unit)); gap: calc(8 * var(--desktop-unit)); }
  .brief-shell .form-actions { padding-top: var(--brief-space); }
  .brief-shell .brief-dialog {
    width: calc(500 * var(--desktop-unit));
    max-height: min(calc(720 * var(--desktop-unit)), calc(100dvh - 32px));
    padding: var(--brief-inset) var(--brief-inset) calc(8 * var(--desktop-unit));
  }
  .country-picker-popup { width: calc(232 * var(--desktop-unit)); }
}