/* Customer-reported outcomes, linked to their supporting stories. */
.home-customer-results {padding-bottom:var(--ap-chapter-space);--results-rule:var(--color-structure)}
.home-results-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.approach-page .home-results-heading h2 {font-size:28px;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}
.home-results-heading > a {flex:none;font-size:16px;color:var(--text-secondary)}
.home-results-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-results-card {display:flex;flex-direction:column;min-width:0;padding:var(--results-card-inset);background:var(--results-card-bg);border:var(--size-hairline) solid var(--results-card-border);border-radius:var(--results-card-radius);color:var(--text-primary);text-decoration:none}
.home-results-statement {display:block;min-height:3.9em;margin-bottom:32px;font-family:var(--font-display);font-size:clamp(24px,2vw,28px);line-height:1.3;letter-spacing:-.025em;text-wrap:pretty;color:var(--text-secondary)}
.home-results-value {font:inherit;font-weight:500;color:var(--text-primary);white-space:nowrap}
.home-results-label {font:inherit;color:inherit}
.approach-page .home-results-detail {font-size:16px;line-height:1.6;margin:28px 0 40px;text-wrap:pretty}
.home-results-brand {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:24px;border-top:1px solid var(--results-rule);min-height:56px}
.home-results-brand > img {max-width:150px;max-height:26px;width:auto;height:auto}
.home-results-stand {display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500}
.home-results-stand img {width:25px;height:25px}
.home-results-brand img {filter:brightness(0)}
.home-results-brand > img,.home-results-stand {opacity:var(--results-card-brand-opacity)}
.home-results-brand > svg {width:20px;height:20px;flex:none}
.home-results-card:focus-visible {outline:2px solid var(--text-primary);outline-offset:-4px}
@media(hover:hover) and (pointer:fine) {.home-results-card:hover {border-color:var(--text-secondary)}}
@media(max-width:900px) {.home-results-grid {grid-template-columns:1fr}.home-results-label {min-height:0}}
@media(max-width:720px) {
 .approach-page .home-results-heading h2 {font-size:24px}
 .home-results-heading {align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}
 .home-results-grid {grid-template-columns:1fr}
 .home-results-label {min-height:0}
 .approach-page .home-results-detail {margin:24px 0 32px}
}

