/* Scoped service-detail capability hover and shared technology carousel. */
.service-detail-page .capability-card{position:relative;isolation:isolate;transition:transform 200ms ease,box-shadow 200ms ease,color 200ms ease}
.service-detail-page .capability-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient);z-index:-1;opacity:0;transition:opacity 200ms ease}
.service-detail-page .capability-card h3,.service-detail-page .capability-card p{transition:color 200ms ease}
@media(hover:hover) and (pointer:fine){:root:not(.drl-touch-input) .service-detail-page .capability-card:hover{box-shadow:0 12px 28px #00578025}:root:not(.drl-touch-input) .service-detail-page .capability-card:hover::before{opacity:1}:root:not(.drl-touch-input) .service-detail-page .capability-card:hover h3,:root:not(.drl-touch-input) .service-detail-page .capability-card:hover p{color:#fff}:root:not(.drl-touch-input) .service-detail-page .capability-card:hover{transform:translateY(-4px)}}
.service-detail-page .capability-card:is(.is-touch-pressed,:focus-visible,:has(:focus-visible)){box-shadow:0 12px 28px #00578025}.service-detail-page .capability-card:is(.is-touch-pressed,:focus-visible,:has(:focus-visible))::before{opacity:1}.service-detail-page .capability-card:is(.is-touch-pressed,:focus-visible,:has(:focus-visible)) h3,.service-detail-page .capability-card:is(.is-touch-pressed,:focus-visible,:has(:focus-visible)) p{color:#fff}
.service-detail-page .capability-card .icon-circle{background:#fff;color:var(--blue)}

.service-technologies.tech-stack{background:#fff;padding-bottom:24px}
.service-technologies.tech-stack .section-title{color:#474747;font-weight:400;font-size:28px;margin-bottom:30px}
.service-technologies.tech-stack .section-title strong{color:var(--blue);font-weight:750}
.technology-carousel{--visible:6;--gap:24px;position:relative;min-width:0}
.technology-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:auto;overscroll-behavior-x:contain}
.technology-track{display:flex;flex-wrap:nowrap;gap:var(--gap);width:100%;list-style:none;margin:0;padding:0}
.technology-tile{text-align:center;color:#075276;font-weight:700;font-size:17px;line-height:1.45;flex:0 0 var(--tile-width,calc((100% - (var(--visible) - 1)*var(--gap))/var(--visible)));min-width:0;min-height:0;aspect-ratio:1.08;display:flex;align-items:center;justify-content:center;padding:24px 16px;border:0;border-radius:23%;background:#f5f5f5;box-shadow:none}
.technology-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.technology-logo img{display:block;object-fit:contain;max-width:100%;max-height:100%;filter:grayscale(1)}
.technology-viewport::-webkit-scrollbar{display:none}
.technology-viewport:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:12px}
.technology-carousel.fits .technology-track{justify-content:center}
.technology-toggle{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.technology-toggle:focus-visible{width:auto;height:auto;clip-path:none;overflow:visible;right:0;top:0;transform:translateY(calc(-100% - 8px));padding:8px 14px;border:1px solid var(--blue);border-radius:8px;background:#fff;color:var(--blue);font-size:13px;line-height:1.5;z-index:2;outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:1359px){.technology-carousel{--visible:5}}
@media(max-width:1000px){.technology-carousel{--visible:3}}
@media(max-width:650px){.technology-carousel{--visible:2;--gap:16px}}
@media(prefers-reduced-motion:reduce){.service-detail-page .capability-card,.service-detail-page .capability-card::before,.service-detail-page .capability-card h3,.service-detail-page .capability-card p{transition:none}.service-detail-page .capability-card:hover,.service-detail-page .capability-card:focus-within{transform:none}}