/* =============================================================================
   Zatra site-wide heading scale (H1 / H2 / H3)
   Loads LAST. Desktop keeps previous premium sizes; mobile uses a tighter
   uniform industrial scale. Excludes footer label headings.
   ============================================================================= */

:root{
  /* Desktop — previous site hierarchy retained */
  --zatra-font-display:var(--title,"Montserrat","Inter",Arial,sans-serif);
  --zatra-h1:clamp(40px,4.8vw,72px);
  --zatra-h1-lh:1;
  --zatra-h1-ls:-.058em;
  --zatra-h2:clamp(30px,3.6vw,52px);
  --zatra-h2-lh:1.06;
  --zatra-h2-ls:-.045em;
  --zatra-h3:clamp(22px,2.2vw,34px);
  --zatra-h3-lh:1.12;
  --zatra-h3-ls:-.035em;
  --zatra-h1-max:min(100%,1040px);
  --zatra-h2-max:min(100%,920px);
}

@media (max-width:980px){
  :root{
    /* Mobile — uniform industrial scale */
    --zatra-h1:clamp(1.75rem,6vw,2.25rem);
    --zatra-h1-lh:1.15;
    --zatra-h1-ls:-.03em;
    --zatra-h2:clamp(1.35rem,4.4vw,1.65rem);
    --zatra-h2-lh:1.22;
    --zatra-h2-ls:-.024em;
    --zatra-h3:clamp(1.1rem,3.6vw,1.25rem);
    --zatra-h3-lh:1.3;
    --zatra-h3-ls:-.015em;
    --zatra-h1-max:100%;
    --zatra-h2-max:100%;
  }
}

@media (max-width:420px){
  :root{
    --zatra-h1:clamp(1.65rem,7vw,1.95rem);
    --zatra-h2:clamp(1.28rem,5vw,1.5rem);
    --zatra-h3:clamp(1.05rem,4vw,1.2rem);
  }
}

/* ---------- H1: one page title ---------- */
h1,
main h1,
.hero h1,
.hero-editorial h1,
section#top h1,
#top h1,
#hero-title,
.about-hero-copy h1,
#about-hero-title,
.page-intro-shell h1,
#page-intro-title,
.pricing-decision-hero h1,
.pricing-decision-copy h1,
#pricing-page-title,
.legal-page h1,
.legal-hero h1,
body.home-page .hero-editorial-copy h1,
body.home-page .hero h1,
body.home-page .hero-title{
  font-family:var(--zatra-font-display)!important;
  font-size:var(--zatra-h1)!important;
  font-weight:780!important;
  line-height:var(--zatra-h1-lh)!important;
  letter-spacing:var(--zatra-h1-ls)!important;
  text-wrap:balance!important;
  max-width:var(--zatra-h1-max)!important;
  margin-top:0!important;
}

/* ---------- H2: section titles ---------- */
h2,
main h2,
.section h2,
.section-head h2,
.section-head.section-head-vvip h2,
.conversion-band h2,
.retention-copy h2,
.about-story-copy h2,
.about-story-copy #about-story-title,
.about-impact-shell h2,
.about-cta-shell h2,
.about-cta-copy h2,
.about-cta-copy #about-cta-title,
.about-answer-shell h2,
.about-brand-panel h2,
.about-local-shell h2,
.zatra-staff-copy h2,
.editorial-cover-card h2,
.assurance-command-card h2,
.route-retention-panel h2,
.legal-page h2,
#why h2,
#agriculture h2{
  font-family:var(--zatra-font-display)!important;
  font-size:var(--zatra-h2)!important;
  font-weight:760!important;
  line-height:var(--zatra-h2-lh)!important;
  letter-spacing:var(--zatra-h2-ls)!important;
  text-wrap:balance!important;
  max-width:var(--zatra-h2-max)!important;
}

