html .page--services .svc-catalog { padding-block: clamp(48px, 6vw, 80px); }
.service-catalog-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: end; margin-bottom: 32px; }
html .service-catalog-intro h2 { margin-bottom: 0; }
html .service-catalog-intro p { margin: 0; font-size: 16px; }
.service-catalog-nav { display: flex; flex-wrap: wrap; gap: 0 28px; padding-block: 12px; margin-bottom: 48px; border-block: 1px solid var(--line); }
.service-catalog-nav a { display: inline-flex; align-items: center; gap: 10px; padding-block: 10px; font-size: 13px; color: var(--text-soft); }
.service-catalog-nav a span { color: var(--text-muted); }
.service-catalog-nav a:hover { color: #e5eef4; }
html .page--services .svc-cat { padding-top: 0; scroll-margin-top: 110px; }
html .page--services .svc-cat + .svc-cat { padding-top: 42px; border-top: 1px solid var(--line); }
html .page--services .svc-cat__head { max-width: 850px; margin-bottom: 28px; }
html .page--services .svc-cat__meta h2 { font-size: clamp(25px, 2.6vw, 32px); margin-top: 0; }
html .page--services .svc-cat__meta p { max-width: 680px; font-size: 15px; line-height: 1.65; }
html .page--services .svc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html .page--services .svc-card { padding: 24px; gap: 14px; border: 1px solid #465762; background: #263138; border-radius: 0; box-shadow: none; transition: background .2s, border-color .2s; }
html .page--services .svc-card:hover { transform: none; background: #2c3a43; border-color: #839daa; }
html .page--services .svc-card__icon { width: 32px; height: 32px; margin-bottom: 2px; background: transparent; color: #adc3d1; border-radius: 0; }
html .page--services .svc-card:hover .svc-card__icon { background: transparent; color: #d4e5ef; }
html .page--services .svc-card__title { margin: 0; font: 400 21px/1.35 var(--font-sans); color: #d0dce4; }
html .page--services .svc-card__sum { font-size: 14px; line-height: 1.7; color: #b6c4ce; }
html .page--services .svc-card__result { margin: auto 0 0; padding-top: 16px; border-top: 1px solid #44545f; font-size: 13px; line-height: 1.65; color: #c9dce8; }
.svc-card__result > span { display: block; margin-bottom: 5px; font-size: 11px; color: #91a9b9; }
html .page--services .svc-card__link { padding-top: 5px; font-size: 13px; }
html .page--services .svc-card:has(.svc-card__result) .svc-card__link { margin-top: 0; }
html .page--services .svc-card--foundation { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: 'eyebrow summary' 'title summary' 'link result'; column-gap: 64px; row-gap: 12px; padding: 30px; border-color: #718998; background: #2c3c46; }
.svc-card--foundation .svc-card__eyebrow { grid-area: eyebrow; color: #a8c4d5; font-size: 12px; }
html .page--services .svc-card--foundation .svc-card__icon { display: none; }
html .page--services .svc-card--foundation .svc-card__title { grid-area: title; max-width: 400px; font-size: 27px; }
.svc-card--foundation .svc-card__sum { grid-area: summary; }
html .page--services .svc-card--foundation .svc-card__result { grid-area: result; margin-top: 0; }
html .page--services .svc-card--foundation .svc-card__link { grid-area: link; align-self: end; margin-top: 0; }
@media (max-width: 1000px) {
    html .page--services .svc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-catalog-intro { gap: 32px; }
    html .page--services .svc-card--foundation { column-gap: 32px; }
}
@media (max-width: 640px) {
    .service-catalog-intro { grid-template-columns: 1fr; gap: 20px; }
    .service-catalog-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; margin-bottom: 36px; }
    .service-catalog-nav a { justify-content: space-between; font-size: 12px; line-height: 1.5; }
    html .page--services .svc-grid { grid-template-columns: 1fr; }
    html .page--services .svc-card { padding: 22px; }
    html .page--services .svc-card--foundation { display: flex; }
    html .page--services .svc-card--foundation .svc-card__title { font-size: 24px; }
    html .page--services .svc-card--foundation .svc-card__link { align-self: start; }
}