.services-slider-section { padding: 80px max(24px, calc((100vw - 1280px) / 2)); background: #fff; color: #112c5b; }
.services-slider-heading { text-align: center; max-width: 800px; margin: 0 auto 44px; }
.services-slider-heading h2, .statistics-heading h2 { margin-top: 14px; font-size: clamp(30px, 3.3vw, 48px); line-height: 1.35; font-weight: 700; }
.services-slider-window { overflow: hidden; touch-action: pan-y; }
.services-slider-window:focus-visible { outline: 2px solid #158bd3; outline-offset: 6px; }
.services-slider-track { display: flex; gap: 22px; transition: transform 650ms cubic-bezier(.22,1,.36,1); }
.service-slide { flex: 0 0 calc((100% - 66px) / 4); min-width: 0; min-height: 520px; padding: 30px 24px; border: 1px solid #d5e1ee; border-radius: 22px; display: flex; flex-direction: column; }
.service-slide-eyebrow { font-size: 13px; line-height: 1.8; color: #53647c; margin-bottom: 10px; }
.service-slide h3 { font-size: clamp(20px, 1.7vw, 26px); line-height: 1.35; font-weight: 700; margin-bottom: 32px; }
.service-slide-art { margin-top: auto; overflow: hidden; border-radius: 14px; aspect-ratio: 1; }
.service-slide-art img { width: 100%; height: 100%; object-fit: cover; }
.services-slider-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 28px; direction: ltr; }
.services-slider-controls button { width: 44px; height: 44px; border-radius: 50%; background: #eaf6ff; display: inline-flex; align-items: center; justify-content: center; }
.services-slider-controls button:hover { background: #112c5b; color: #fff; }
.services-slider-controls button:disabled { opacity: .35; cursor: default; }
.services-slider-controls svg { width: 22px; height: 22px; }
[dir="rtl"] .services-slider-controls { flex-direction: row-reverse; }
[dir="rtl"] .services-slider-controls svg { transform: rotate(180deg); }
.services-slider-controls .services-slider-pause { width: auto; padding: 0 16px; border-radius: 24px; font-size: 13px; }
.statistics-showcase { padding: 80px 30px; background: #f3f7fb; color: #112c5b; }
.statistics-heading { max-width: 850px; margin: 0 auto 60px; text-align: center; }
.statistics-heading p { margin-top: 22px; font-size: 18px; line-height: 1.9; }
.statistics-mosaic { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-template-rows: repeat(2, minmax(225px, auto)); gap: 18px; }
.metric-card { --metric-bg: #1c5fba; position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: 26px; border-radius: 18px; color: #fff; background: var(--metric-bg); }
.metric-card-1 { grid-column: 1; grid-row: 1 / 3; --metric-bg: #165fc4; }
.metric-card-2 { grid-column: 2; grid-row: 1; --metric-bg: #174c92; }
.metric-card-3 { grid-column: 3; grid-row: 1; --metric-bg: #0b7289; }
.metric-card-4 { grid-column: 2; grid-row: 2; --metric-bg: #176eaf; }
.metric-card-5 { grid-column: 3; grid-row: 2; --metric-bg: #324a9b; }
.metric-card-6 { grid-column: 4; grid-row: 1 / 3; --metric-bg: #112c5b; }
.metric-value { position: relative; z-index: 1; font-size: clamp(46px, 5.2vw, 90px); line-height: 1.1; font-weight: 700; text-align: end; font-variant-numeric: tabular-nums; }
[dir="ltr"] .metric-value { text-align: start; }
.metric-card h3 { position: relative; z-index: 1; max-width: 230px; margin-top: auto; padding-top: 14px; font-size: 19px; font-weight: 700; line-height: 1.55; align-self: flex-start; }
.metric-art { position: absolute; z-index: 0; width: 90%; height: 78%; inset-inline-end: -12%; bottom: -12%; color: #c8edff; opacity: .2; }
.metric-card-1 .metric-art, .metric-card-6 .metric-art { width: 110%; height: 52%; inset-inline-end: -5%; bottom: 22%; opacity: .9; }
.metric-card-6 .metric-art { color: #42c5f5; }
@media (max-width: 1023px) {
    .service-slide { flex-basis: calc((100% - 22px) / 2); min-height: 500px; }
    .statistics-mosaic { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: none; }
    .statistics-mosaic .metric-card { grid-column: auto; grid-row: auto; min-height: 250px; }
    .metric-card-1 .metric-art, .metric-card-6 .metric-art { height: 90%; width: 65%; bottom: 0; opacity: .35; }
}
@media (max-width: 639px) {
    .services-slider-section { padding: 60px 20px; }
    .service-slide { flex-basis: 100%; min-height: 490px; }
    .service-slide h3 { font-size: 25px; }
    .statistics-showcase { padding: 60px 15px; }
    .statistics-mosaic { gap: 12px; }
    .statistics-mosaic .metric-card { padding: 20px 16px; min-height: 210px; }
    .statistics-mosaic .metric-card-1, .statistics-mosaic .metric-card-6 { grid-column: 1 / -1; min-height: 320px; }
    .metric-value { font-size: 48px; }
    .metric-card h3 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .services-slider-track { transition: none; } }
