.services-hero{padding:40px clamp(24px,5vw,64px);background:#fff;border:1px solid var(--line);border-radius:18px}
.services-hero h1{margin:10px 0 16px}
.services-hero p{max-width:780px;margin:0;color:var(--muted);font-size:18px}
.services-nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 48px}
.services-nav a{padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:14px;font-weight:700}
.services-nav a:hover{border-color:var(--red);color:#bd292f}
.services-section{margin-top:48px;scroll-margin-top:24px}
.services-section-number{color:var(--red);font-size:13px;font-weight:800;letter-spacing:.1em}
.services-section h2{margin:5px 0 20px;font-size:clamp(26px,3vw,36px)}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
.service-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}
.service-card-image{display:block;width:calc(100% + 48px);height:190px;margin:-24px -24px 20px;object-fit:cover;object-position:center 38%;border-radius:11px 11px 0 0}
.service-card h3{margin:0 0 10px;font-size:19px;line-height:1.3}
.service-card p{margin:0;color:#5d6670;line-height:1.55}
.services-contact{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:58px;padding:32px 38px;background:#24282d;border-radius:16px;color:#fff}
.services-contact h2{margin:8px 0;font-size:clamp(24px,3vw,32px)}
.services-contact p{margin:0;color:#c5cbd0}
.services-contact .button{flex:none}
@media(max-width:680px){.services-hero{padding:30px 22px}.services-hero p{font-size:16px}.services-nav{margin-bottom:36px}.services-grid{grid-template-columns:1fr}.services-contact{display:block;padding:28px 22px}.services-contact .button{margin-top:22px}}