.cs{--accent:#2f6fd0;--band:color-mix(in srgb, var(--accent) 20%, #2b303b);background:var(--paper)}.cs-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.55rem;margin:0 0 1.25rem;font-size:.74rem;font-weight:600;display:inline-flex}.cs-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.cs-num{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.8rem;font-weight:700}.cs-h1{letter-spacing:-.045em;color:var(--ink);margin:0 0 1.5rem;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:700;line-height:.98}.cs-h2{letter-spacing:-.03em;color:var(--ink);margin:0 0 1.1rem;font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:700;line-height:1.1}.cs .btn{border-radius:999px;align-items:center;gap:.5rem;padding:.95rem 1.7rem;font-size:.95rem;font-weight:600;transition:transform .25s;display:inline-flex}.cs .btn--accent{background:var(--accent);color:#fff}.cs .btn--accent:hover{transform:translateY(-2px)}.cs .btn--text-light{color:#ffffffd9;padding:.95rem 0}.cs .px{overflow:hidden}.cs .px img{object-fit:cover;will-change:transform;width:100%;height:100%;display:block;transform:scale(1)}.cs.is-anim .cs-reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(34px)}.cs.is-anim .cs-reveal.in{opacity:1;transform:none}.cs .cs-soft{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.cs-hero{padding:clamp(7rem,12vw,9.5rem) 0 0}.cs-back{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.cs-back:hover{color:var(--accent)}.cs-title{letter-spacing:-.045em;color:var(--ink);margin:0 0 1.5rem;font-size:clamp(3rem,9vw,6.5rem);font-weight:700;line-height:.95}.cs-lead{color:var(--ink-soft);max-width:54ch;margin:0 0 2.5rem;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55}.cs-meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,auto);justify-content:start;gap:2.5rem;margin:0;padding:2rem 0 0;list-style:none;display:grid}.cs-meta__k{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.35rem;font-size:.74rem;display:block}.cs-meta__v{font-size:1.02rem;font-weight:700}.cs-hero__media{margin-top:3rem}.cs-hero__frame{border-radius:var(--radius-lg);width:100%}.cs-intro{text-align:center;padding:clamp(3rem,6vw,5rem) 0 clamp(1.5rem,3vw,2.5rem)}.cs-intro__inner{max-width:60ch;margin:0 auto}.cs-intro .cs-eyebrow{justify-content:center}.cs-intro__lead{color:var(--ink-soft);margin:0;font-size:clamp(1.1rem,1.9vw,1.4rem);line-height:1.6}.cs-overview{padding:clamp(4rem,9vw,7rem) 0}.cs-overview__grid{grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4rem);display:grid}.cs-overview__body p{color:var(--ink-soft);margin:0 0 1.25rem;font-size:1.08rem;line-height:1.7}.cs-tech{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.cs-tech__pill{background:var(--white);border:1px solid var(--line);border-radius:999px;align-items:center;padding:.5rem .95rem;font-size:.85rem;font-weight:600;display:inline-flex}.cs-features{padding:clamp(3.5rem,7vw,6rem) 0}.cs-features__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.cs-features__lead{color:var(--ink-soft);max-width:42ch;margin:1.25rem 0 0;font-size:1.05rem;line-height:1.6}.cs-features__list{grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.cs-features__list li{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1rem 2.5rem;font-size:.95rem;font-weight:600;position:relative}.cs-features__list li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.cs-gallery{padding:clamp(2rem,5vw,4rem) 0}.cs-gallery__item{border-radius:var(--radius-lg);background:var(--paper-deep);border:1px solid var(--line);margin:0;overflow:hidden}.cs-gallery__item img{width:100%;display:block}.cs-gallery__two{grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1rem,2vw,1.5rem);display:grid}.cs-bridge{border-radius:var(--radius-lg);border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 5%, var(--white));margin-top:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,2.25rem)}.cs-bridge__intro>p{color:var(--ink-soft);max-width:70ch;margin:0 0 1rem;font-size:1rem;line-height:1.65}.cs-bridge__meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:.9rem;margin:1rem 0 0;padding:1.25rem 0 0;list-style:none;display:grid}.cs-bridge__meta li span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.74rem;display:block}.cs-bridge__meta li strong{letter-spacing:-.01em;font-size:1rem}.cs-stats{padding:clamp(2rem,4vw,3.5rem) 0}.cs-stats__grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:1rem;padding:clamp(2rem,4vw,3rem) 0;display:grid}.cs-stat{text-align:center}.cs-stat strong{letter-spacing:-.04em;color:var(--ink);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1;display:block}.cs-stat span{color:var(--muted);margin-top:.55rem;font-size:.85rem;display:block}.cs-about{padding:clamp(3.5rem,8vw,6rem) 0}.cs-about__grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.cs-block{margin-top:2rem}.cs-block:first-child{margin-top:0}.cs-block__title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .85rem;font-size:.72rem}.cs-taglist{grid-template-columns:1fr 1fr;gap:.6rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.cs-taglist li{padding-left:1.4rem;font-size:.98rem;font-weight:600;position:relative}.cs-taglist li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:0}.cs-about__media{border-radius:var(--radius-lg);background:var(--paper-deep);margin:0;position:sticky;top:6rem;overflow:hidden}.app-ui-slider-section{--ui-slider-scale:.875;padding:clamp(3rem,7vw,5.5rem) 0 clamp(4rem,8vw,6rem);overflow-x:clip}.cs-ui__title{margin-bottom:0}.app-ui-slider-section .carousel{width:calc(100% * var(--ui-slider-scale));max-width:calc(var(--max) * var(--ui-slider-scale));margin-inline:auto;margin-top:calc(2.5rem * var(--ui-slider-scale));padding-bottom:calc(4.75rem * var(--ui-slider-scale));position:relative}.app-ui-slider-section .cs-phone{top:calc(1rem * var(--ui-slider-scale));aspect-ratio:1560/3376;border:calc(9px * var(--ui-slider-scale)) solid #232a38;border-radius:calc(46px * var(--ui-slider-scale));width:20%;box-shadow:0 0 0 calc(1.5px * var(--ui-slider-scale)) #ffffff2e inset, 0 0 0 1px #00000073, 0 calc(34px * var(--ui-slider-scale)) calc(70px * var(--ui-slider-scale)) #00000059;pointer-events:none;z-index:5;background:0 0;position:absolute;left:50%;transform:translate(-50%)}.app-ui-slider-section .cs-phone__notch{top:calc(9px * var(--ui-slider-scale));width:38%;height:calc(22px * var(--ui-slider-scale));border-radius:0 0 calc(16px * var(--ui-slider-scale)) calc(16px * var(--ui-slider-scale));background:#232a38;position:absolute;left:50%;transform:translate(-50%)}.app-ui-slider-section .swiper{z-index:2;padding:calc(1rem * var(--ui-slider-scale)) 0 0;position:relative;overflow:visible}.app-ui-slider-section .swiper .swiper-slide{width:20%}.app-ui-slider-section .swiper .swiper-slide-active{z-index:4}.app-ui-slider-section .swiper .swiper-slide .single{pointer-events:none;user-select:none;will-change:transform;position:relative}.app-ui-slider-section .swiper .swiper-slide .single img{vertical-align:top;pointer-events:none;border-radius:calc(40px * var(--ui-slider-scale));width:100%;height:auto}.app-ui-slider-section .cs-ui-nav{z-index:6;align-items:center;gap:1rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.app-ui-slider-section .cs-ui-nav__btn{border:2px solid var(--accent);background-color:var(--paper);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:22px;border-radius:50%;width:50px;height:50px;transition:background-color .2s,transform .2s}.app-ui-slider-section .cs-ui-nav__btn:hover{background-color:color-mix(in srgb, var(--accent) 8%, var(--paper));transform:translateY(-1px)}.app-ui-slider-section .cs-ui-nav__prev{background-image:url(/images/case-study/prev-arrow.svg)}.app-ui-slider-section .cs-ui-nav__next{background-image:url(/images/case-study/next-arrow.svg)}.app-ui-slider-section .cs-ui-nav__btn.swiper-button-disabled{opacity:.35;cursor:not-allowed;transform:none}.cs-split{padding:clamp(3rem,7vw,5.5rem) 0}.cs-split__grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.cs-split--reverse .cs-split__copy{order:2}.cs-split__img{border-radius:var(--radius-lg);background:var(--paper-deep);margin:0;overflow:hidden}.cs-split__img img{width:100%;display:block}.cs-split__copy p{color:var(--ink-soft);margin:0 0 1.5rem;font-size:1.08rem;line-height:1.7}.cs-checks{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.cs-checks li{padding-left:1.9rem;font-size:.98rem;font-weight:600;position:relative}.cs-checks li:before{content:"✓";background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.72rem;display:grid;position:absolute;top:0;left:0}.cs-guide{padding:clamp(3.5rem,8vw,6.5rem) 0}.cs-guide__grid{grid-template-columns:.7fr 1.3fr;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.cs-guide__title{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;line-height:1}.cs-guide__title sup{vertical-align:super;color:var(--ink);margin-right:.45em;font-size:.3em;font-weight:700}.cs-guide__row+.cs-guide__row{margin-top:clamp(2.5rem,5vw,4rem)}.cs-guide__label{color:var(--muted);margin:0 0 1.1rem;font-size:.78rem;font-weight:600}.cs-guide__font{letter-spacing:-.015em;color:var(--accent);margin:0 0 .85rem;font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:700}.cs-guide__alpha{letter-spacing:.01em;color:var(--ink);margin:0;font-size:clamp(1.45rem,3vw,2.3rem);font-weight:600}.cs-swatches{flex-wrap:wrap;gap:clamp(1rem,2vw,1.75rem);display:flex}.cs-swatch{color:var(--muted);letter-spacing:.03em;font-size:.85rem}.cs-swatch b{border-radius:999px;width:clamp(140px,18vw,190px);height:clamp(62px,8vw,84px);margin-bottom:.95rem;display:block}.cs-interface{padding:clamp(2rem,4vw,3rem) 0 clamp(3.5rem,8vw,6rem)}.cs-interface__head{grid-template-columns:.5fr 1fr;align-items:end;gap:clamp(1.5rem,4vw,3rem);margin-bottom:2.5rem;display:grid}.cs-interface__desc{color:var(--ink-soft);margin:0;font-size:1.08rem;line-height:1.65}.cs-interface__img{border-radius:var(--radius-lg);width:100%;display:block}.cs-outcomes{padding:clamp(3.5rem,9vw,6rem) 0}.cs-outcomes__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;display:grid}.cs-outcome strong{letter-spacing:-.04em;color:var(--accent);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1;display:block}.cs-outcome span{color:var(--muted);margin-top:.6rem;font-size:.95rem;display:block}.cs-outcomes--inline{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--white);margin-top:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,2rem)}.cs-outcomes--inline .cs-outcomes__grid{margin-top:.75rem}.cs-outcomes--inline .cs-outcome strong{font-size:clamp(2rem,4.5vw,3rem)}.cs-more{padding:clamp(3.5rem,8vw,6rem) 0}.cs-more__head{margin-bottom:clamp(2rem,4vw,3rem)}.cs-more__grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,2rem);display:grid}.cs-more__card{display:block}.cs-more__media{border-radius:var(--radius-lg);background:var(--paper-deep);border:1px solid var(--line);display:block;overflow:hidden}.cs-more__media img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.cs-more__card--link:hover .cs-more__media img{transform:scale(1.04)}.cs-more__meta{padding:1.1rem .25rem 0;display:block}.cs-more__tags{color:var(--muted);font-size:.8rem;font-weight:600}.cs-more__title{letter-spacing:-.02em;margin-top:.4rem;font-size:1.3rem;font-weight:700;display:block}.cs-more__card--link:hover .cs-more__title{color:var(--accent)}.cs-more__blurb{color:var(--ink-soft);margin-top:.5rem;font-size:.95rem;line-height:1.55;display:block}.cs-more__link{color:var(--accent);margin-top:.9rem;font-size:.9rem;font-weight:600;display:inline-block}.cs-cta{padding:clamp(3.5rem,8vw,6rem) 0}.cs-cta__panel{text-align:center;border-radius:var(--radius-lg);background:var(--band);color:#fff;padding:clamp(3rem,7vw,5.5rem) 2rem}.cs-cta__panel h2{letter-spacing:-.035em;margin:0 0 .85rem;font-size:clamp(1.9rem,4.5vw,3.25rem);font-weight:700}.cs-cta__panel p{color:#fff9;margin:0 0 2rem}.cs-cta__btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.cs-techtext{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.cs-techtext span{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:.55rem 1.05rem;font-size:.85rem;font-weight:600}.cs-caps{padding:clamp(3.5rem,7vw,6rem) 0}.cs-caps__grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.5rem,3vw,2.5rem);display:grid}.cs-cap{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.4rem,2.5vw,1.9rem)}.cs-cap__n{color:var(--accent);letter-spacing:.05em;font-size:.78rem;font-weight:700}.cs-cap__t{letter-spacing:-.01em;margin:.8rem 0 .5rem;font-size:1.15rem;font-weight:700}.cs-cap__d{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.55}.cs-process{padding:clamp(3.5rem,7vw,6rem) 0}.cs-process__grid{grid-template-columns:repeat(4,1fr);gap:clamp(1.25rem,2.5vw,2rem);margin-top:clamp(1.5rem,3vw,2.5rem);display:grid}.cs-step{border-top:2px solid var(--accent);padding-top:1.1rem}.cs-step__n{color:var(--accent);letter-spacing:-.03em;font-size:1.9rem;font-weight:700;line-height:1}.cs-step__t{margin:.7rem 0 .4rem;font-size:1.15rem;font-weight:700}.cs-step__d{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.55}@media (width<=1100px){.app-ui-slider-section .swiper .swiper-slide,.app-ui-slider-section .cs-phone{width:25%}.cs-process__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.cs-overview__grid,.cs-features__grid,.cs-split__grid,.cs-about__grid,.cs-guide__grid,.cs-interface__head{grid-template-columns:1fr}.cs-split--reverse .cs-split__copy{order:0}.cs-about__media{order:-1;position:static}.cs-meta{grid-template-columns:repeat(2,auto);gap:1.75rem 2.5rem}.cs-stats__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.cs-outcomes__grid{grid-template-columns:1fr;gap:2rem}.cs-more__grid,.cs-caps__grid,.cs-bridge__meta{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app-ui-slider-section .swiper .swiper-slide,.app-ui-slider-section .cs-phone{width:33.3333%}}@media (width<=600px){.cs-features__list{grid-template-columns:1fr}.cs-meta{grid-template-columns:1fr 1fr}.cs-taglist{grid-template-columns:1fr}.cs-stats__grid{grid-template-columns:repeat(2,1fr)}.cs-gallery__two,.cs-more__grid,.cs-caps__grid,.cs-process__grid,.cs-bridge__meta{grid-template-columns:1fr}.app-ui-slider-section .swiper .swiper-slide,.app-ui-slider-section .cs-phone{width:45.4545%}}@media (prefers-reduced-motion:reduce){.cs .px img{transform:none}.cs.is-anim .cs-reveal{opacity:1;transition:none;transform:none}.cs .btn:hover{transform:none}}.cs-outcomes__grid--auto{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}