.service-showcase{height:220svh;background:var(--paper);isolation:isolate}.service-pin{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:690px;overflow:hidden;padding:38px var(--gutter) 24px;display:flex;flex-direction:column;justify-content:center}.service-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.service-showcase-heading h2{font-size:clamp(48px,4.5vw,76px);line-height:.95}.service-showcase-heading .eyebrow{margin-bottom:12px}.service-showcase-heading>p{font-size:15px;line-height:1.7;color:#060610aa}.service-carousel{perspective:1600px;outline-offset:5px;touch-action:pan-y}.service-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;transform-style:preserve-3d}.service-slide{overflow:hidden;border:1px solid #19197020;border-radius:20px;background:#fff;transform:translateY(calc(var(--distance,0)*18px)) rotateY(calc(var(--side,0)*-5deg)) scale(calc(1 - var(--distance,0)*.035));transform-origin:center;transition:transform .45s ease,border-color .3s,box-shadow .3s;box-shadow:0 12px 30px #19197008}.service-slide.is-active{border-color:#19197055;box-shadow:0 20px 50px #19197018}.service-visual{height:220px;position:relative;overflow:hidden;background:#e5edf5}.service-slide-copy{padding:24px}.service-overline{font-size:11px;color:#19197099}.service-slide h3{font-size:27px;margin:9px 0 12px;color:var(--blue)}.service-slide-copy>p{font-size:14px;line-height:1.6;min-height:68px;color:#060610b3}.service-slide-copy .button{margin-top:18px;font-size:12px;min-height:44px;width:100%}.visual-caption{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:9px;color:#19197099}.consultation-visual{background:radial-gradient(circle at 50% 40%,#fff,#dae6f5)}.consult-orbit{position:absolute;left:50%;top:44%;border:1px solid #19197035;border-radius:50%;width:190px;height:110px;transform:translate(-50%,-50%) rotate(-30deg)}.orbit-two{transform:translate(-50%,-50%) rotate(40deg);width:150px;height:155px}.consult-core{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-8deg);width:70px;height:80px;border-radius:20px;background:linear-gradient(145deg,#49499a,#101055);box-shadow:inset 2px 2px 2px #ffffff70,12px 18px 30px #19197033;display:grid;place-items:center;color:#f2f2f0;font-family:var(--display);font-size:55px}.visual-chip{position:absolute;border:1px solid #19197020;border-radius:9px;padding:9px 12px;background:#fffffff0;font-size:10px;color:#191970;box-shadow:0 8px 20px #1919700d}.chip-one{top:30px;left:8%}.chip-two{right:7%;bottom:42px}.chip-two span{margin-left:14px}.automation-visual{background:#121241}.automation-visual .visual-caption{color:#89c4f4aa}.workflow-demo{width:75%;max-width:270px;margin:17px auto}.workflow-node{display:flex;align-items:center;gap:10px;border:1px solid #89c4f430;border-radius:9px;padding:8px 12px;background:#ffffff09;color:#f2f2f0;font-size:10px}.workflow-node small{display:block;font-size:8px;opacity:.6;margin-top:2px}.workflow-node b{margin-left:auto;color:#89c4f4}.node-icon{font-size:18px;color:#89c4f4}.workflow-wire{height:12px;width:1px;background:#89c4f455;margin:auto;position:relative}.workflow-wire:after{content:'';position:absolute;width:3px;height:5px;background:#89c4f4;left:-1px;animation:service-flow 1.8s linear infinite}@keyframes service-flow{from{transform:translateY(0);opacity:0}50%{opacity:1}to{transform:translateY(9px);opacity:0}}.website-visual{background:linear-gradient(130deg,#b2cbe3,#eeedf5)}.service-browser{width:78%;position:relative;margin:22px auto 0;border-radius:8px;overflow:hidden;background:#f8f8f5;box-shadow:10px 16px 25px #19197020;transform:perspective(650px) rotateY(-12deg) rotateX(6deg)}.service-browser-bar{height:21px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #19197020;padding:0 8px}.service-browser-bar i{width:3px;height:3px;border-radius:50%;background:#19197050}.service-browser-bar span{font-size:5px;margin:auto}.service-browser-body{padding:12px;position:relative;height:144px;overflow:hidden}.service-browser-body>span{font-size:8px}.service-browser-body>strong{display:block;font-family:var(--display);font-size:27px;line-height:.95;margin-top:11px;position:relative;z-index:1;color:#191970}.service-browser-body>small{font-size:6px;border-radius:20px;background:#191970;color:white;display:inline-block;padding:4px 8px;margin-top:9px}.browser-sculpture{position:absolute;right:16px;top:28px;width:62px;height:76px;border:14px solid #191970;border-radius:17px;transform:rotate(-20deg);box-shadow:4px 4px #7676b7,8px 8px #b4b4d7}.browser-grid{display:flex;gap:5px;margin-top:12px}.browser-grid i{height:8px;background:#19197012;flex:1}.service-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:20px}.service-scroll-hint{font-size:11px;color:#19197099}.service-scroll-hint span{margin-left:12px}.service-pagination{display:flex;gap:8px}.service-pagination button{width:24px;height:6px;padding:0;border:0;border-radius:10px;background:#19197025;cursor:pointer;transition:width .3s,background .3s}.service-pagination button[aria-pressed=true]{width:52px;background:var(--blue)}.service-pagination button:before{content:'';display:block;height:24px;transform:translateY(-9px)}.service-arrows{display:flex;align-items:center;gap:15px}.service-counter{font-size:11px;color:#191970}.service-arrows button{border:1px solid #19197035;border-radius:50%;width:36px;height:36px;background:transparent;color:#191970;cursor:pointer;font-size:19px}.service-arrows button:hover{background:#191970;color:white}.service-arrows button:disabled{opacity:.3;cursor:default}
@media(max-width:1000px){.service-pin{padding-top:25px}.service-track{gap:16px}.service-slide-copy{padding:18px}.service-slide h3{font-size:23px}.service-slide-copy>p{font-size:13px}.service-visual{height:200px}}
@media(max-width:760px){.service-showcase{height:230svh}.service-pin{min-height:660px;padding:26px var(--gutter) 22px}.service-showcase-heading{margin-bottom:22px;display:block}.service-showcase-heading h2{font-size:48px}.service-showcase-heading>p{font-size:12px;margin-top:14px}.service-carousel{width:100%;overflow:visible}.service-track{display:flex;gap:18px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.service-slide{flex:0 0 84%;min-width:0;transform:scale(calc(1 - var(--distance,0)*.04));transform-origin:center}.service-slide-copy{padding:20px}.service-slide-copy>p{min-height:42px}.service-slide h3{font-size:25px}.service-visual{height:200px}.service-navigation{margin-top:24px;gap:10px}.service-scroll-hint{display:none}.service-arrows{gap:10px}.service-pagination button{width:15px}.service-pagination button[aria-pressed=true]{width:30px}}
@media(prefers-reduced-motion:reduce){.service-showcase{height:auto}.service-pin{position:relative;height:auto}.service-slide,.service-track{transition:none;transform:none!important}.service-track{display:grid;grid-template-columns:1fr}.service-carousel{perspective:none}.service-navigation{display:none}.workflow-wire:after{animation:none}.service-slide-copy>p{min-height:0}}
.motion-paused .workflow-wire:after{animation-play-state:paused}.motion-paused .service-slide,.motion-paused .service-track{transition:none}

/* Hover-driven cards: natural section height, no pinned scroll sequence. */
.service-showcase{height:auto}.service-pin{position:relative;top:auto;height:auto;min-height:0;padding-top:64px;padding-bottom:55px}.service-showcase-heading{margin-bottom:40px}.service-showcase-heading h2{font-size:clamp(48px,4.5vw,76px)}.service-navigation{justify-content:flex-end}.service-pagination{margin-right:auto}
@media(max-width:760px){.service-pin{min-height:0;padding-top:40px;padding-bottom:36px}.service-showcase-heading{margin-bottom:28px}.service-showcase-heading h2{font-size:48px}}

/* Immediate whole-card response, including its illustration and copy. */
.service-slide{transition:transform .16s ease-out,border-color .12s ease-out,box-shadow .16s ease-out;transition-delay:0s}
@media(max-width:760px) and (hover:hover) and (pointer:fine){.service-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transform:none!important}.service-slide{min-width:0}.service-slide-copy{padding:16px 10px}.service-slide h3{font-size:19px}.service-slide-copy>p{font-size:12px;min-height:96px}.service-slide-copy .button{font-size:10px;padding-left:22px;padding-right:22px}.service-visual{height:170px}.visual-chip{font-size:8px;padding:6px}.consult-orbit{width:130px}.workflow-demo{width:90%}.workflow-node{padding:6px;gap:5px;font-size:8px}.workflow-node small{font-size:6px}.service-browser{width:90%}.service-browser-body>strong{font-size:21px}.browser-sculpture{right:8px;width:40px;height:55px;border-width:9px}.visual-caption{font-size:7px}}

/* Stable full-card hit regions; animate the card, never its hover target. */
.service-hover-zone{position:relative;min-width:0;display:flex;align-items:stretch}
.service-hover-zone>.service-slide{width:100%;height:100%;flex:auto}
.service-slide{transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .5s ease;transition-delay:0s}
@media(max-width:760px){.service-hover-zone{flex:0 0 84%}.service-hover-zone>.service-slide{flex:1 1 auto}}
@media(max-width:760px) and (hover:hover) and (pointer:fine){.service-hover-zone{min-width:0}}
@media(prefers-reduced-motion:reduce){.service-slide{transition:none}}