/* Only reseller-specific visuals not provided by assets/style.css.
   Layout, typography, spacing, image frames and circle-item bullets reuse the site CSS. */
.reseller-growth { padding: 0 16px 84px; scroll-margin-top: 28px; }
.reseller-copy { line-height: 1.8; }

/* Static discount milestones. */
.reseller-growth__tiers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; position: relative; isolation: isolate; }
.reseller-growth__tiers::before { content: ""; height: 2px; background: linear-gradient(90deg, #b0d0fd, #0069ff); position: absolute; left: 12.5%; right: 12.5%; top: 57px; z-index: -1; }
.reseller-tier { text-align: center; position: relative; min-width: 0; }
.reseller-tier__symbol { width: 116px; height: 116px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; border: 1.5px solid #9bc4ff; border-radius: 50%; background: linear-gradient(145deg, #fff, #f7faff); color: #0069ff; }
.reseller-tier__symbol > svg { width: 47px; height: 47px; }
.reseller-tier__arrow { position: absolute; top: 41px; left: calc(100% - 17px); width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid #9bc4ff; border-radius: 50%; background: white; color: #0069ff; }
.reseller-tier__arrow svg { width: 20px; height: 20px; }
.reseller-tier h3 { font-size: 17px; font-weight: 600; line-height: 1.5; margin: 0 0 9px; }
.reseller-tier__discount { display: flex; align-items: baseline; justify-content: center; gap: 5px; color: #0069ff; margin: 0 0 15px; }
.reseller-tier__discount strong { font-size: 46px; line-height: 1.15; letter-spacing: -1.5px; font-weight: 600; }
.reseller-tier__discount span { font-size: 17px; line-height: 1.2; font-weight: 600; }
.reseller-tier__count { display: inline-block; min-width: 176px; background: #edf4ff; border-radius: 30px; padding: 8px 18px; font-size: 13px; line-height: 1.5; font-weight: 500; color: #284d80; }
.reseller-tier__description { font-size: 13px; line-height: 1.7; color: #606878; margin: 15px 8px 0; }
.reseller-tier--four .reseller-tier__symbol { background: #0069ff; border-color: white; color: white; box-shadow: 0 0 0 6px #dbeaff, 0 0 0 12px #eff6ff; }


/* New open benefit columns and module arrangement; shared classes supply the rest. */
.reseller-business__icon { width: 64px; height: 64px; }
.reseller-business__benefit + .reseller-business__benefit { border-left: 1px solid #d9e3f3; }
.reseller-module { grid-template-columns: 140px minmax(0, 1fr); }
.reseller-module__icon { padding-right: 34px; border-right: 1px solid #c7dcfb; }

@media (max-width: 1050px) {
  .reseller-tier__count { min-width: 0; padding: 8px 14px; font-size: 12px; }
  .reseller-tier__description { font-size: 12px; }
}
@media (max-width: 767px) {
  .reseller-business__benefit + .reseller-business__benefit { border-left: 0; border-top: 1px solid #d9e3f3; padding-top: 32px; }
}
@media (max-width: 700px) {
  .reseller-growth { padding-bottom: 60px; }
  .reseller-growth__tiers { grid-template-columns: 1fr; gap: 28px; margin: 0 auto; max-width: 450px; }
  .reseller-growth__tiers::before { width: 2px; height: auto; left: 34px; right: auto; top: 45px; bottom: 100px; background: linear-gradient(#b0d0fd, #0069ff); }
  .reseller-tier { display: grid; grid-template-columns: 70px 1fr; gap: 24px; text-align: left; align-items: start; min-height: 145px; }
  .reseller-tier__symbol { width: 70px; height: 70px; margin: 10px 0 0; }
  .reseller-tier__symbol > svg { width: 34px; height: 34px; }
  .reseller-tier__arrow { top: 120px; left: 21px; width: 28px; height: 28px; transform: rotate(90deg); }
  .reseller-tier__arrow svg { width: 17px; height: 17px; }
  .reseller-tier h3 { font-size: 14px; margin: 0 0 4px; }
  .reseller-tier__discount { justify-content: flex-start; margin-bottom: 10px; }
  .reseller-tier__discount strong { font-size: 36px; }
  .reseller-tier__discount span { font-size: 14px; }
  .reseller-tier__description { font-size: 12px; margin: 9px 0 0; }
  .reseller-tier__count { padding: 6px 14px; }
  .reseller-tier--four .reseller-tier__symbol { box-shadow: 0 0 0 4px #dbeaff, 0 0 0 8px #eff6ff; }
  .reseller-module { grid-template-columns: 1fr; }
  .reseller-module__icon { border-right: 0; padding-right: 0; width: 70px; }
}
@media (max-width: 380px) {
  .reseller-tier { gap: 18px; }
}