/* ---------- H3: card / component titles ---------- */
h3,
main h3,
.card h3,
.package-card h3,
.premium-offer-card h3,
.service-card h3,
.doc-card h3,
.faq-card h3,
.proof-card h3,
.answer-card h3,
.person-card h3,
.team-body h3,
.team-card-premium .team-body h3,
.about-badge-card h3,
.about-vm-grid h3,
.about-vm-grid article h3,
.about-vm-grid .about-vm-head h3,
.about-values-grid h3,
.about-values-grid article h3,
.about-values-grid .about-values-head h3,
.about-feature-grid h3,
.about-method-grid h3,
.about-method-grid article h3,
.about-method-grid .about-method-head h3,
.about-answer-grid h3,
.about-answer-grid article h3,
.about-desk-grid h3,
.story-scenario-card h3,
.concern-card h3,
.authority-card h3,
.authority-card-pro h3,
.step h3,
.process-step-card h3,
#process .process-step-card h3,
.optional-card h3,
.optional-card-pro h3,
.addon-card h3,
.addon-feature-card h3,
.addon-feature-editorial h3,
.fee-calculator h3,
.scope-summary-card h3,
.scope-command-grid h3,
.scope-command-grid-redesign article h3,
.scope-two-column-grid article h3,
.retainer-copy h3,
.retainer-desk-card h3,
.retainer-diamond-card .retainer-copy h3,
.retainer-polished-card .retainer-copy h3,
.strategic-recommendation-card h3,
.optional-services-header h3,
.optional-accordion-intro h3,
.optional-sidebar-redesign h3,
.scope-sidebar-refined h3,
.package-conversion-strip h3,
.estimator-command h3,
.paid-gateway-strip h3,
.premium-decision-band h3,
.partner-cycle article h3,
.partner-cycle-pro article h3,
.partnership-protection-card h3,
.editorial-column-stack article h3,
.investor-reason-card h3,
.premium-reason-stack .investor-reason-card h3,
.agri-control-card h3,
#agriculture .agri-control-card h3,
.photo-overlay h3,
.why-command-band .photo-overlay h3,
.agri-command-band .photo-overlay h3,
.media-service h3,
.setup-caption h3,
.wide-card h3,
.overlay-text h3,
.assurance-panel h3,
.doc-command h3,
.doc-card.premium-doc h3,
#documents .doc-tier-card h3,
.answer-card.executive-answer h3,
.retention-card-grid h3,
.route-retention-panel h3,
.gateway-heading-block h3,
#packages .gateway-heading-block h3,
#premium-offers .premium-offer-card h3,
#search-intent-desk .authority-card-pro h3,
#addons .optional-card-pro h3,
#addons .optional-three-column-grid .optional-card h3,
#addons .optional-two-by-two-grid .optional-card h3,
#management .team-body h3,
#management .team-card-premium .team-body h3,
.invoice-sheet h3,
form h3{
  font-family:var(--zatra-font-display)!important;
  font-size:var(--zatra-h3)!important;
  font-weight:740!important;
  line-height:var(--zatra-h3-lh)!important;
  letter-spacing:var(--zatra-h3-ls)!important;
  text-wrap:balance!important;
  max-width:none!important;
}

/* Footer column labels stay compact meta text — not content H3 */
.zatra-premium-footer h3,
.zatra-footer-col h3,
footer h3{
  font-size:.78rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  max-width:none!important;
}

/* Readable measure for long page H1s (about / services) */
.about-hero-copy h1,
#about-hero-title,
.page-intro-shell h1,
.pricing-decision-hero h1{
  max-width:var(--zatra-h1-max)!important;
}

.section-head h2,
.section-head.section-head-vvip h2{
  max-width:var(--zatra-h2-max)!important;
}

@media (max-width:980px){
  h1,
  main h1,
  .hero-editorial h1,
  .about-hero-copy h1,
  .page-intro-shell h1,
  .pricing-decision-hero h1,
  body.home-page .hero-editorial-copy h1{
    max-width:100%!important;
  }
  h2,
  main h2,
  .section-head h2,
  .conversion-band h2,
  .about-story-copy h2,
  .about-cta-copy h2{
    max-width:100%!important;
  }
}