/* A compact, service-specific first screen with room for the actual problem. */
.gr-refined-hero { padding: clamp(24px, 4vw, 52px) 0 42px; background: linear-gradient(150deg,#f7f8f5,#fff 64%); }
.gr-refined-hero .page-hero-grid { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: clamp(24px, 4vw, 58px); align-items: center; }
.gr-refined-hero .page-hero-grid > div { min-width: 0; }
.gr-refined-hero .eyebrow { color: #a7471c; font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.gr-refined-hero h1 { max-width: 740px; font-size: clamp(39px, 4.35vw, 68px); line-height: 1.035; letter-spacing: -.052em; overflow-wrap: normal; }
.gr-refined-hero .lead { max-width: 590px; margin: 20px 0 0; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.55; }
.gr-refined-hero img { display: block; width: 100%; height: clamp(355px, 49vw, 540px); max-height: min(61vh, 540px); aspect-ratio: auto; object-fit: cover; object-position: center; border-radius: 20px; }
.gr-refined-hero .hero-actions { margin-top: 22px; }
.gr-hero-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 24px; }
.gr-hero-facts > div { min-width: 0; padding: 12px 11px; border: 1px solid #dfe8dd; border-radius: 12px; background: #f2f6f0; }
.gr-hero-facts strong { display: block; color: #284d39; font-size: 13px; line-height: 1.25; }
.gr-hero-facts span { display: block; margin-top: 5px; color: #4b5a54; font-size: 12px; line-height: 1.4; }
.gr-refined-hero + .section-sm { padding-top: 36px; }
@media (max-width: 950px) {
  .gr-refined-hero .page-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); gap: 20px; }
  .gr-refined-hero h1 { font-size: clamp(36px, 4.8vw, 52px); }
  .gr-hero-facts { grid-template-columns: 1fr; gap: 5px; margin-top: 15px; }
  .gr-hero-facts > div { padding: 8px 10px; }
  .gr-hero-facts span { margin-top: 2px; }
}
@media (max-width: 700px) {
  .gr-refined-hero { padding: 25px 0 30px; }
  .gr-refined-hero .page-hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .gr-refined-hero h1 { font-size: clamp(35px, 9vw, 49px); line-height: 1.06; }
  .gr-refined-hero .lead { margin-top: 12px; font-size: 16px; line-height: 1.48; }
  .gr-hero-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .gr-hero-facts > div:last-child { grid-column: 1 / -1; }
  .gr-refined-hero img { height: auto; max-height: none; aspect-ratio: 16 / 11; object-fit: cover; border-radius: 16px; }
  .gr-refined-hero .hero-actions { margin-top: 17px; }
}
@media (max-width: 380px) { .gr-hero-facts { grid-template-columns: 1fr; } .gr-hero-facts > div:last-child { grid-column: auto; } }