.pointer-case .case-wrap{max-width:1320px;margin:auto;padding:88px clamp(20px,5vw,64px)}
.pointer-case .case-white{background:#fff}.pointer-case .case-heading{text-align:center;max-width:800px;margin:0 auto 40px}
.pointer-case .case-heading h2{margin:0 0 20px}.pointer-case .case-heading p{margin:0;font-size:17px;line-height:1.55;color:#4D5B70}
.pointer-case .case-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.pointer-case .case-overview h3{margin:18px 0 14px}.pointer-case .case-overview p{margin:0;font-size:16px;line-height:1.55;color:#4D5B70}.pointer-case .case-icon{width:28px;height:28px;color:#17345C}
.pointer-case .case-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.pointer-case .case-flow article{background:#fff;border:1px solid #B8CBE3;border-radius:16px;padding:24px}.pointer-case .case-flow h3{font-size:20px!important;margin:18px 0 12px}.pointer-case .case-flow p{font-size:15px;line-height:1.55;color:#4D5B70;margin:0}.pointer-case .case-number{font-size:12px;letter-spacing:.12em;color:#17345C;font-weight:600}
.pointer-case .screen-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px;background:#F0F7FF}.pointer-case .screen-track::-webkit-scrollbar{display:none}.pointer-case .screen-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px 56px}.pointer-case .screen-slide h3{margin:16px 0}.pointer-case .screen-slide p{max-width:400px;font-size:17px;line-height:1.55;color:#4D5B70}.pointer-case .screen-image{margin:auto;display:block;border:0;padding:0;background:none;cursor:zoom-in}.pointer-case .screen-image img{height:460px;width:auto;max-width:100%;object-fit:contain;border-radius:16px;box-shadow:0 10px 24px rgba(23,52,92,.09)}
.pointer-case .case-screen-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}.pointer-case .case-screen-controls button{width:44px;height:44px;border-radius:999px;border:1px solid #B8CBE3;background:#fff;color:#17345C;cursor:pointer;font-size:22px}.pointer-case .screen-count{font-size:13px;color:#4D5B70;min-width:40px;text-align:center}.pointer-case .screen-zoom{border:0;background:none;padding:0;color:#17345C;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit}
.pointer-case .case-system{display:grid;grid-template-columns:1fr 1fr;gap:48px}.pointer-case .case-system h3{margin:0 0 20px}.pointer-case .case-system p{color:#4D5B70;line-height:1.55}.pointer-case .swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pointer-case .swatch{border:1px solid #B8CBE3;border-radius:16px;overflow:hidden;background:#fff}.pointer-case .swatch-color{height:80px}.pointer-case .swatch-label{padding:12px;font-size:12px;color:#4D5B70}.pointer-case .swatch-label b{display:block;color:#111;margin-bottom:4px}.pointer-case .type-sample{background:#fff;border:1px solid #B8CBE3;border-radius:16px;padding:28px}.pointer-case .case-decisions{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px}.pointer-case .case-decisions h3{font-size:20px!important;margin:0 0 12px}.pointer-case .case-decisions p{font-size:16px;line-height:1.55;color:#4D5B70;margin:0}.pointer-case .case-outcome{max-width:800px}.pointer-case .case-outcome h2{margin:0 0 24px}.pointer-case .case-outcome p{font-size:17px;line-height:1.55;color:#4D5B70}.pointer-case .case-note{margin-top:28px;background:#fff;border:1px solid #B8CBE3;border-radius:16px;padding:24px}
.pointer-case [data-r="mp-grid"]{scrollbar-width:none}.pointer-case [data-r="mp-grid"]::-webkit-scrollbar{display:none}.pointer-case [data-r="mp-card"]{border-radius:16px;overflow:hidden;flex:0 0 auto;width:380px;scroll-snap-align:start;transition:transform .6s ease,box-shadow .6s ease}.pointer-case [data-r="mp-card"]:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(23,52,92,.07)}.pointer-case [data-r="mp-grid"] .ty-cdesc{font-size:15px!important;line-height:24px!important}.pointer-case [data-r="mp-grid"] .ty-label{font-size:11px!important;line-height:16px!important;letter-spacing:1.8px!important;font-weight:500!important}
.pointer-lightbox{border:0;background:rgba(8,17,31,.95);border-radius:16px;padding:56px;max-width:94vw;max-height:94vh}.pointer-lightbox::backdrop{background:rgba(8,17,31,.86)}.pointer-lightbox img{height:75vh;width:auto;max-width:100%;object-fit:contain;margin:auto;border-radius:14px}.pointer-lightbox button{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:999px;background:#fff;color:#17345C;font-size:24px;cursor:pointer}
@media(max-width:1040px){.pointer-case .case-wrap{padding-top:56px;padding-bottom:60px}.pointer-case .case-overview,.pointer-case .case-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.pointer-case [data-r="mp-card"]{width:320px}.pointer-case .screen-slide{padding:32px;gap:24px}}
@media(max-width:640px){.pointer-case .case-overview,.pointer-case .case-flow,.pointer-case .case-system,.pointer-case .case-decisions{grid-template-columns:1fr}.pointer-case .case-overview{gap:32px}.pointer-case .screen-slide{grid-template-columns:1fr;gap:28px;padding:28px 24px}.pointer-case .screen-image img{height:400px}.pointer-case [data-r="mp-card"]{width:78vw;max-width:320px}.pointer-case .swatches{gap:10px}.pointer-lightbox{padding:48px 16px 16px}.pointer-case .case-heading p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pointer-case [data-r="mp-card"]{transition:none}}

@media(max-width:767px){.pointer-case [data-r="tm-nav"]{display:none!important}.pointer-case [data-r="tm-burger"]{display:flex!important}.pointer-case [data-r="tm-role"]{font-size:8px!important}.pointer-case header>div:first-child{height:68px!important}}
/* Mobile-app showcase matches SoundPath and TrueMix. */
.pointer-case [data-r="pt-ftext"] p{max-width:400px}
.pointer-case .vfs-link:hover{opacity:1!important}
@media(max-width:767px){
 .pointer-case [data-r="pt-fslide"]{padding:0!important;align-items:stretch!important}
 .pointer-case [data-r="pt-fbg"]{display:none!important}
 .pointer-case [data-r="pt-fcard"]{flex-direction:column!important;text-align:center!important;align-items:center!important;justify-content:flex-start!important;padding:32px 24px!important;background:#F0F7FF;border:1px solid rgba(17,17,17,.05);border-radius:28px;gap:16px!important}
 .pointer-case [data-r="pt-ftext"]{margin-left:0!important;flex:none!important;width:100%;align-items:center!important;gap:12px!important}
 .pointer-case [data-r="pt-ftext"] p{max-width:none;width:100%}
 .pointer-case [data-r="pt-fimg"]{margin-right:0!important;margin-top:8px!important;width:auto!important;max-width:64%!important;height:auto!important}
 .pointer-case [data-r="pt-farrow"]{top:auto!important;bottom:0!important;transform:none!important}
}