@layer pages {
  .distributor__hero { background: var(--color-bg-subtle); border-block-end: var(--border-width) solid var(--color-border); }
  .distributor__hero-inner { display: grid; gap: var(--space-8); align-items: start; grid-template-columns: minmax(0, 1fr); }
  .distributor__copy { display: grid; gap: var(--space-4); }
  .distributor__points { display: grid; gap: var(--space-3); li { display: flex; gap: var(--space-3); align-items: start; } .ds-icon { color: var(--color-success); margin-block-start: var(--space-1); } }
  .distributor__form { display: grid; gap: var(--space-4); padding: var(--space-6); border: var(--border-width-2) solid var(--color-neutral-700); border-radius: var(--radius-card); background: var(--color-surface); scroll-margin-block-start: calc(var(--header-height) + var(--space-6)); }
  .distributor__form h2 { font: var(--text-h3); }
  .distributor__cards { display: grid; gap: var(--grid-gap); grid-template-columns: minmax(0, 1fr); }
  .distributor__faq { display: grid; gap: var(--space-8); grid-template-columns: minmax(0, 1fr); }

  @media (min-width: 48rem) { .distributor__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 80rem) {
    .distributor__hero-inner { grid-template-columns: minmax(0, 1fr) minmax(0, var(--size-140)); gap: var(--space-16); }
    .distributor__cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .distributor__faq { grid-template-columns: minmax(0, 1fr) 1.6fr; gap: var(--space-16); }
  }
}