.services { display: block; padding: 110px 6vw; background: #141414; }
.service-intro { max-width: 820px; margin-bottom: 52px; }
.service-intro small { color: var(--orange); font-weight: 700; letter-spacing: .2em; }
.service-intro h2 { margin: 18px 0; font-family: 'Archivo Black', sans-serif; font-size: clamp(42px, 6vw, 86px); line-height: .92; }
.service-intro p { max-width: 620px; color: #aaa; font-size: 18px; line-height: 1.6; }
.featured-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 90px; }
.featured-services a { min-height: 280px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; background: #222; border-top: 4px solid var(--orange); color: #fff; text-decoration: none; }
.featured-services a:hover { background: #2a2a2a; }
.featured-services .featured-main { background: var(--orange); border-color: #fff; }
.featured-services span,.featured-services small { font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.featured-services h3 { margin: auto 0 20px; font-family: 'Archivo Black', sans-serif; font-size: clamp(24px, 3vw, 42px); line-height: 1; }
.featured-services strong { font-size: 32px; }
.catalog-toggle-wrap { margin: -45px 0 65px; text-align: center; }
.catalog-toggle { min-height: 52px; padding: 0 22px; border: 1px solid #666; background: transparent; color: #fff; font: 700 13px 'DM Sans', sans-serif; letter-spacing: .08em; cursor: pointer; }
.catalog-toggle span { display: inline-block; min-width: 15px; margin-left: 12px; color: var(--orange); font-size: 20px; }
.catalog-toggle:hover { border-color: var(--orange); }
.service-catalog { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; }
.service-catalog[hidden] { display: none; }
.group-title { display: flex; align-items: baseline; gap: 18px; padding-bottom: 18px; border-bottom: 2px solid #fff; }
.group-title.subgroup { margin-top: 65px; }
.group-title span { color: var(--orange); font-weight: 700; }
.group-title h3 { margin: 0; font-family: 'Archivo Black', sans-serif; font-size: 30px; text-transform: uppercase; }
.service-group article { display: flex; justify-content: space-between; align-items: flex-start; gap: 25px; padding: 22px 0; border-bottom: 1px solid #414141; }
.service-group h4 { margin: 0 0 7px; font-size: 18px; }
.service-group p { margin: 0; max-width: 480px; color: #999; font-size: 14px; line-height: 1.5; }
.service-group article > strong { color: var(--orange); text-align: right; white-space: nowrap; }
.service-group article > strong small { display: block; margin-top: 5px; color: #888; font-weight: 600; text-transform: uppercase; }
.service-group article.premium { margin: 10px 0; padding: 22px 16px; background: #202020; border-left: 3px solid var(--orange); }
.services-action { margin-top: 60px; text-align: center; }
@media (max-width: 850px) { .services { padding: 75px 6vw; } .featured-services { grid-template-columns: 1fr; margin-bottom: 65px; } .featured-services a { min-height: 220px; } .service-catalog { grid-template-columns: 1fr; gap: 65px; } }
@media (max-width: 520px) { .service-group article { display: block; } .service-group article > strong { display: block; margin-top: 14px; text-align: left; } .service-group article > strong small { display: inline; margin-left: 7px; } }