/* ── /trades landing page ───────────────────────────────────────────────────
 * Trade-specific refinements only. Shared hero, process, testimonial, FAQ,
 * final CTA, navigation, and footer styles come from the existing page CSS.
 */

.trades-page .trades-hero .rush-headline {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.trades-page .trades-hero .rush-hero-sub {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
}

.trades-page .trades-hero-badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.trades-page .trades-hero-badges .rush-rating-badge {
  margin-bottom: 0;
}

.trades-page .trades-offer {
  background: #f4f1ec;
  padding: 52px 48px 56px;
  border-bottom: 1px solid #e2e0db;
  text-align: left;
}

.trades-page .trades-offer-inner {
  max-width: 1120px;
  margin: 0 auto 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: center;
  gap: 48px;
}

.trades-page .trades-offer-kicker {
  display: block;
  margin-bottom: 10px;
  color: #7a9a0e;
  font: 700 12px 'Figtree', system-ui, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.trades-page .trades-offer h2 {
  color: #090302;
  font: 800 38px/1.1 'Barlow', sans-serif;
  margin: 0 0 14px;
}

.trades-page .trades-offer p {
  max-width: 700px;
  color: #4a4742;
  font: 16px/1.65 'Muli', system-ui, sans-serif;
  margin: 0;
}

.trades-page .trades-offer-price {
  border-left: 4px solid #00a86b;
  background: #fff;
  padding: 24px 28px;
  text-align: center;
}

.trades-page .trades-offer-price strong {
  display: block;
  color: #00a86b;
  font: 800 58px/0.95 'Barlow', sans-serif;
}

.trades-page .trades-offer-price span {
  display: block;
  margin-top: 10px;
  color: #090302;
  font: 700 14px/1.4 'Figtree', system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.trades-page .trades-offer-cta {
  display: block;
  width: fit-content;
  margin: 0 auto;
  background: #090302;
  color: #fff;
}

.trades-page .trades-offer-cta:hover {
  background: #36302f;
}

.trades-page .trades-trust {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1240px;
}

.trades-page .trades-audience {
  padding-top: 64px;
  padding-bottom: 64px;
}

.trades-page .trades-use-case-grid {
  max-width: 1080px;
  margin: 34px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.trades-page .trades-use-case {
  min-width: 0;
  padding: 24px 20px 22px;
  border-top: 3px solid #e8622a;
  background: #f4f1ec;
}

.trades-page .trades-use-case-number {
  display: block;
  margin-bottom: 20px;
  color: #e8622a;
  font: 800 13px 'Barlow', sans-serif;
  letter-spacing: 0.12em;
}

.trades-page .trades-use-case h3 {
  color: #090302;
  font: 700 18px/1.2 'Figtree', system-ui, sans-serif;
  margin: 0 0 10px;
}

.trades-page .trades-use-case p {
  color: #4a4742;
  font: 14px/1.55 'Muli', system-ui, sans-serif;
  margin: 0;
}

@media (max-width: 900px) {
  .trades-page .trades-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trades-page .trades-use-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .trades-page .trades-offer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .trades-page .trades-offer-inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .trades-page .trades-offer h2 {
    font-size: 32px;
  }

  .trades-page .trades-offer-price {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 480px) {
  .trades-page .trades-trust,
  .trades-page .trades-use-case-grid {
    grid-template-columns: 1fr;
  }

  .trades-page .trades-offer-cta {
    width: 100%;
    text-align: center;
  }
}