.section--examples { background: #edf0f4; }
.site-auto .section--examples { background: #e8f1f0; }
.example-grid { align-items: stretch; }
.example-card { padding: 1.5rem; border: 1px solid #dce1e7; border-radius: 18px; background: #fff; }
.example-card h3 { margin: 0 0 .55rem; font-size: 1.15rem; }
.example-card p { margin: 0; color: #53616d; }
.product-card__role { margin: 0 0 .35rem; color: #713d14 !important; font-size: .72rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.site-auto .product-card__role { color: #075e58 !important; }
@media (max-width: 660px) {
  .hero h1 { font-size: clamp(2.15rem, 10.5vw, 3rem); overflow-wrap: anywhere; hyphens: auto; }
}