#mzts-signup,
[data-mzts-signup] {
  --mzts-navy: #142840;
  --mzts-blue: #24476a;
  --mzts-gold: #b98a49;
  --mzts-cream: #fbf8f3;
  --mzts-muted: #526174;
  --mzts-border: #dce2e7;
  --mzts-error: #a53035;
  box-sizing: border-box;
  direction: rtl;
  width: min(100%, 820px);
  margin: 24px auto 56px;
  padding: clamp(18px, 3vw, 38px);
  color: var(--mzts-navy);
  background: linear-gradient(145deg, #fff 65%, #fbf8f3);
  border: 1px solid rgba(20, 40, 64, .10);
  border-radius: 28px;
  box-shadow: 0 18px 58px rgba(20, 40, 64, .10);
  font-family: inherit;
  text-align: right;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

#mzts-signup *, #mzts-signup *::before, #mzts-signup *::after,
[data-mzts-signup] *, [data-mzts-signup] *::before, [data-mzts-signup] *::after {
  box-sizing: border-box;
}

#mzts-signup [hidden], [data-mzts-signup] [hidden] { display: none !important; }

#mzts-signup .mzts-shell, [data-mzts-signup] .mzts-shell { max-width: 740px; margin-inline: auto; }

#mzts-signup .mzts-brand, [data-mzts-signup] .mzts-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  color: var(--mzts-navy);
  font-family: inherit;
  font-size: 1.27rem;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: -.025em;
}

#mzts-signup .mzts-spark, [data-mzts-signup] .mzts-spark { color: var(--mzts-gold); font-size: 1.4em; }

#mzts-signup .mzts-eyebrow, [data-mzts-signup] .mzts-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 6px 12px;
  color: #71532d;
  background: #f8eedf;
  border: 1px solid #ead4b8;
  border-radius: 999px;
  font-size: .81rem;
  font-weight: 700;
  margin-bottom: 17px;
}

#mzts-signup .mzts-muted, #mzts-signup .mzts-hint,
[data-mzts-signup] .mzts-muted, [data-mzts-signup] .mzts-hint { color: var(--mzts-muted); }

#mzts-signup .mzts-hint, [data-mzts-signup] .mzts-hint { font-size: .9rem; }

#mzts-signup .mzts-optional, [data-mzts-signup] .mzts-optional {
  color: var(--mzts-muted);
  font-size: .78rem;
  font-weight: 450;
  margin-inline-start: 5px;
}

#mzts-signup .mzts-honeypot, [data-mzts-signup] .mzts-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}

#mzts-signup h1, #mzts-signup h2, #mzts-signup h3,
[data-mzts-signup] h1, [data-mzts-signup] h2, [data-mzts-signup] h3 {
  color: var(--mzts-navy);
  letter-spacing: -.025em;
  line-height: 1.24;
}

#mzts-signup h1, [data-mzts-signup] h1 { font-size: clamp(1.85rem, 5vw, 3rem); margin: 0 0 14px; }
#mzts-signup h2, [data-mzts-signup] h2 { font-size: clamp(1.5rem, 3.5vw, 2rem); margin: 0 0 12px; }
#mzts-signup p, [data-mzts-signup] p { margin: 0 0 18px; }

#mzts-signup .mzts-kicker, [data-mzts-signup] .mzts-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  color: #71532d;
  background: #f8eedf;
  border: 1px solid #ead4b8;
  border-radius: 999px;
  font-size: .84rem;
  font-weight: 700;
  margin-bottom: 20px;
}

#mzts-signup .mzts-lead, [data-mzts-signup] .mzts-lead {
  max-width: 62ch;
  color: var(--mzts-muted);
  font-size: clamp(1.03rem, 2.8vw, 1.2rem);
  line-height: 1.75;
}

#mzts-signup .mzts-intro, [data-mzts-signup] .mzts-intro {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(10px, 3vw, 32px);
  border-radius: 20px;
  background: radial-gradient(circle at 90% 5%, rgba(185, 138, 73, .14), transparent 43%);
}

#mzts-signup .mzts-intro-points, [data-mzts-signup] .mzts-intro-points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 8px 0 25px;
  padding: 0;
  list-style: none;
}

