/* Approved homepage refinement: retain the Industry tokens and existing assets. */
.hero { min-height: 620px; padding-top: 180px; }
.hero-wordmark { font-size: clamp(56px,7vw,100px); max-width: 10em; line-height: .98; }
.hero-eyebrow { text-transform: uppercase; font-family: var(--font-heading); letter-spacing: .09em; }
.hero-promise { font-size: clamp(18px,2vw,24px); margin-bottom: 26px; }
.hero-note { font-size: 14px; line-height: 1.5; margin: 16px 0 0; color: var(--color-neutral-200); }
.page-section { padding: clamp(48px,6vw,88px) clamp(20px,5vw,56px); }
.display-title { font-size: clamp(38px,4.7vw,68px); text-transform: uppercase; line-height: 1.03; margin: 0 0 36px; max-width: 18em; }
.audience-grid, .contact-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 28px; }
.audience-card { padding: 30px; display: flex; flex-direction: column; align-items: flex-start; }
.audience-card h3, .example h3 { font-size: clamp(30px,3vw,44px); text-transform: uppercase; line-height: 1.05; margin: 0 0 18px; }
.audience-card > p:not(.section-label) { max-width: 28em; margin: 0 0 28px; }
.text-link { margin-top: auto; font-weight: 600; color: var(--color-accent-700); text-underline-offset: 5px; }
.how-section { background: var(--color-surface); scroll-margin-top: 24px; }
.step-number { font: 600 44px/1 var(--font-heading); color: var(--color-accent-700); }
.step-number::after { content: ''; display: block; width: 28px; border-top: 2px solid var(--color-accent); margin-top: 12px; }
.how-grid p { margin: 0; color: var(--color-neutral-800); }
.example { background: var(--color-accent-900); color: var(--color-neutral-100); border-top: 1px solid #607283; }
.example-grid { display: grid; gap: 24px; }
.example article { padding: 28px; border: 1px solid #8091a1; }
.example article .section-label { color: var(--color-accent-300); }
.example article > p:last-child { margin-bottom: 0; }
.accountability { min-height: 580px; padding: 100px clamp(20px,5vw,56px); display: flex; align-items: flex-end; background: #152220 url('assets/garden-03.webp') center/cover no-repeat; }
.accountability-plate { background: rgba(11,15,20,.9); color: var(--color-neutral-100); padding: clamp(28px,4vw,56px); max-width: 730px; border-color: #83909a; }
.accountability-plate p:last-child { margin: 0; max-width: 31em; }
.contact-intro > p:not(.section-label) { max-width: 29em; font-size: 19px; line-height: 1.6; }
.private-note { margin-top: 40px; font-size: 14px; color: var(--color-accent-700); }
.contact-panel { padding: clamp(24px,3vw,40px); }
.contact-panel #cf-status { margin-left: 0 !important; }
@media (min-width: 720px) {
  .hero { min-height: 727px; padding-top: 200px; }
  .hero-inner { max-width: 850px; }
  .audience-grid, .contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
  .example-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 719px) {
  .hero { min-height: 600px; }
  .hero-inner { padding-top: 48px; }
  .hero-wordmark { font-size: clamp(48px,13vw,80px); }
  .audience-card { padding: 24px; }
  .accountability { min-height: 560px; padding-top: 100px; padding-bottom: 48px; }
}

.how-section .step-title { font-size: clamp(25px,2.3vw,34px); line-height: 1.08; text-transform: uppercase; margin: 20px 0 14px; }