/* V151: scoped corrections on top of V150, without changing approved sitewide components. */
.dp-v150-ppc-story{padding-block:clamp(60px,6vw,86px)}
.dp-v150-ppc-story .dp-v150-story-title{max-width:1000px!important;font-weight:550!important;line-height:1.16!important;margin-bottom:22px!important}
.dp-v151-title-accent{color:#b68aff!important}
.dp-v150-story-copy{max-width:920px!important;margin-bottom:34px!important}
.dp-v150-services-band{padding:28px 0!important;background:linear-gradient(105deg,#341166,#6d28d9 55%,#401079)!important}
.dp-v150-services-inner{max-width:none!important;width:100%!important}
/* Five slots sized against the CONTENT viewport, not 100vw. This fixes clipped oversized logos. */
.dp-v150-marquee{--v151-gutter:clamp(22px,5vw,78px);--v151-gap:clamp(12px,1.5vw,19px);--v151-width:min(1260px,calc(100vw - 2 * var(--v151-gutter)));--dp-v150-gap:var(--v151-gap);--dp-v150-tile:calc((var(--v151-width) - 4 * var(--v151-gap))/5);width:var(--v151-width)!important;max-width:100%!important;margin-inline:auto!important;mask-image:none!important;overflow:hidden!important;}
.dp-v150-marquee-track{gap:var(--v151-gap)!important;padding:0!important;animation-duration:36s!important;}
.dp-v150-logo-tile{width:var(--dp-v150-tile)!important;min-width:var(--dp-v150-tile)!important;flex:0 0 var(--dp-v150-tile)!important;height:112px!important;padding:13px!important;border:1px solid #ffffff2f!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important}
.dp-v150-logo-tile img{height:100%!important;width:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;}
@media(max-width:700px){.dp-v150-marquee{--dp-v150-tile:calc((var(--v151-width) - var(--v151-gap))/2.2)!important}.dp-v150-logo-tile{height:96px!important}.dp-v150-ppc-story{padding-block:56px!important}}
@media(min-width:701px) and (max-width:1000px){.dp-v150-marquee{--dp-v150-tile:calc((var(--v151-width) - 2 * var(--v151-gap))/3)!important}}
/* Three full mockup compositions at once, contained in a centered viewport. */
body[data-service="App Development"] main .app-v22-surfaces .app-v149-slider{width:min(100%,1230px)!important;max-width:calc(100% - 24px)!important;margin-inline:auto!important;--v151-app-gap:clamp(12px,1.4vw,20px)}
body[data-service="App Development"] main .app-v22-surfaces .app-v149-slider-track{display:flex!important;align-items:stretch!important;gap:var(--v151-app-gap)!important;position:relative!important;width:max-content!important;transform:translate3d(0,0,0);transition:transform .6s cubic-bezier(.25,.75,.2,1)!important}
body[data-service="App Development"] main .app-v22-surfaces .app-v149-slider-viewport{overflow:hidden!important;border-radius:12px!important}
body[data-service="App Development"] main .app-v22-surfaces .app-v149-slide{flex:0 0 calc((min(1230px, 100vw - 84px) - 2 * var(--v151-app-gap))/3)!important;width:calc((min(1230px, 100vw - 84px) - 2 * var(--v151-app-gap))/3)!important;aspect-ratio:4/3!important;overflow:hidden!important}
body[data-service="App Development"] main .app-v22-surfaces .app-v149-slide img{width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:760px){body[data-service="App Development"] main .app-v22-surfaces .app-v149-slide{flex-basis:calc(min(100vw - 64px,530px))!important;width:calc(min(100vw - 64px,530px))!important}body[data-service="App Development"] main .app-v22-surfaces .app-v149-slider{width:calc(100% - 16px)!important}}
/* Six recommended AI workflow card headings, less heavy. */
body[data-service="AI Automation"] main .dx-recommended-grid article strong{font-weight:550!important;letter-spacing:-.025em!important}
/* GMB: light matte exists inside the image. Blend the final band out into the next dark section. */
body[data-service="Google Business Profile Optimization"] main .dp-gmb-v56-outcomes{padding-bottom:0!important;margin-bottom:0!important;background:linear-gradient(to bottom,#fff 0%,#fff 71%,#170c27 100%)!important}
body[data-service="Google Business Profile Optimization"] main .dp-gmb-v56-outcomes>.container{padding-bottom:0!important}
body[data-service="Google Business Profile Optimization"] main .dp-gmb-v56-outcomes .dp-gmb-v57-outcomes-image{margin:18px auto 0!important;max-height:470px!important;overflow:hidden!important;}
body[data-service="Google Business Profile Optimization"] main .dp-gmb-v56-outcomes .dp-gmb-v57-outcomes-image img{display:block!important;width:100%!important;height:auto!important;mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%)!important;}
@media(max-width:760px){body[data-service="Google Business Profile Optimization"] main .dp-gmb-v56-outcomes .dp-gmb-v57-outcomes-image{max-height:290px!important}}
@media(prefers-reduced-motion:reduce){.dp-v150-marquee-track{animation:none!important}body[data-service="App Development"] main .app-v149-slider-track{transition:none!important}}

/* Measure slots against their real containing element instead of viewport approximation. */
.dp-v150-marquee{container-type:inline-size!important}
@supports(width:1cqw){.dp-v150-marquee{--dp-v150-tile:calc((100cqw - 4 * var(--v151-gap))/5)!important}}
@media(max-width:700px){@supports(width:1cqw){.dp-v150-marquee{--dp-v150-tile:calc((100cqw - 1.2 * var(--v151-gap))/2.2)!important}}}
@media(min-width:701px) and (max-width:1000px){@supports(width:1cqw){.dp-v150-marquee{--dp-v150-tile:calc((100cqw - 2 * var(--v151-gap))/3)!important}}}
body[data-service="App Development"] main .app-v22-surfaces .app-v149-slider-viewport{container-type:inline-size!important}
@supports(width:1cqw){body[data-service="App Development"] main .app-v22-surfaces .app-v149-slide{flex-basis:calc((100cqw - 2 * var(--v151-app-gap))/3)!important;width:calc((100cqw - 2 * var(--v151-app-gap))/3)!important}}
@media(max-width:760px){@supports(width:1cqw){body[data-service="App Development"] main .app-v22-surfaces .app-v149-slide{flex-basis:100cqw!important;width:100cqw!important}}}