#mzts-signup .mzts-intro-points li, [data-mzts-signup] .mzts-intro-points li {
  border-radius: 12px;
  background: #f5f7f8;
  border: 1px solid var(--mzts-border);
  color: var(--mzts-blue);
  padding: 9px 13px;
  font-size: .92rem;
  font-weight: 600;
}

#mzts-signup .mzts-highlights, [data-mzts-signup] .mzts-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 8px 0 27px;
}

#mzts-signup .mzts-highlights span, [data-mzts-signup] .mzts-highlights span {
  display: inline-flex;
  padding: 9px 13px;
  border-radius: 12px;
  color: var(--mzts-blue);
  background: #f5f7f8;
  border: 1px solid var(--mzts-border);
  font-size: .88rem;
  font-weight: 600;
}

#mzts-signup [data-mzts-progress], [data-mzts-signup] [data-mzts-progress] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin: 2px 0 clamp(26px, 5vw, 42px);
  padding-bottom: 17px;
  color: var(--mzts-muted);
  font-size: .8rem;
}

#mzts-signup [data-mzts-progress]::before,
[data-mzts-signup] [data-mzts-progress]::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #e7ecf0;
  content: '';
}

#mzts-signup [data-mzts-progress]::after,
[data-mzts-signup] [data-mzts-progress]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--mzts-progress, 25%);
  height: 5px;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--mzts-gold), var(--mzts-navy));
  content: '';
  transition: width .28s ease;
}

#mzts-signup [data-progress-step].is-active,
#mzts-signup [data-progress-step].is-complete,
[data-mzts-signup] [data-progress-step].is-active,
[data-mzts-signup] [data-progress-step].is-complete {
  color: var(--mzts-navy);
  font-weight: 750;
}

#mzts-signup [data-mzts-progress] > span,
[data-mzts-signup] [data-mzts-progress] > span {
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  border: 2px solid #d9e0e6;
  border-radius: 50%;
  background: #fff;
}

#mzts-signup [data-mzts-progress] > span.is-active,
#mzts-signup [data-mzts-progress] > span.is-complete,
[data-mzts-signup] [data-mzts-progress] > span.is-active,
[data-mzts-signup] [data-mzts-progress] > span.is-complete {
  border-color: var(--mzts-gold);
  background: var(--mzts-gold);
}

#mzts-signup [data-step], [data-mzts-signup] [data-step] { scroll-margin-top: 28px; }
#mzts-signup .mzts-step-description, [data-mzts-signup] .mzts-step-description { color: var(--mzts-muted); }

#mzts-signup .mzts-grid, [data-mzts-signup] .mzts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

#mzts-signup .mzts-field, #mzts-signup [data-mzts-field],
[data-mzts-signup] .mzts-field, [data-mzts-signup] [data-mzts-field] {
  min-width: 0;
  margin-bottom: 20px;
}

#mzts-signup .mzts-field--full, [data-mzts-signup] .mzts-field--full { grid-column: 1 / -1; }

#mzts-signup label, #mzts-signup .mzts-label,
[data-mzts-signup] label, [data-mzts-signup] .mzts-label {
  display: block;
  color: var(--mzts-navy);
  font-size: .93rem;
  font-weight: 650;
  margin-bottom: 7px;
}

#mzts-signup .mzts-relationship, [data-mzts-signup] .mzts-relationship {
  border: 0;
  padding: 0;
  margin: 8px 0 22px;
  min-width: 0;
}

#mzts-signup .mzts-relationship legend, [data-mzts-signup] .mzts-relationship legend {
  padding: 0;
  margin-bottom: 10px;
  color: var(--mzts-navy);
  font-size: .93rem;
  font-weight: 650;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}


