/* Art-directed client scenes. Site captures remain unaltered within native device frames. */
.service-v2 .client-showcase{background:#211b2c;color:#fff;margin:64px -30px 0;padding:64px 0 54px;border:0;overflow:hidden;scroll-margin-top:24px}
.show-heading{text-align:center;padding:0 25px;margin:0 auto 28px;max-width:860px}
.show-heading .eyebrow{display:inline-block;color:var(--yellow);background:#ffffff12;border:1px solid #ffffff20;border-radius:100px;padding:8px 20px;margin-bottom:22px}
.service-v2 .show-heading h2{font-size:clamp(34px,4.2vw,56px);line-height:1.3;margin-bottom:20px}
.service-v2 .show-heading p{color:#dcd5e5;font-size:16px;line-height:1.9}
.show-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 30px;margin:28px auto 18px;max-width:1260px}
.show-controls[hidden]{display:none}.show-controls>span{color:#c9bfd6;font-size:12px}.show-controls>div{display:flex;gap:8px;flex-shrink:0}
.show-controls button{font:inherit;font-size:13px;white-space:nowrap;background:#362a46;color:#fff;border:1px solid #62556f;border-radius:24px;min-height:44px;padding:8px 17px;cursor:pointer}
.show-controls button:hover{background:#553985}.show-controls .show-prev,.show-controls .show-next{font-size:21px;padding:5px;width:44px}
.show-controls button:focus-visible,.show-reel:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.show-reel{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;padding:10px 30px 22px;scrollbar-width:thin;scrollbar-color:#9481b1 #362a46;touch-action:pan-x pan-y;cursor:grab;user-select:none}
.show-reel.is-dragging{cursor:grabbing;scroll-behavior:auto}.show-reel::-webkit-scrollbar{height:5px}.show-reel::-webkit-scrollbar-thumb{background:#9481b1;border-radius:4px}
.show-card{position:relative;isolation:isolate;flex:0 0 365px;height:500px;border-radius:18px;overflow:hidden;background:#332540;box-shadow:0 12px 28px #0003;color:white}
.show-card::after{content:"";position:absolute;inset:0;background:linear-gradient(#08091166,transparent 40%,transparent 78%,#080911d9);pointer-events:none;z-index:2}
.show-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.show-card-title{position:absolute;top:27px;left:25px;right:20px;z-index:3;text-shadow:0 2px 12px #0006}
.show-card-title>span{display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:10px;color:#fff}
.show-card-title h3{font-family:inherit;font-weight:900;font-size:30px;line-height:1.22;margin:0;color:#fff;letter-spacing:-.7px}
.show-card-title h3:after{content:"";display:block;width:38px;height:4px;background:#fff9;margin-top:15px}
.service-v2 .show-card .show-caption{position:absolute;bottom:20px;left:25px;right:20px;margin:0;color:#fff;font-size:12px;line-height:1.7;z-index:3}
.show-devices{position:absolute;inset:0;z-index:1;pointer-events:none}
.show-laptop{position:absolute;left:6%;top:42%;width:88%;transform:rotate(-8deg);filter:drop-shadow(8px 22px 10px #0007)}
.show-screen{position:relative;border:7px solid #161719;border-bottom:12px solid #202124;border-radius:9px 9px 3px 3px;aspect-ratio:1.6;background:#101115;overflow:hidden;box-shadow:0 0 0 1px #888,inset 0 0 0 1px #111}
.show-screen img{display:block;width:100%;height:auto!important;max-width:none;object-fit:unset;border-radius:0}
.show-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#fff1,transparent 48%);pointer-events:none}
.show-base{position:relative;width:112%;height:54px;margin:-1px 0 0 -6%;background:linear-gradient(100deg,#8b8e94,#d5d6d8 42%,#8c9096);clip-path:polygon(5.5% 0,94.5% 0,100% 83%,98% 97%,2% 97%,0 83%);border-radius:0 0 18px 18px;box-shadow:inset 0 -5px #47494d}
.show-base:before{content:"";position:absolute;top:6%;left:12%;width:76%;height:50%;background:repeating-linear-gradient(90deg,transparent 0 12px,#757980 12px 14px),repeating-linear-gradient(0deg,#25282d 0 5px,#777b83 5px 7px);transform:perspective(90px) rotateX(20deg);border-radius:2px}
.show-base i{position:absolute;left:38%;bottom:13%;height:26%;width:24%;border:1px solid #777b83;border-radius:3px;background:#b0b2b6}
.show-phone{position:absolute;width:39%;top:33%;left:51%;padding:6px;background:linear-gradient(105deg,#666,#111 15%,#17181a 80%,#9a9a9a);border-radius:23px;box-shadow:1px 0 0 1px #bbb,7px 17px 25px #0007;transform:rotate(9deg)}
.show-phone>div{aspect-ratio:0.48;overflow:hidden;border-radius:17px;background:#fff}
.show-phone img{display:block;width:100%;height:auto!important;max-width:none}
.show-phone>i{position:absolute;top:10px;left:36%;width:28%;height:7px;background:#111;border-radius:8px;z-index:2}
.scene-cafe .show-laptop{top:46%;left:4%;width:85%;transform:rotate(-7deg)}
.scene-cafe .show-phone{width:30%;left:66%;top:40%;transform:rotate(8deg)}
.scene-swim .show-laptop{top:40%;left:7%;transform:rotate(9deg)}
.scene-plants .show-phone{width:46%;left:27%;top:27%;transform:rotate(-11deg)}
.scene-taxi .show-phone{width:46%;left:29%;top:29%;transform:rotate(12deg)}
.scene-fitness .show-laptop{top:44%;width:85%;left:8%;transform:rotate(7deg)}
.scene-fitness .show-phone{width:29%;left:7%;top:43%;transform:rotate(-8deg)}
.show-monitor{position:absolute;width:88%;left:6%;top:35%;transform:rotate(-4deg);filter:drop-shadow(8px 18px 12px #0008)}
.show-monitor .show-screen{aspect-ratio:1.5;border-bottom:17px solid #555b65;border-radius:8px}
.show-monitor .show-base{clip-path:polygon(43% 0,57% 0,61% 77%,73% 86%,75% 97%,25% 97%,27% 86%,39% 77%);height:65px;width:100%;margin:0;background:linear-gradient(100deg,#777,#dadde3 46%,#888)}
.show-monitor .show-base:before,.show-monitor .show-base i{display:none}
.show-bottom p{text-wrap:balance}.show-bottom{text-align:center;padding:25px 24px 0}.service-v2 .show-bottom p{color:#f5f0fc;font-size:22px;font-weight:800;margin-bottom:19px}
.show-bottom .lp-button{background:var(--yellow);color:#251832;border-color:var(--yellow);box-shadow:4px 4px 0 #795a99;min-width:420px;min-height:70px;font-size:20px;border-radius:8px}.show-bottom .lp-button:hover{background:#ffed8a}
@media(min-width:1500px){.show-card{flex-basis:400px;height:548px}.show-card-title h3{font-size:34px}}
@media(max-width:1023px){.service-v2 .client-showcase{scroll-margin-top:120px}}
@media(max-width:600px){.service-v2 .client-showcase{margin:35px -16px 0;padding:40px 0 38px}.service-v2 .show-heading h2{font-size:31px}.show-heading{padding:0 22px}.service-v2 .show-heading p{font-size:14px}.show-controls{padding:0 18px;margin-top:20px}.show-controls>span{font-size:10px;max-width:110px}.show-controls button{padding:8px 12px;font-size:12px}.show-controls>div{gap:5px}.show-reel{gap:16px;padding:7px 20px 18px}.show-card{flex-basis:290px;height:408px;border-radius:14px}.show-card-title{left:22px;top:23px}.show-card-title h3{font-size:26px}.show-card-title>span{font-size:11px}.show-base{height:43px}.show-phone{padding:5px;border-radius:20px}.show-phone>div{border-radius:15px}.show-screen{border-width:5px;border-bottom-width:9px}.show-card .show-caption{bottom:18px;font-size:11px!important;left:22px}.show-bottom .lp-button{min-width:0;width:100%;max-width:330px;min-height:60px;gap:15px;font-size:15px}.service-v2 .show-bottom p{font-size:19px}}
@media(max-width:350px){.show-card{flex-basis:255px;height:369px}.show-card-title h3{font-size:24px}.show-card-title>span{margin-bottom:7px}.show-controls>span{max-width:85px}.show-phone>i{height:5px;top:8px}.show-base{height:35px}}
@media(prefers-reduced-motion:reduce){.show-reel{scroll-behavior:auto}}