/* Scoped adjustments for the longer copy; original typography and layouts stay shared. */
.home .faq-intro { display: block; }
.home #features-title { text-wrap: initial; }
.home #features-title .features-title-first { color: var(--ink); white-space: nowrap; }
@media (min-width: 681px) and (max-width: 760px) {
  .home .features { grid-template-columns: minmax(320px, 1.1fr) minmax(0, 1fr); gap: 20px; }
}
.home .ac-decisions p { max-width: none; }
.home .ac-decisions li > div { min-width: 0; }
.home .ac-planning .ac-cycle-heading { flex-wrap: wrap; }
.home .ac-planning .ac-cycle-heading > span:last-child { flex-shrink: 0; }
.home .ac-product-content { gap: 40px; }
.home .ac-plan-body { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 680px) {
  /* Two balanced lines at normal text size; enlarged text can wrap freely. */
  .home .hero h1 { font-size: clamp(1.25rem, 6.2vw, 2.5rem); max-width: 100%; }
  /* Mobile Safari can enlarge small text: let the report and heading reflow. */
  .home #features-title .features-title-first { white-space: normal; }
  .home .ac-results, .home .ac-next, .home .ac-person-progress { min-width: 0; }
  .home .ac-attention strong { white-space: normal; }
  .home .ac-product-content .ac-copy { margin-bottom: 16px; }
  /* Use the available mobile width instead of balancing into short lines. */
  .home .hero-description { width: calc(100% + 8px); max-width: none; margin-inline: -4px; text-wrap: wrap; }
  .home .demo-spotlight-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
}
@media (max-width: 360px) {
  .home .ac-offer { padding-inline: 18px; }
}

/* Small labels retain their gray/blue palette with readable AA contrast. */
.home .app-window { --demo-muted: #64727a; }
.home .demo-nav-label,
.home .app-nav-item { color: #64727a; }
.home .app-nav-item:is(.active, :hover) > span { color: #007b8d; }
.home .demo-kpi > span:first-child,
.home .demo-kpi > small,
.home .demo-chart-legend,
.home .demo-chart-axis,
.home .app-window .rank-number { color: #64727a; }
.home .demo-avatar { color: #586e77; }
.home .ac-sheet-heading > span,
.home .ac-chart-label,
.home .ac-person-progress > h4,
.home .ac-attention > span,
.home .ac-review-signature > p,
.home .ac-faq .faq-answer { color: #64727a; }
.home .footer-brand > p,
:where(.home) .footer-column > a,
.home .footer-column > p,
.home .footer-bottom { color: #68747e; }