/* Relationship choice cards */
:is(#mzts-signup, [data-mzts-signup]) label.mzts-relationship-option {
    position: relative;
    display: block;
    min-width: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-option input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
    min-height: 120px;
    height: 100%;
    padding: 15px 8px;
    border: 1.5px solid var(--mzts-border);
    border-radius: 16px;
    background: linear-gradient(155deg, #fff 60%, #f8fafc);
    color: var(--mzts-navy);
    box-shadow: 0 3px 10px rgba(20, 40, 64, .035);
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    border-radius: 17px;
    background: #f1f5f9;
    color: var(--mzts-blue);
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-icon svg {
    display: block;
    width: 37px;
    height: 37px;
    flex-shrink: 0;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-title {
    display: block;
    color: var(--mzts-navy);
    font-size: .88rem;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: normal;
    transition: color .2s ease;
}

/* Hover */
@media (hover: hover) {
    :is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-option:hover .mzts-relationship-card {
        border-color: var(--mzts-gold);
        background: var(--mzts-cream);
        transform: translateY(-2px);
        box-shadow: 0 7px 18px rgba(20, 40, 64, .08);
    }

    :is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-option:hover .mzts-relationship-icon {
        background: #f5e9d7;
        color: #99703b;
    }
}

/* Selected state */
:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-option input:checked + .mzts-relationship-card {
    border-color: var(--mzts-blue);
    background: linear-gradient(145deg, #f5f9fd, #eaf2f9);
    box-shadow:
        inset 0 0 0 1px var(--mzts-blue),
        0 5px 16px rgba(36, 71, 106, .1);
    transform: translateY(-1px);
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-option input:checked + .mzts-relationship-card .mzts-relationship-icon {
    background: var(--mzts-blue);
    color: #fff;
    transform: scale(1.04);
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-option input:checked + .mzts-relationship-card .mzts-relationship-title {
    color: var(--mzts-blue);
    font-weight: 750;
}

/* Keyboard accessibility */
:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-option input:focus-visible + .mzts-relationship-card {
    outline: 3px solid rgba(185, 138, 73, .43);
    outline-offset: 3px;
}

/* Validation errors */
:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship.has-error .mzts-relationship-card {
    border-color: var(--mzts-error);
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-relationship.has-error .mzts-relationship-option input:checked + .mzts-relationship-card {
    border-color: var(--mzts-blue);
}


#mzts-signup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#mzts-signup select, #mzts-signup textarea,
[data-mzts-signup] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
[data-mzts-signup] select, [data-mzts-signup] textarea {
  width: 100%;
  max-width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 12px 15px;
  color: var(--mzts-navy);
  background: #fff;
  border: 1.5px solid var(--mzts-border);
  border-radius: 12px;
  font: inherit;
  font-size: 1rem;
  outline: 0;
  box-shadow: 0 1px 3px rgba(20, 40, 64, .03);
  transition: border-color .18s ease, box-shadow .18s ease;
}


/* SVG icons inside registration inputs */
:is(#mzts-signup, [data-mzts-signup]) .mzts-input-wrap {
    position: relative;
    display: block;
    width: 100%;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-input-wrap > input {
    padding-left: 58px !important;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-input-icon {
    position: absolute;
    top: 26px;
    left: 9px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f2f5f8;
    border: 1px solid #e3e9ef;
    color: var(--mzts-blue);
    pointer-events: none;
    transition: background .18s ease,
                border-color .18s ease,
                color .18s ease;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-input-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-input-wrap:focus-within .mzts-input-icon {
    background: var(--mzts-cream);
    border-color: rgba(185, 138, 73, .35);
    color: var(--mzts-gold);
}


#mzts-signup input[type="email"], #mzts-signup input[type="tel"],
[data-mzts-signup] input[type="email"], [data-mzts-signup] input[type="tel"] { direction: ltr; text-align: right; }

#mzts-signup input:focus-visible, #mzts-signup select:focus-visible,
#mzts-signup textarea:focus-visible, #mzts-signup button:focus-visible,
#mzts-signup a:focus-visible,
[data-mzts-signup] input:focus-visible, [data-mzts-signup] select:focus-visible,
[data-mzts-signup] textarea:focus-visible, [data-mzts-signup] button:focus-visible,
[data-mzts-signup] a:focus-visible {
  outline: 3px solid rgba(185, 138, 73, .43);
  outline-offset: 2px;
  border-color: var(--mzts-gold);
}

#mzts-signup input:not([type="checkbox"]):not([type="radio"]):focus,
#mzts-signup select:focus, #mzts-signup textarea:focus,
[data-mzts-signup] input:not([type="checkbox"]):not([type="radio"]):focus,
[data-mzts-signup] select:focus, [data-mzts-signup] textarea:focus {
  border-color: var(--mzts-gold);
  box-shadow: 0 0 0 4px rgba(185, 138, 73, .12);
}

#mzts-signup ::placeholder, [data-mzts-signup] ::placeholder { color: #86909c; opacity: 1; }

#mzts-signup .mzts-help, [data-mzts-signup] .mzts-help {
  display: block;
  color: var(--mzts-muted);
  font-size: .82rem;
  margin-top: 6px;
}

#mzts-signup .mzts-consent, [data-mzts-signup] .mzts-consent {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 15px;
  border: 1px solid var(--mzts-border);
  background: #f8fafb;
  border-radius: 12px;
  line-height: 1.6;
}

#mzts-signup .mzts-consent input, [data-mzts-signup] .mzts-consent input {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 3px 0 0;
  accent-color: var(--mzts-navy);
}

#mzts-signup .mzts-consent label, [data-mzts-signup] .mzts-consent label {
  margin: 0;
  font-weight: 500;
}

#mzts-signup .has-error input, #mzts-signup .has-error select,
#mzts-signup .has-error textarea, [data-mzts-signup] .has-error input,
[data-mzts-signup] .has-error select, [data-mzts-signup] .has-error textarea {
  border-color: var(--mzts-error) !important;
}

#mzts-signup .mzts-field-error, [data-mzts-signup] .mzts-field-error {
  display: block;
  color: var(--mzts-error);
  font-size: .85rem;
  font-weight: 600;
  margin: 6px 2px 0;
}

#mzts-signup .mzts-actions, [data-mzts-signup] .mzts-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;
}

#mzts-signup button[data-mzts-next], #mzts-signup button[data-mzts-submit],
#mzts-signup button[data-mzts-verify],
#mzts-signup button[data-mzts-back], #mzts-signup button[data-mzts-edit],
[data-mzts-signup] button[data-mzts-next], [data-mzts-signup] button[data-mzts-submit],
[data-mzts-signup] button[data-mzts-verify],
[data-mzts-signup] button[data-mzts-back], [data-mzts-signup] button[data-mzts-edit] {
  appearance: none;
  min-height: 52px;
  border-radius: 12px;
  padding: 12px 22px;
  border: 1px solid transparent;
  font: inherit;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}

#mzts-signup button[data-mzts-next], #mzts-signup button[data-mzts-submit],
#mzts-signup button[data-mzts-verify],
[data-mzts-signup] button[data-mzts-next], [data-mzts-signup] button[data-mzts-submit],
[data-mzts-signup] button[data-mzts-verify] {
  color: #fff;
  background: var(--mzts-navy);
  box-shadow: 0 7px 18px rgba(20, 40, 64, .2);
}

#mzts-signup button[data-mzts-back], #mzts-signup button[data-mzts-edit],
[data-mzts-signup] button[data-mzts-back], [data-mzts-signup] button[data-mzts-edit] {
  color: var(--mzts-blue);
  background: #fff;
  border-color: var(--mzts-border);
}

#mzts-signup button[data-mzts-next]:hover, #mzts-signup button[data-mzts-submit]:hover,
#mzts-signup button[data-mzts-verify]:hover,
[data-mzts-signup] button[data-mzts-next]:hover, [data-mzts-signup] button[data-mzts-submit]:hover,
[data-mzts-signup] button[data-mzts-verify]:hover {
  background: var(--mzts-blue);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(20, 40, 64, .24);
}

#mzts-signup button:disabled, [data-mzts-signup] button:disabled { opacity: .62; cursor: wait; transform: none !important; }

#mzts-signup.is-loading [data-mzts-submit]::after,
#mzts-signup.is-loading [data-mzts-verify]::after,
[data-mzts-signup].is-loading [data-mzts-submit]::after,
[data-mzts-signup].is-loading [data-mzts-verify]::after {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-inline-start: 10px;
  border: 2px solid rgba(255, 255, 255, .4);
  border-top-color: #fff;
  border-radius: 50%;
  vertical-align: -.16em;
  animation: mzts-spin .7s linear infinite;
  content: '';
}

@keyframes mzts-spin { to { transform: rotate(360deg); } }

#mzts-signup .mzts-text-button, [data-mzts-signup] .mzts-text-button {
  display: inline-block;
  padding: 9px 3px;
  margin-top: 12px;
  color: var(--mzts-blue);
  background: transparent;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  font: inherit;
  font-size: .9rem;
  font-weight: 650;
  cursor: pointer;
}

#mzts-signup [name="email_code"], [data-mzts-signup] [name="email_code"] {
  max-width: 250px !important;
  direction: ltr;
  text-align: center !important;
  font-size: 1.55rem !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: .18em;
}

#mzts-signup [data-mzts-review], [data-mzts-signup] [data-mzts-review] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0;
}

#mzts-signup .mzts-review-row, [data-mzts-signup] .mzts-review-row {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--mzts-border);
  background: #f9fafb;
  border-radius: 12px;
  overflow-wrap: anywhere;
}

