/* industry-layout-fixes.css
   Site-wide standardization for all 15 industry-*.html pages.
   Covers prefixes: ind- (shared), ais, bbs, ec, edt, ft, ht, hrt, lg, lgt
   - 50/50 hero grid + full-width left content
   - 120/80/48/20 gutters on every section .container
   - Stacked single-column second-section layout (full-width body below heading)
   - Full-width headings + body text in every section
*/

/* ── 1. Global 120px gutters on every section's .container ── */
.ais-hero > .container, .bbs-hero > .container, .ec-hero > .container,
.edt-hero > .container, .ft-hero > .container, .ht-hero > .container,
.hrt-hero > .container, .lg-hero > .container, .lgt-hero > .container,
.ind-hero > .container,
.ais-why > .container, .bbs-why > .container, .ec-why > .container,
.edt-why > .container, .ft-why > .container, .ht-why > .container,
.hrt-why > .container, .lg-why > .container, .lgt-why > .container,
.ais-build > .container, .bbs-build > .container, .ec-build > .container,
.edt-build > .container, .ft-build > .container, .ht-build > .container,
.hrt-build > .container, .lg-build > .container, .lgt-build > .container,
.ais-proof > .container, .bbs-proof > .container, .ec-proof > .container,
.edt-proof > .container, .ft-proof > .container, .ht-proof > .container,
.hrt-proof > .container, .lg-proof > .container, .lgt-proof > .container,
.ais-scale > .container, .bbs-scale > .container, .ec-scale > .container,
.edt-scale > .container, .ft-scale > .container, .ht-scale > .container,
.hrt-scale > .container, .lg-scale > .container, .lgt-scale > .container,
.ais-close > .container, .bbs-close > .container, .ec-close > .container,
.edt-close > .container, .ft-close > .container, .ht-close > .container,
.hrt-close > .container, .lg-close > .container, .lgt-close > .container,
.ind-section > .container, .ind-close > .container,
.ais-process > .container, .ais-cases > .container,
.bbs-econ > .container, .bbs-growth > .container, .bbs-process > .container, .bbs-challenge > .container,
.edt-build > .container, .edt-proof > .container, .edt-why > .container, .edt-constraints-sec > .container,
.ft-build > .container, .ft-proof > .container, .ft-scale > .container, .ft-why > .container,
.ht-build > .container, .ht-proof > .container, .ht-scale > .container, .ht-why > .container,
.page-faq > .container {
  max-width: none !important;
  padding-left: 120px !important;
  padding-right: 120px !important;
  width: 100% !important;
  box-sizing: border-box;
}

@media (max-width: 1280px){
  .ais-hero > .container, .bbs-hero > .container, .ec-hero > .container,
  .edt-hero > .container, .ft-hero > .container, .ht-hero > .container,
  .hrt-hero > .container, .lg-hero > .container, .lgt-hero > .container,
  .ind-hero > .container, .ind-section > .container, .ind-close > .container,
  [class$="-why"] > .container, [class$="-build"] > .container,
  [class$="-proof"] > .container, [class$="-scale"] > .container,
  [class$="-close"] > .container, [class$="-process"] > .container,
  [class$="-cases"] > .container, [class$="-challenge"] > .container,
  [class$="-econ"] > .container, [class$="-growth"] > .container,
  [class$="-constraints-sec"] > .container,
  .page-faq > .container{
    padding-left: 80px !important; padding-right: 80px !important;
  }
}
@media (max-width: 1024px){
  .ais-hero > .container, .bbs-hero > .container, .ec-hero > .container,
  .edt-hero > .container, .ft-hero > .container, .ht-hero > .container,
  .hrt-hero > .container, .lg-hero > .container, .lgt-hero > .container,
  .ind-hero > .container, .ind-section > .container, .ind-close > .container,
  [class$="-why"] > .container, [class$="-build"] > .container,
  [class$="-proof"] > .container, [class$="-scale"] > .container,
  [class$="-close"] > .container, [class$="-process"] > .container,
  [class$="-cases"] > .container, [class$="-challenge"] > .container,
  [class$="-econ"] > .container, [class$="-growth"] > .container,
  [class$="-constraints-sec"] > .container,
  .page-faq > .container{
    padding-left: 48px !important; padding-right: 48px !important;
  }
}
@media (max-width: 640px){
  .ais-hero > .container, .bbs-hero > .container, .ec-hero > .container,
  .edt-hero > .container, .ft-hero > .container, .ht-hero > .container,
  .hrt-hero > .container, .lg-hero > .container, .lgt-hero > .container,
  .ind-hero > .container, .ind-section > .container, .ind-close > .container,
  [class$="-why"] > .container, [class$="-build"] > .container,
  [class$="-proof"] > .container, [class$="-scale"] > .container,
  [class$="-close"] > .container, [class$="-process"] > .container,
  [class$="-cases"] > .container, [class$="-challenge"] > .container,
  [class$="-econ"] > .container, [class$="-growth"] > .container,
  [class$="-constraints-sec"] > .container,
  .page-faq > .container{
    padding-left: 20px !important; padding-right: 20px !important;
  }
}

