body {
  text-rendering: optimizeLegibility;
}

.feature-card:hover,
.timeline-item:hover,
.faq-item:hover,
.calculator-card:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 26px 54px rgba(21, 80, 48, 0.12);
}

.result-title,
h1,
h2,
h3,
.brand,
.button {
  text-wrap: balance;
}

.hero-copy,
.feature-card p,
.timeline-item p,
.faq-item p,
.prose-block p,
.comparison-table td,
.comparison-table th {
  max-width: 70ch;
}

.button-secondary:hover,
.button-ghost:hover,
.nav-link:hover,
.footer-grid a:hover {
  opacity: 0.85;
}

.site-header,
.site-footer,
.feature-card,
.timeline-item,
.faq-item,
.calculator-card,
.cta-band,
.prose-block {
  will-change: transform;
}