#mzts-signup .mzts-review-row dt, #mzts-signup .mzts-review-label,
[data-mzts-signup] .mzts-review-row dt, [data-mzts-signup] .mzts-review-label {
  display: block;
  color: var(--mzts-muted);
  font-size: .78rem;
  margin-bottom: 3px;
}

#mzts-signup .mzts-review-row dd, #mzts-signup .mzts-review-value,
[data-mzts-signup] .mzts-review-row dd, [data-mzts-signup] .mzts-review-value {
  display: block;
  color: var(--mzts-navy);
  font-size: .96rem;
  font-weight: 650;
  margin: 0;
}

#mzts-signup [data-mzts-status], [data-mzts-signup] [data-mzts-status] {
  margin-top: 20px;
  padding: 13px 16px;
  color: #214b6a;
  background: #edf5fa;
  border: 1px solid #c7ddea;
  border-radius: 12px;
  font-weight: 600;
}

#mzts-signup [data-mzts-status].is-error, [data-mzts-signup] [data-mzts-status].is-error {
  color: #842327;
  background: #fff3f2;
  border-color: #ecc7c5;
}

#mzts-signup [data-mzts-status].is-success, [data-mzts-signup] [data-mzts-status].is-success {
  color: #1d684d;
  background: #eef9f3;
  border-color: #c5e9d4;
}


