.service-hero { padding: 3.5rem 0 4.5rem; background: radial-gradient(ellipse at 90% 5%, #d9ebff, transparent 48%), linear-gradient(135deg, #f5f2ff, #fff 78%); }
.breadcrumbs { margin: 0 0 2.5rem; color: var(--muted); font-size: .75rem; }
.breadcrumbs a { color: var(--blue-dark); text-decoration: underline; text-underline-offset: .2em; }
.service-hero .eyebrow { margin-bottom: 1rem; }
.service-hero h1 { max-width: 850px; font-size: clamp(2.7rem, 5vw, 4.6rem); }
.service-hero .lead { max-width: 700px; }
.service-content { display: grid; grid-template-columns: 1.1fr .9fr; gap: 4rem; align-items: start; }
.service-content h2 { margin-bottom: 1rem; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.service-content p { color: var(--muted); font-size: .9rem; line-height: 1.85; }
.service-list { display: grid; gap: 1rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.service-list li { padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: 10px; background: #fcfbff; }
.service-list strong { display: block; margin-bottom: .35rem; font-size: .9rem; }
.service-list span { color: var(--muted); font-size: .8rem; line-height: 1.7; }
.service-aside { padding: 2rem; border-radius: 20px; background: linear-gradient(145deg, #f1edff, #edf5ff); }
.service-aside h2 { font-size: 1.45rem; }
.service-aside nav { display: grid; gap: .9rem; margin-top: 1.5rem; }
.service-aside nav a { padding-bottom: .7rem; border-bottom: 1px solid #d8d1e7; font-size: .82rem; }
.service-aside nav a:hover { color: var(--blue); }
.service-cta { margin-top: 3rem; padding: 2rem; border: 1px solid var(--line); border-radius: 18px; }
.service-cta h2 { font-size: 1.6rem; }
.service-cta p { color: var(--muted); font-size: .85rem; line-height: 1.8; }
.service-cta .button { margin-top: .5rem; }
@media (max-width: 760px) {
    .service-hero { padding: 2rem 0 3rem; }
    .breadcrumbs { margin-bottom: 1.8rem; }
    .service-content { grid-template-columns: 1fr; gap: 2rem; }
    .service-aside { padding: 1.5rem; }
    .service-cta { padding: 1.5rem; }
}