.services-page .services-section { padding: 64px 0; }
.services-page .services-materials__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.services-page .services-after { background: var(--soft); }
.services-page .services-after__inner { display: grid; grid-template-columns: 1fr 1.25fr; gap: 60px; align-items: start; }
.services-page .services-after h2,
.services-page .services-directions h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.05; overflow-wrap: break-word; }
.services-page .services-after p { margin: 0 0 18px; color: var(--muted); line-height: 1.65; }
.services-page .services-after p:last-child { margin-bottom: 0; }
.services-page .services-directions h2 { margin-bottom: 30px; }
.services-page .services-directions__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.services-page .services-direction { min-width: 0; padding: 22px 20px; border: 1px solid var(--tile-line); border-top: 3px solid var(--tile-ink); border-radius: 10px; background: var(--tile-bg); --tile-bg: #fff0ec; --tile-line: #f1c3ba; --tile-ink: #8b3124; }
.services-page .services-direction:nth-child(5n+2) { --tile-bg: #edf7fb; --tile-line: #bdd8e4; --tile-ink: #275f78; }
.services-page .services-direction:nth-child(5n+3) { --tile-bg: #fff6e9; --tile-line: #ead1b8; --tile-ink: #765126; }
.services-page .services-direction:nth-child(5n+4) { --tile-bg: #f6f0fb; --tile-line: #d8cae7; --tile-ink: #654c7c; }
.services-page .services-direction:nth-child(5n+5) { --tile-bg: #eef8f1; --tile-line: #c9dfcf; --tile-ink: #356447; }
.services-page .services-direction__icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 18px; border-radius: 10px; background: var(--surface); color: var(--tile-ink); font-size: 1.15rem; }
.services-page .services-direction h3 { margin: 0 0 10px; font-size: 1.05rem; line-height: 1.25; overflow-wrap: break-word; }
.services-page .services-direction p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.55; }
.services-page .services-directions__action { margin: 32px 0 0; text-align: center; }
.services-page .button { gap: 12px; text-align: center; }
.services-page a:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; }
@media (max-width: 1024px) {
    .services-page .services-directions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .services-page .services-after__inner { gap: 32px; }
}
@media (max-width: 900px) {
    .services-page .services-materials__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .services-page .services-after__inner { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 640px) {
    .services-page .services-section { padding: 36px 0 44px; }
    .services-page .services-materials__grid,
    .services-page .services-directions__grid { grid-template-columns: 1fr; }
    .services-page .services-directions__action .button { width: 100%; }
}