.muze-client .mz-page.mz-universe-page { max-width: none; }
.muze-client .mz-universe-page > .mz-section,
.muze-client .mz-universe-page > .mz-photo-steps { max-width: 1200px; margin-inline: auto; }
.muze-client .mz-universe-band {
  --universe-paper: #f2eaff;
  --universe-stage: #dfd3f2;
  --universe-split: 44%;
  background: linear-gradient(to right, var(--universe-paper) 0 var(--universe-split), var(--universe-stage) var(--universe-split) 100%);
  border-bottom: 1px solid #cbbbdc;
}
.muze-client .mz-universe-hero {
  max-width: 1200px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 44% 56%;
  grid-template-areas: 'intro demo' 'controls demo';
}
.muze-client .mz-universe-intro { grid-area: intro; padding: 44px 34px 0; }
.muze-client .mz-universe-intro .mz-eyebrow { font-size: 10px; line-height: 1.6; }
.muze-client .mz-universe-intro h1 { font-size: clamp(42px, 4.5vw, 57px); margin: 23px 0; }
.muze-client .mz-universe-intro h1 em { color: var(--mz-ink); }
.muze-client .mz-universe-intro p { color: var(--mz-muted); line-height: 1.8; font-size: 14px; margin: 0; max-width: 420px; }
.muze-client .mz-universe-controls { grid-area: controls; padding: 26px 34px 34px; min-width: 0; }
.muze-client .mz-universe-controls fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.muze-client .mz-universe-controls legend { font-weight: 800; font-size: 13px; padding: 0; margin-bottom: 13px; }
.muze-client .mz-universe-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.muze-client .mz-universe-option { cursor: pointer; position: relative; min-width: 0; }
.muze-client .mz-universe-option > span {
  display: flex; align-items: center; gap: 10px; min-height: 52px;
  padding: 10px 13px; border: 1.5px solid var(--mz-ink); border-radius: 14px;
  font-weight: 700; font-size: 12px; background: var(--mz-cream);
  transition: background .15s ease, box-shadow .15s ease;
}
.muze-client .mz-universe-option svg { width: 21px; height: 21px; flex-shrink: 0; }
.muze-client .mz-universe-check { margin-left: auto; display: flex; visibility: hidden; }
.muze-client .mz-universe-check svg { width: 14px; height: 14px; }
.muze-client .mz-universe-option input:checked + span { background: #ffe58b; box-shadow: 3px 3px 0 var(--mz-ink); }
.muze-client .mz-universe-option input:checked + span .mz-universe-check { visibility: visible; }
.muze-client .mz-universe-option:hover > span { background: #ffeec0; }
.muze-client .mz-universe-option input:focus-visible + span { outline: 3px solid #7753a6; outline-offset: 4px; }
.muze-client .mz-universe-cta { width: 100%; margin-top: 25px; min-height: 57px; }
.muze-client .mz-universe-controls > .mz-caption { text-align: center; margin: 15px 0 0; }
.muze-client .mz-universe-controls noscript .mz-button { margin-top: 15px; }
.muze-client .mz-universe-demo {
  grid-area: demo; min-width: 0; padding: 38px 28px;
  border-left: 1px solid #cbbbdc; background: var(--universe-stage);
  display: flex; flex-direction: column; justify-content: center;
}
.muze-client .mz-universe-demo-intro { text-align: center; margin: 0 0 38px; font-size: 12px; line-height: 1.6; }
.muze-client .mz-universe-demo .mz-photo-pair { grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1.14fr); gap: 12px; }
.muze-client .mz-universe-demo .mz-photo-arrow > span { width: 32px; height: 32px; }
.muze-client .mz-universe-demo .mz-photo-card { padding: 6px 6px 10px; }
.muze-client .mz-universe-demo .mz-photo-card figcaption strong { font-size: 11px; }
.muze-client .mz-universe-demo .mz-photo-card figcaption span { font-size: 10px; }
.muze-client .mz-universe-demo .mz-photo-result img { transition: opacity .15s ease; }
.muze-client .mz-universe-demo .mz-photo-result[aria-busy='true'] img { opacity: .5; }
.muze-client .mz-universe-demo .mz-universe-poster-title { text-align: center; font-size: 24px; line-height: 1.25; letter-spacing: -.025em; margin: 37px 0 0; }
.muze-client .mz-universe-status { text-align: center; font-size: 11px; line-height: 1.6; min-height: 18px; margin: 9px 0 0; }
.muze-client .mz-universe-demo .mz-photo-example-note { font-size: 10px; margin: 8px 0 0; }
.muze-client .mz-universe-steps { background: var(--mz-cream); border-top: 0; }

@media (max-width: 1050px) {
  .muze-client .mz-universe-band { --universe-split: 43%; }
  .muze-client .mz-universe-hero { grid-template-columns: 43% 57%; }
  .muze-client .mz-universe-intro { padding: 32px 22px 0; }
  .muze-client .mz-universe-controls { padding: 24px 22px 30px; }
  .muze-client .mz-universe-intro h1 { font-size: 46px; }
  .muze-client .mz-universe-demo { padding: 32px 20px; }
  .muze-client .mz-universe-option > span { font-size: 11px; gap: 7px; padding: 10px; }
  .muze-client .mz-universe-check { display: none; }
  .muze-client .mz-universe-option input:checked + span { border-width: 2px; }
  .muze-client .mz-universe-demo .mz-photo-card figcaption strong { font-size: 10px; }
}
@media (max-width: 780px) {
  .muze-client .mz-universe-band { background: var(--universe-paper); }
  .muze-client .mz-universe-hero { grid-template-columns: 1fr; grid-template-areas: 'intro' 'demo' 'controls'; }
  .muze-client .mz-universe-intro { padding: 28px 22px 23px; }
  .muze-client .mz-universe-intro h1 { font-size: 40px; margin: 15px 0; }
  .muze-client .mz-universe-intro h1 em br { display: none; }
  .muze-client .mz-universe-intro p { font-size: 13px; max-width: none; }
  .muze-client .mz-universe-demo { border-left: 0; border-block: 1px solid var(--mz-border); padding: 22px 22px 16px; }
  .muze-client .mz-universe-demo-intro { margin-bottom: 19px; font-size: 11px; }
  .muze-client .mz-universe-demo .mz-photo-pair { max-width: 440px; width: 100%; margin: auto; gap: 10px; padding-right: 5px; }
  .muze-client .mz-universe-demo .mz-photo-card { transform: none; }
  .muze-client .mz-universe-demo .mz-photo-card figcaption span { display: none; }
  .muze-client .mz-universe-demo .mz-universe-poster-title { font-size: 21px; margin-top: 23px; }
  .muze-client .mz-universe-controls { padding: 23px 22px 28px; }
  .muze-client .mz-universe-option > span { font-size: 12px; min-height: 48px; }
  .muze-client .mz-universe-check { display: flex; }
  .muze-client .mz-universe-cta { margin-top: 20px; }
}
@media (min-width: 1200px) {
  .muze-client .mz-universe-band { --universe-split: calc(50% - 72px); }
}
@media (max-width: 380px) {
  .muze-client .mz-universe-intro { padding: 25px 16px 20px; }
  .muze-client .mz-universe-intro h1 { font-size: 35px; }
  .muze-client .mz-universe-demo { padding: 19px 16px 14px; }
  .muze-client .mz-universe-demo .mz-photo-pair { grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1.1fr); gap: 7px; }
  .muze-client .mz-universe-demo .mz-photo-card { padding: 4px 4px 7px; }
  .muze-client .mz-universe-demo .mz-photo-card figcaption strong { font-size: 9px; }
  .muze-client .mz-universe-demo .mz-photo-arrow > span { width: 25px; height: 25px; }
  .muze-client .mz-universe-controls { padding: 23px 16px 25px; }
  .muze-client .mz-universe-option > span { font-size: 11px; padding: 10px 9px; gap: 7px; }
  .muze-client .mz-universe-check { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .muze-client .mz-universe-option > span, .muze-client .mz-universe-demo .mz-photo-result img { transition: none; }
}