.services-hero { padding: 4.8rem 0 2.4rem; background: linear-gradient(180deg,#fff,#f5f9fb); }
.service-index { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 2rem; align-items: start; }
.service-index-intro { position: sticky; top: 7.5rem; padding: 2rem; color: #fff; background: var(--carrier); border-radius: var(--radius-lg); }
.service-index-intro p { margin-top: 1rem; color: #d9e9f3; }
.service-index-groups { display: grid; gap: 1rem; }
.service-group { padding: 1.7rem; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.service-group-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.service-group-head span { color: var(--carrier-bright); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.service-group p { margin-top: 0.75rem; color: var(--ink-soft); }
.service-link-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem; margin-top: 1.2rem; }
.service-link-list a { padding: 0.75rem 0.8rem; color: var(--ink); background: var(--wash); border-radius: 0.7rem; text-decoration: none; font-weight: 800; }
.service-link-list a:hover { color: var(--carrier); background: var(--carrier-pale); }
.brand-rule { padding: 2rem; color: #fff; background: linear-gradient(120deg,#0f2534,#173e56); border-radius: var(--radius-lg); }
.brand-rule-grid { display: grid; grid-template-columns: 1fr 15rem; gap: 2rem; align-items: center; }
.brand-rule img { width: 100%; max-height: 7rem; object-fit: contain; padding: 1rem; background: #fff; border-radius: var(--radius); }
.brand-rule p { margin-top: 0.85rem; color: #d3e1e9; }
@media (max-width: 72rem) {
    .service-index, .brand-rule-grid { grid-template-columns: 1fr; }
    .service-index-intro { position: static; }
}
@media (max-width: 46rem) {
    .service-link-list { grid-template-columns: 1fr; }
}