/* ==========================================================================
   partners.html — page-specific rules (tokens only, no new colours / radius / shadows)
   ========================================================================== */

/* "Who we work with" on the dark band: the first hairline of .rows--top is #cbcbcb by default —
   match it to the white-20 borders the .row--white rows already use */
.rows--dark.rows--top .row:first-child { border-top-color: var(--white-20); }
.rows--dark .row__link { margin-top: 28px; }
/* a touch smaller than the default 76px so "E-commerce" stays on one line inside columns 3–4 */
.rows--dark .row__title { font-size: clamp(32px, 5vw, 72px); }

/* Commission tiers: four equal columns on the four grid columns; stacked blocks on phones */
.tiers { min-width: 760px; }
.tiers th, .tiers td { width: 25%; }
.tiers td:first-child { font-weight: 700; text-transform: uppercase; font-size: 14px; letter-spacing: 0.02em; padding-top: 24px; }
.tiers .tiers__extras { display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.4; }

/* Stat brackets on the dark band: a small Monument unit next to the number ("24 months") */
.stat__unit { font-size: 20px; margin-left: 6px; }

/* Partner application form: two columns of fields; message and consent span both */
.partner-form .form__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--gap); }
.partner-form .field--wide { grid-column: 1 / -1; }
.partner-form .checkbox { grid-column: 1 / -1; margin-top: 28px; max-width: 670px; }
.partner-form .checkbox a { text-decoration: underline; text-underline-offset: 3px; }
.partner-form .select select:invalid { color: var(--ink-70); }
.partner-form .form__note { max-width: 670px; }
.partner-form .form__success { max-width: 670px; color: var(--ink); }

@media (max-width: 1023px) {
  .rows--dark .row__title { font-size: clamp(28px, 4.6vw, 51px); }
  .tiers { min-width: 720px; }
  .stat__unit { font-size: 18px; }
}

@media (max-width: 639px) {
  .rows--dark .row__title { font-size: 32px; }
  .partner-form .form__fields { grid-template-columns: minmax(0, 1fr); }
  .partner-form .checkbox { margin-top: 20px; }
  /* Tiers table becomes a list of tier blocks: every cell on its own line under a small caption */
  .tiers { min-width: 0; }
  .tiers thead { display: none; }
  .tiers, .tiers tbody, .tiers tr, .tiers td { display: block; width: 100%; }
  .tiers tbody { border-top: 1px solid var(--line); }
  .tiers tr { padding: 24px 0 28px; border-bottom: 1px solid var(--line); }
  .tiers td { padding: 0; border: 0; font-size: 15px; line-height: 1.4; }
  .tiers td + td { margin-top: 14px; }
  .tiers td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-75); }
  .tiers td:first-child { padding: 0; font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 1; letter-spacing: 0; }
  .tiers td:first-child::before { display: none; }
  .tiers .num { font-size: 24px; }
  .tiers .tiers__extras { font-size: 15px; }
  .stat__unit { font-size: 15px; margin-left: 4px; }
}