@import url('./consumer/fonts.css');
.consumer-page .feature-copy .feature-eyebrow{font-family:var(--font);font-size:14px;font-weight:700;line-height:1.5;color:var(--brand);margin:0 0 14px}
.consumer-page .feature-copy h3{font-size:28px;text-wrap:pretty}
.consumer-value,.consumer-insights{background:#F7F8FA}
.consumer-cases{background:#fff}
.consumer-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap)}
.consumer-value-grid article{padding:var(--card-padding);border:1px solid var(--card-border-color);border-radius:var(--card-radius);background:#fff}
.consumer-value-grid h3{min-height:5.1em}
.consumer-value-grid p{font-size:16px}
.consumer-value .section-head{margin-bottom:64px}

/* Open chart, same desktop viewport geometry as the industry outlook (1200 × 810). */
.consumer-hero-chart{position:relative;width:100%;color:#19314c}
.consumer-matrix{display:block;width:100%;height:auto;font-family:var(--font)}
.consumer-chart-mobile{display:none}
.consumer-original{font-family:'Consumer Quote',var(--font)}
.consumer-hero-chart.is-playing .consumer-dot{animation:consumer-reveal 450ms var(--delay) ease-out both}
.consumer-hero-chart.is-playing .consumer-insight{animation:consumer-reveal 500ms var(--delay) ease-out both}
@keyframes consumer-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1199px){.consumer-page .feature-copy h3{font-size:25px}.consumer-value-grid h3{min-height:0}}
@media(max-width:899px){.consumer-value-grid{grid-template-columns:1fr}}
@media(max-width:767px){.consumer-page .feature-copy h3{font-size:24px}.consumer-value .section-head{margin-bottom:40px}.consumer-chart-desktop{display:none}.consumer-chart-mobile{display:block}}
@media(prefers-reduced-motion:reduce){.consumer-hero-chart *{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}