.services-hero { padding: 5rem 0 4rem; background: linear-gradient(135deg, #e3f1e8 0%, #f7f8f6 70%); }
.services-hero h1 { max-width: 720px; font-size: clamp(2.25rem, 5vw, 4rem); letter-spacing: -.04em; color: #173f45; }
.services-hero .lead { max-width: 650px; color: #52666a; font-size: 1.2rem; }
.eyebrow { color: #216b68; font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.services-grid { margin-top: -1rem; }
.service-card { overflow: hidden; border: 1px solid #dce7e1; border-radius: 1rem; background: #fff; box-shadow: 0 10px 28px rgba(32,61,54,.07); transition: transform .2s ease, box-shadow .2s ease; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 18px 36px rgba(32,61,54,.13); }
.service-card img { display: block; width: 100%; height: 190px; object-fit: cover; }
.service-card h2 { margin: .45rem 0 .7rem; color: #173f45; font-size: 1.35rem; }
.service-card p { color: #607276; line-height: 1.65; margin-bottom: 0; }
.service-kicker { color: #216b68; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.services-cta { border: 1px solid #dce7e1; border-radius: 1rem; background: #eef7f0; }
.services-cta h2 { color: #173f45; }