/* ==========================================================================
   Consumer Brands page — patterns that appear only here.
   ========================================================================== */

@layer pages {

  /* Mockups keep their Figma width (561 / 596) rather than upscaling. */
  .hero .media--dashboard { max-width: 561px; }

  /* ---- "Launch the business" lead line ------------------------------ */

  .section-head__lead {
    font-size: var(--fs-body-m);
    font-weight: 700;
    color: var(--text-ink);
  }

  /* ---- "One agreement. The entire stack." --------------------------- */

  .agreement-panel .panel__header { padding-block: var(--space-lg); }

  .agreement-panel .panel__title { font-size: var(--fs-s); }

  .agreement-panel .panel__body { padding-block-end: var(--space-xl); }

  .agreement-panel .panel__list { gap: var(--space-xs); }

  .agreement-panel .panel__item { align-items: center; }

  .agreement-panel .panel__desc { color: var(--text-body); }
}