/* Birth and death dates - always two columns */
:is(#mzts-signup, [data-mzts-signup]) .mzts-dates-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-dates-grid > label {
    min-width: 0;
}

:is(#mzts-signup, [data-mzts-signup]) .mzts-dates-grid input[type="date"] {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 16px;
}

@media (max-width: 620px) {
  #mzts-signup, [data-mzts-signup] {
    width: calc(100% - 16px);
    margin: 12px auto 32px;
    padding: 20px 16px 24px;
    border-radius: 20px;
  }
  #mzts-signup .mzts-grid, [data-mzts-signup] .mzts-grid { grid-template-columns: 1fr; gap: 0; }
  #mzts-signup [data-mzts-review], [data-mzts-signup] [data-mzts-review] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #mzts-signup .mzts-actions > button[data-mzts-next],
  #mzts-signup .mzts-actions > button[data-mzts-submit],
  #mzts-signup .mzts-actions > button[data-mzts-verify],
  [data-mzts-signup] .mzts-actions > button[data-mzts-next],
  [data-mzts-signup] .mzts-actions > button[data-mzts-submit],
  [data-mzts-signup] .mzts-actions > button[data-mzts-verify] { flex: 1 1 100%; }
  #mzts-signup .mzts-intro, [data-mzts-signup] .mzts-intro { min-height: 330px; padding: 4px; }
  #mzts-signup [data-mzts-progress], [data-mzts-signup] [data-mzts-progress] { font-size: .69rem; }
    :is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-options {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    :is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-card {
        min-height: 108px;
        padding: 12px 4px;
        gap: 7px;
        border-radius: 13px;
    }

    :is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }

    :is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-icon svg {
        width: 31px;
        height: 31px;
    }

    :is(#mzts-signup, [data-mzts-signup]) .mzts-relationship-title {
        font-size: .76rem;
    }
    :is(#mzts-signup, [data-mzts-signup]) .mzts-dates-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    :is(#mzts-signup, [data-mzts-signup]) .mzts-dates-grid input[type="date"] {
        padding-inline: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
  #mzts-signup *, #mzts-signup *::before, #mzts-signup *::after,
  [data-mzts-signup] *, [data-mzts-signup] *::before, [data-mzts-signup] *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}