.service-group{margin-bottom:80px}
.service-group:last-child{margin-bottom:0}
.service-group-header{margin-bottom:32px;display:flex;align-items:flex-start;gap:20px}
.service-group-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.service-group-text h2{font-family:var(--font-display);font-size:clamp(24px,2.5vw,32px);font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin-bottom:8px}
.service-group-text p{font-size:15px;color:var(--muted);line-height:1.6;max-width:600px}

.approaches{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.approach-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow .3s}
.approach-card:hover{box-shadow:0 4px 20px oklch(0% 0 0 / 0.05)}
html.dark .approach-card:hover{box-shadow:0 4px 20px oklch(100% 0 0 / 0.08)}
.approach-card h4{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-0.01em;margin-bottom:6px}
.approach-card p{font-size:13px;color:var(--muted);line-height:1.6}

.service-cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px;margin-top:48px}
.service-cta h3{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-0.01em;margin-bottom:12px}
.service-cta p{font-size:15px;color:var(--muted);margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}

@media(max-width:820px){
  .approaches{grid-template-columns:1fr}
  .service-group-header{flex-direction:column}
}

@media(max-width:480px){
  .service-cta{padding:32px 24px}
}