/* Shared marketing hierarchy. App walkthroughs, document previews and utility headings retain their own scale. */
:root {
  --marketing-heading: #173e3b;
  --marketing-heading-accent: #66837a;
  --marketing-label: #577569;
  --marketing-title-size: clamp(36px, 4vw, 60px);
  --marketing-subtitle-size: clamp(24px, 2.2vw, 30px);
}
h2.section-title, h3.section-title {
  font-family: Advium, sans-serif;
  font-size: var(--marketing-title-size);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.045em;
  color: var(--marketing-heading);
  text-wrap: balance;
}
.intro h1 > span, h2.section-title > span, h3.section-title > span { color: var(--marketing-heading-accent); }
h3.section-subtitle {
  font-family: Advium, sans-serif;
  font-size: var(--marketing-subtitle-size);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.035em;
  color: var(--marketing-heading);
  text-wrap: balance;
}
p.section-kicker {
  font-family: Advium, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .16em;
  color: var(--marketing-label);
}
.trust-card, .closing-panel {
  --marketing-heading: #f0f3e9;
  --marketing-heading-accent: #b9caaa;
  --marketing-label: #b9caaa;
}
@media (max-width: 760px) {
  :root {
    --marketing-title-size: clamp(34px, 7.5vw, 42px);
    --marketing-subtitle-size: 26px;
  }
}