/* ── 2. Hero — 50/50 grid, full-width left content ── */
.ais-hero-grid, .bbs-hero-grid, .ec-hero-grid,
.edt-hero-grid, .ft-hero-grid, .ht-hero-grid,
.hrt-hero-grid, .lg-hero-grid, .lgt-hero-grid,
.ind-hero-grid{
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  gap: 3rem !important;
}
@media (max-width: 1024px){
  .ais-hero-grid, .bbs-hero-grid, .ec-hero-grid,
  .edt-hero-grid, .ft-hero-grid, .ht-hero-grid,
  .hrt-hero-grid, .lg-hero-grid, .lgt-hero-grid,
  .ind-hero-grid{grid-template-columns: 1fr !important}
}

/* Hero left content — full width, no caps */
.ais-hero-content, .bbs-hero-content, .ec-hero-content,
.edt-hero-content, .ft-hero-content, .ht-hero-content,
.hrt-hero-content, .lg-hero-content, .lgt-hero-content,
.ind-hero-content{
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Hero text + ctas full-width */
.ais-hero h1, .bbs-hero h1, .ec-hero h1,
.edt-hero h1, .ft-hero h1, .ht-hero h1,
.hrt-hero h1, .lg-hero h1, .lgt-hero h1, .ind-hero h1,
.ais-hero-sub, .bbs-hero-sub, .ec-hero-sub,
.edt-hero-sub, .ft-hero-sub, .ht-hero-sub,
.hrt-hero-sub, .lg-hero-sub, .lgt-hero-sub, .ind-hero-sub,
.ais-hero-sub2, .bbs-hero-sub2, .ec-hero-sub2,
.edt-hero-sub2, .ft-hero-sub2, .ht-hero-sub2,
.hrt-hero-sub2, .lg-hero-sub2, .lgt-hero-sub2, .ind-hero-sub2,
.ais-hero-support, .bbs-hero-support, .ec-hero-support,
.edt-hero-support, .ft-hero-support, .ht-hero-support,
.hrt-hero-support, .lg-hero-support, .lgt-hero-support,
.ais-hero-cta, .bbs-hero-cta, .ec-hero-cta,
.edt-hero-cta, .ft-hero-cta, .ht-hero-cta,
.hrt-hero-cta, .lg-hero-cta, .lgt-hero-cta, .ind-hero-cta,
.ais-trust, .bbs-trust, .ec-trust,
.edt-trust, .ft-trust, .ht-trust,
.hrt-trust, .lg-trust, .lgt-trust, .ind-trust{
  max-width: none !important;
  width: 100% !important;
}

/* Hero illustration centered */
.ais-ill-wrap, .bbs-ill-wrap, .ec-ill-wrap,
.edt-ill-wrap, .ft-ill-wrap, .ht-ill-wrap,
.hrt-ill-wrap, .lg-ill-wrap, .lgt-ill-wrap,
.ind-ill-wrap{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* ── 3. Second section (Why ...) — single col stacked, full width ── */
.ais-why-grid, .bbs-why-grid, .ec-why-grid,
.edt-why-grid, .ft-why-grid, .ht-why-grid,
.hrt-why-grid, .lg-why-grid, .lgt-why-grid{
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
  max-width: none !important;
  width: 100% !important;
}
.ais-why-grid > *, .bbs-why-grid > *, .ec-why-grid > *,
.edt-why-grid > *, .ft-why-grid > *, .ht-why-grid > *,
.hrt-why-grid > *, .lg-why-grid > *, .lgt-why-grid > *{
  max-width: none !important;
  width: 100% !important;
}

/* ── 4. Section headings + body content — full width ── */
.ais-section-h2, .bbs-section-h2, .ec-section-h2,
.edt-section-h2, .ft-section-h2, .ht-section-h2,
.hrt-section-h2, .lg-section-h2, .lgt-section-h2, .ind-section-h2,
.ais-why-h2, .bbs-why-h2, .ec-why-h2,
.edt-why-h2, .ft-why-h2, .ht-why-h2,
.hrt-why-h2, .lg-why-h2, .lgt-why-h2,
.ais-why-body, .bbs-why-body, .ec-why-body,
.edt-why-body, .ft-why-body, .ht-why-body,
.hrt-why-body, .lg-why-body, .lgt-why-body,
.ais-section-p, .bbs-section-p, .ec-section-p,
.edt-section-p, .ft-section-p, .ht-section-p,
.hrt-section-p, .lg-section-p, .lgt-section-p, .ind-section-p,
.ais-build-header, .bbs-build-header, .ec-build-header,
.edt-build-header, .ft-build-header, .ht-build-header,
.hrt-build-header, .lg-build-header, .lgt-build-header,
.ais-proof-header, .bbs-proof-header, .ec-proof-header,
.edt-proof-header, .ft-proof-header, .ht-proof-header,
.hrt-proof-header, .lg-proof-header, .lgt-proof-header,
.ais-scale-header, .bbs-scale-header, .ec-scale-header,
.edt-scale-header, .ft-scale-header, .ht-scale-header,
.hrt-scale-header, .lg-scale-header, .lgt-scale-header,
.ais-close-inner, .bbs-close-inner, .ec-close-inner,
.edt-close-inner, .ft-close-inner, .ht-close-inner,
.hrt-close-inner, .lg-close-inner, .lgt-close-inner, .ind-close-inner,
.ind-section-header{
  max-width: none !important;
  width: 100% !important;
}

/* Cards / stats grids — full width */
.ais-cards-grid, .bbs-cards-grid, .ec-cards-grid,
.edt-cards-grid, .ft-cards-grid, .ht-cards-grid,
.hrt-cards-grid, .lg-cards-grid, .lgt-cards-grid,
.ais-scale-cards, .bbs-scale-cards, .ec-scale-cards,
.edt-scale-cards, .ft-scale-cards, .ht-scale-cards,
.hrt-scale-cards, .lg-scale-cards, .lgt-scale-cards,
.ais-stats, .bbs-stats, .ec-stats,
.edt-stats, .ft-stats, .ht-stats,
.hrt-stats, .lg-stats, .lgt-stats,
.ais-build-cards, .bbs-build-cards, .ec-build-cards,
.edt-build-cards, .ft-build-cards, .ht-build-cards,
.hrt-build-cards, .lg-build-cards, .lgt-build-cards,
.ind-grid{
  max-width: none !important;
  width: 100% !important;
}

/* ── 5. page-faq — full width + Questions label color match ── */
.page-faq h2, .page-faq .pf-sub,
.page-faq details, .page-faq .pf-a{
  max-width: none !important;
  width: 100% !important;
}
.page-faq .section-label,
.page-faq .page-faq-questions-label{
  color: var(--dark-mid) !important;
  border-color: rgba(0,46,34,0.45) !important;
  background: transparent !important;
}

/* ── Hero secondary (ghost) button — match proptech Next Step 2nd button ── */
.ais-hero-cta .btn-ghost, .bbs-hero-cta .btn-ghost, .ec-hero-cta .btn-ghost,
.edt-hero-cta .btn-ghost, .ft-hero-cta .btn-ghost, .ht-hero-cta .btn-ghost,
.hrt-hero-cta .btn-ghost, .lg-hero-cta .btn-ghost, .lgt-hero-cta .btn-ghost,
.ind-hero-cta .btn-ghost{
  background: transparent !important;
  color: rgba(246,246,242,0.85) !important;
  border: 1.5px solid rgba(246,246,242,0.4) !important;
  transition: background 0.28s var(--ease-out), color 0.28s var(--ease-out),
              border-color 0.28s var(--ease-out), transform 0.28s var(--ease-out) !important;
}
.ais-hero-cta .btn-ghost:hover, .bbs-hero-cta .btn-ghost:hover, .ec-hero-cta .btn-ghost:hover,
.edt-hero-cta .btn-ghost:hover, .ft-hero-cta .btn-ghost:hover, .ht-hero-cta .btn-ghost:hover,
.hrt-hero-cta .btn-ghost:hover, .lg-hero-cta .btn-ghost:hover, .lgt-hero-cta .btn-ghost:hover,
.ind-hero-cta .btn-ghost:hover{
  background: rgba(246,246,242,0.1) !important;
  color: var(--cream) !important;
  border-color: rgba(246,246,242,0.7) !important;
  transform: translateY(-2px) !important;
}

/* Arrow animation on hero ghost btn hover */
.ais-hero-cta .btn-ghost:hover .arrow-shaft,
.bbs-hero-cta .btn-ghost:hover .arrow-shaft,
.ec-hero-cta .btn-ghost:hover .arrow-shaft,
.edt-hero-cta .btn-ghost:hover .arrow-shaft,
.ft-hero-cta .btn-ghost:hover .arrow-shaft,
.ht-hero-cta .btn-ghost:hover .arrow-shaft,
.hrt-hero-cta .btn-ghost:hover .arrow-shaft,
.lg-hero-cta .btn-ghost:hover .arrow-shaft,
.lgt-hero-cta .btn-ghost:hover .arrow-shaft,
.ind-hero-cta .btn-ghost:hover .arrow-shaft{
  animation: arrowShaft 0.6s ease forwards !important;
}
.ais-hero-cta .btn-ghost:hover .arrow-head,
.bbs-hero-cta .btn-ghost:hover .arrow-head,
.ec-hero-cta .btn-ghost:hover .arrow-head,
.edt-hero-cta .btn-ghost:hover .arrow-head,
.ft-hero-cta .btn-ghost:hover .arrow-head,
.ht-hero-cta .btn-ghost:hover .arrow-head,
.hrt-hero-cta .btn-ghost:hover .arrow-head,
.lg-hero-cta .btn-ghost:hover .arrow-head,
.lgt-hero-cta .btn-ghost:hover .arrow-head,
.ind-hero-cta .btn-ghost:hover .arrow-head{
  animation: arrowHead 0.6s 0.12s ease forwards !important;
}

/* ── Ready / Close section — match Proof bg + transparent label ── */
.ais-close, .bbs-close, .ec-close,
.edt-close, .ft-close, .ht-close,
.hrt-close, .lg-close, .lgt-close,
.ind-close{
  background: var(--cream-soft) !important;
}
.ais-close .section-label, .bbs-close .section-label, .ec-close .section-label,
.edt-close .section-label, .ft-close .section-label, .ht-close .section-label,
.hrt-close .section-label, .lg-close .section-label, .lgt-close .section-label,
.ind-close .section-label,
.ais-close-inner .section-label, .bbs-close-inner .section-label, .ec-close-inner .section-label,
.edt-close-inner .section-label, .ft-close-inner .section-label, .ht-close-inner .section-label,
.hrt-close-inner .section-label, .lg-close-inner .section-label, .lgt-close-inner .section-label,
.ind-close-inner .section-label{
  background: none !important;
  background-color: transparent !important;
  border-color: rgba(0,46,34,0.45) !important;
  color: var(--dark-mid) !important;
}

/* Strip bg from ALL section-labels across industry pages */
.ais-hero .section-label, .bbs-hero .section-label, .ec-hero .section-label,
.edt-hero .section-label, .ft-hero .section-label, .ht-hero .section-label,
.hrt-hero .section-label, .lg-hero .section-label, .lgt-hero .section-label,
.ind-hero .section-label,
[class^="ais-"] .section-label, [class^="bbs-"] .section-label,
[class^="ec-"] .section-label, [class^="edt-"] .section-label,
[class^="ft-"] .section-label, [class^="ht-"] .section-label,
[class^="hrt-"] .section-label, [class^="lg-"] .section-label,
[class^="lgt-"] .section-label, [class^="ind-"] .section-label{
  background: none !important;
  background-color: transparent !important;
}

/* ── 6. Hero text spacing — match industry-proptech rhythm ── */
/* Use body prefix to outweigh inline page-level overrides */
/* Label → Heading (tight grouping) */
body .ais-hero .section-label, body .bbs-hero .section-label, body .ec-hero .section-label,
body .edt-hero .section-label, body .ft-hero .section-label, body .ht-hero .section-label,
body .hrt-hero .section-label, body .lg-hero .section-label, body .lgt-hero .section-label,
body .ind-hero .section-label{
  margin-top: 0 !important;
  margin-bottom: 0.85rem !important;
}

/* Heading h1 — top 0, bottom 1.5rem */
body .ais-hero h1, body .bbs-hero h1, body .ec-hero h1,
body .edt-hero h1, body .ft-hero h1, body .ht-hero h1,
body .hrt-hero h1, body .lg-hero h1, body .lgt-hero h1,
body .ind-hero h1{
  line-height: 1.08 !important;
  letter-spacing: -0.01em;
  margin: 0 0 1.5rem !important;
}

/* TLDR / accent-line paragraph (between h1 and sub) */
body .ais-hero .page-tldr, body .bbs-hero .page-tldr, body .ec-hero .page-tldr,
body .edt-hero .page-tldr, body .ft-hero .page-tldr, body .ht-hero .page-tldr,
body .hrt-hero .page-tldr, body .lg-hero .page-tldr, body .lgt-hero .page-tldr,
body .ind-hero .page-tldr{
  margin: 0 0 1.5rem !important;
  padding-left: 0.85rem !important;
  line-height: 1.55 !important;
}

/* Body content — sub */
body .ais-hero-sub, body .bbs-hero-sub, body .ec-hero-sub,
body .edt-hero-sub, body .ft-hero-sub, body .ht-hero-sub,
body .hrt-hero-sub, body .lg-hero-sub, body .lgt-hero-sub,
body .ind-hero-sub{
  font-size: 1.1rem !important;
  line-height: 1.8 !important;
  margin: 0 0 1rem !important;
}

/* Body content — sub2 / support */
body .ais-hero-sub2, body .bbs-hero-sub2, body .ec-hero-sub2,
body .edt-hero-sub2, body .ft-hero-sub2, body .ht-hero-sub2,
body .hrt-hero-sub2, body .lg-hero-sub2, body .lgt-hero-sub2,
body .ind-hero-sub2,
body .ais-hero-support, body .bbs-hero-support, body .ec-hero-support,
body .edt-hero-support, body .ft-hero-support, body .ht-hero-support,
body .hrt-hero-support, body .lg-hero-support, body .lgt-hero-support{
  font-size: 0.97rem !important;
  line-height: 1.75 !important;
  margin: 1rem 0 0 !important;
}

/* Body → CTA */
body .ais-hero-cta, body .bbs-hero-cta, body .ec-hero-cta,
body .edt-hero-cta, body .ft-hero-cta, body .ht-hero-cta,
body .hrt-hero-cta, body .lg-hero-cta, body .lgt-hero-cta,
body .ind-hero-cta{
  margin-top: 2rem !important;
}

/* CTA → meta chips (compact) */
body .ais-trust, body .bbs-trust, body .ec-trust,
body .edt-trust, body .ft-trust, body .ht-trust,
body .hrt-trust, body .lg-trust, body .lgt-trust,
body .ind-trust{
  margin-top: 1.5rem !important;
  gap: 0.65rem !important;
}

/* ── 7. Hero — fits viewport + symmetric vertical padding ── */
.ais-hero, .bbs-hero, .ec-hero,
.edt-hero, .ft-hero, .ht-hero,
.hrt-hero, .lg-hero, .lgt-hero,
.ind-hero{
  min-height: calc(100vh - var(--nav-h, 80px) + 3rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: stretch !important;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  box-sizing: border-box;
}

/* Hero container — no own vertical padding (control via outer hero) */
.ais-hero > .container, .bbs-hero > .container, .ec-hero > .container,
.edt-hero > .container, .ft-hero > .container, .ht-hero > .container,
.hrt-hero > .container, .lg-hero > .container, .lgt-hero > .container,
.ind-hero > .container{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hero grid — vertically center both columns */
.ais-hero-grid, .bbs-hero-grid, .ec-hero-grid,
.edt-hero-grid, .ft-hero-grid, .ht-hero-grid,
.hrt-hero-grid, .lg-hero-grid, .lgt-hero-grid,
.ind-hero-grid{
  align-items: center !important;
}

/* Hero left column — internal vertical flow consistent */
.ais-hero-content, .bbs-hero-content, .ec-hero-content,
.edt-hero-content, .ft-hero-content, .ht-hero-content,
.hrt-hero-content, .lg-hero-content, .lgt-hero-content,
.ind-hero-content{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

/* Mobile — auto height, equal 3.5rem padding */
@media (max-width: 1024px){
  .ais-hero, .bbs-hero, .ec-hero,
  .edt-hero, .ft-hero, .ht-hero,
  .hrt-hero, .lg-hero, .lgt-hero,
  .ind-hero{
    min-height: auto !important;
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

/* ── 8. True vertical centering — kill first-child top margin ── */
/* First child inside hero column MUST not push content down */
.ais-hero-content > *:first-child,
.bbs-hero-content > *:first-child,
.ec-hero-content > *:first-child,
.edt-hero-content > *:first-child,
.ft-hero-content > *:first-child,
.ht-hero-content > *:first-child,
.hrt-hero-content > *:first-child,
.lg-hero-content > *:first-child,
.lgt-hero-content > *:first-child,
.ind-hero-content > *:first-child{
  margin-top: 0 !important;
}

/* Last child in hero column — strip residual bottom margin */
.ais-hero-content > *:last-child,
.bbs-hero-content > *:last-child,
.ec-hero-content > *:last-child,
.edt-hero-content > *:last-child,
.ft-hero-content > *:last-child,
.ht-hero-content > *:last-child,
.hrt-hero-content > *:last-child,
.lg-hero-content > *:last-child,
.lgt-hero-content > *:last-child,
.ind-hero-content > *:last-child{
  margin-bottom: 0 !important;
}

/* h1 — no top margin, only bottom rhythm */
.ais-hero h1, .bbs-hero h1, .ec-hero h1,
.edt-hero h1, .ft-hero h1, .ht-hero h1,
.hrt-hero h1, .lg-hero h1, .lgt-hero h1,
.ind-hero h1{
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

/* section-label — keep bottom rhythm only, no top push */
.ais-hero .section-label, .bbs-hero .section-label, .ec-hero .section-label,
.edt-hero .section-label, .ft-hero .section-label, .ht-hero .section-label,
.hrt-hero .section-label, .lg-hero .section-label, .lgt-hero .section-label,
.ind-hero .section-label{
  margin-top: 0 !important;
}

/* Container — keep zero vertical padding so hero owns vertical rhythm */
.ais-hero > .container, .bbs-hero > .container, .ec-hero > .container,
.edt-hero > .container, .ft-hero > .container, .ht-hero > .container,
.hrt-hero > .container, .lg-hero > .container, .lgt-hero > .container,
.ind-hero > .container{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ── 9. Section padding standardization (match SVC: 4rem 0) ── */
/* Applies to all non-hero sections on industry pages */
body .ais-why, body .ais-build, body .ais-proof, body .ais-scale,
body .ais-close, body .ais-process, body .ais-cases,
body .bbs-why, body .bbs-build, body .bbs-proof, body .bbs-scale,
body .bbs-close, body .bbs-econ, body .bbs-growth, body .bbs-process,
body .bbs-challenge,
body .ec-why, body .ec-build, body .ec-proof, body .ec-scale, body .ec-close,
body .edt-why, body .edt-build, body .edt-proof, body .edt-scale,
body .edt-close, body .edt-constraints-sec,
body .ft-why, body .ft-build, body .ft-proof, body .ft-scale, body .ft-close,
body .ht-why, body .ht-build, body .ht-proof, body .ht-scale, body .ht-close,
body .hrt-recruit, body .hrt-retain, body .hrt-process, body .hrt-why,
body .hrt-proof, body .hrt-close,
body .lg-visibility, body .lg-optimize, body .lg-process,
body .lg-scale-sec, body .lg-proof, body .lg-close,
body .lgt-why, body .lgt-build, body .lgt-proof, body .lgt-scale,
body .lgt-close, body .lgt-process,
body .ind-section, body .ind-close,
body .page-faq{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* ── Mobile section padding (match index.html rhythm) ── */
@media (max-width: 768px){
  body .ais-why, body .ais-build, body .ais-proof, body .ais-scale,
  body .ais-close, body .ais-process, body .ais-cases,
  body .bbs-why, body .bbs-build, body .bbs-proof, body .bbs-scale,
  body .bbs-close, body .bbs-econ, body .bbs-growth, body .bbs-process,
  body .bbs-challenge,
  body .ec-why, body .ec-build, body .ec-proof, body .ec-scale, body .ec-close,
  body .edt-why, body .edt-build, body .edt-proof, body .edt-scale,
  body .edt-close, body .edt-constraints-sec,
  body .ft-why, body .ft-build, body .ft-proof, body .ft-scale, body .ft-close,
  body .ht-why, body .ht-build, body .ht-proof, body .ht-scale, body .ht-close,
  body .hrt-recruit, body .hrt-retain, body .hrt-process, body .hrt-why,
  body .hrt-proof, body .hrt-close,
  body .lg-visibility, body .lg-optimize, body .lg-process,
  body .lg-scale-sec, body .lg-proof, body .lg-close,
  body .lgt-why, body .lgt-build, body .lgt-proof, body .lgt-scale,
  body .lgt-close, body .lgt-process,
  body .ind-section, body .ind-close,
  body .page-faq{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}
@media (max-width: 480px){
  body .ais-why, body .ais-build, body .ais-proof, body .ais-scale,
  body .ais-close, body .ais-process, body .ais-cases,
  body .bbs-why, body .bbs-build, body .bbs-proof, body .bbs-scale,
  body .bbs-close, body .bbs-econ, body .bbs-growth, body .bbs-process,
  body .bbs-challenge,
  body .ec-why, body .ec-build, body .ec-proof, body .ec-scale, body .ec-close,
  body .edt-why, body .edt-build, body .edt-proof, body .edt-scale,
  body .edt-close, body .edt-constraints-sec,
  body .ft-why, body .ft-build, body .ft-proof, body .ft-scale, body .ft-close,
  body .ht-why, body .ht-build, body .ht-proof, body .ht-scale, body .ht-close,
  body .hrt-recruit, body .hrt-retain, body .hrt-process, body .hrt-why,
  body .hrt-proof, body .hrt-close,
  body .lg-visibility, body .lg-optimize, body .lg-process,
  body .lg-scale-sec, body .lg-proof, body .lg-close,
  body .lgt-why, body .lgt-build, body .lgt-proof, body .lgt-scale,
  body .lgt-close, body .lgt-process,
  body .ind-section, body .ind-close,
  body .page-faq{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

/* Zero margin on trailing section-header so bottom padding matches top */
body .ind-section > .container > .ind-section-header:last-child{
  margin-bottom: 0 !important;
}