html{scroll-padding-top:24px}
.page-cases{background:radial-gradient(ellipse 70% 600px at 100% 150px,#8050c315,transparent),radial-gradient(ellipse 70% 700px at 0 2200px,#8050c30c,transparent),#08080b}
.cases-wrap{max-width:1320px}
.cases-brand{display:flex;align-items:center;gap:12px}
.cases-brand-mark{position:relative;display:block;width:42px;height:42px;overflow:hidden;flex:0 0 42px}
.cases-brand-mark img{position:absolute;width:150%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:lighten}
.cases-hero{padding:76px 0 72px}
.cases-hero h1{font-size:clamp(48px,6.5vw,88px);line-height:1.05;letter-spacing:-.055em}
.cases-intro{max-width:790px;margin-top:28px;color:#beb5cb;font-size:clamp(19px,1.8vw,24px);line-height:1.6}
.case-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;scroll-margin-top:24px}
.case-jump{display:block;min-width:0;overflow:hidden;border:2px solid #9b7dc938;border-radius:25px;background:linear-gradient(135deg,#b18aff09,#ffffff02);transition:border-color .4s ease,background .4s ease,box-shadow .4s ease}
.case-jump:hover{border-color:#bf99f592;background-color:#b18aff0b;box-shadow:0 0 28px #a16aef15}
.case-jump>img{width:100%;height:auto}
.case-jump-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:10px 22px 23px}
.case-sector{color:#b6a4ca;font-size:14px;line-height:1.4}
.case-jump strong{font-size:28px;line-height:1.25;font-weight:550;letter-spacing:-.035em}
.case-jump-open{color:#d3bee9;font-size:16px;margin-top:5px}
.case-study{padding:72px 0 64px;border-top:1px solid #bfa4e126;scroll-margin-top:24px}
.case-lead{margin:38px 0 0;overflow:hidden;border:1px solid #9b7dc92e;border-radius:24px;background:#08080b}
.case-lead img{display:block;width:100%;height:auto;object-fit:contain}
.case-result{padding:28px 32px 32px;border-top:1px solid #b18aff26;background:linear-gradient(115deg,#b18aff0d,transparent)}
.case-result p{max-width:950px;font-size:clamp(20px,2vw,26px);line-height:1.55;color:#e4dbea}
.case-result strong{font-weight:550;color:#c59cff}
.case-result p+p{margin-top:10px;font-size:clamp(18px,1.6vw,21px);color:#baa6cf}
@media(max-width:700px){.case-result{padding:22px 20px 25px}}
@media(max-width:360px){.page-cases .benefits::before{inset-inline:-16px}}
.case-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:end}
.case-heading .eyebrow{margin-bottom:18px;line-height:1.6;display:block}
.case-heading h2{font-size:clamp(36px,4.5vw,60px);line-height:1.1}
.case-intro{max-width:610px;margin-top:22px;color:#c2b8cd;font-size:19px;line-height:1.65}
.case-changes{list-style:none;display:grid;gap:14px;margin:0;padding:0;color:#dbd1e5;font-size:18px;line-height:1.5}
.case-changes li{position:relative;padding-left:20px}
.case-changes li::before{position:absolute;content:'';left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#b18aff;box-shadow:0 0 10px #b18aff35}
.case-comparison-heading{display:flex;justify-content:space-between;align-items:start;gap:35px;margin:42px 0 24px}
.case-comparison-heading h3{font-size:27px;font-weight:550;letter-spacing:-.025em;line-height:1.25}
.case-comparison-heading p{max-width:480px;color:#aaa0b8;font-size:17px;line-height:1.55}
.case-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.case-comparison>figure,.case-detail{min-width:0;overflow:hidden;border:2px solid #8e7ba238;border-radius:27px;background:linear-gradient(145deg,#ffffff04,#ffffff01)}
.case-comparison>.case-after{border-color:#8e7ba238;background:radial-gradient(ellipse at 90% 0,#b18aff0a,transparent 65%),#0c0b10}
.case-comparison figcaption{box-sizing:border-box;padding:25px 27px 18px;min-height:220px}
.comparison-label{display:inline-block;margin-bottom:12px;padding:5px 11px;border:1px solid #a296b02e;border-radius:999px;color:#b8aec5;background:#ffffff06;font-size:13px;line-height:1.3}
.case-after .comparison-label{border-color:#ba94ee55;background:#ad7be91c;color:#d6b5ff}
.case-comparison h4,.case-detail h4{font-size:24px;font-weight:550;line-height:1.3;letter-spacing:-.025em;margin:0}
.case-comparison figcaption p,.case-detail figcaption p{margin-top:10px;color:#b5aabf;font-size:18px;line-height:1.55}
.case-view-link{display:block;min-width:0;position:relative;cursor:zoom-in}
.case-view-link img{display:block;width:100%;height:auto;object-fit:contain}
.case-image-expand{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #bc9fe45c;border-radius:12px;background:#15111de8;color:#d6c1ed;pointer-events:none;transition:background .35s ease,border-color .35s ease}
.case-image-expand svg{width:22px;height:22px}
.case-view-link:hover .case-image-expand{background:#332443;border-color:#c7a0ff9e}
.case-view-link:focus-visible{outline:2px solid #cda7ff;outline-offset:-3px}
.case-carousel-track{position:relative;display:flex;width:100%;aspect-ratio:1560/2940;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;background:#08080b}
.case-carousel-track::-webkit-scrollbar{display:none}
.case-carousel-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.case-carousel-slide img{width:100%;height:100%;object-fit:contain}
.case-study[data-case-layout="square"] .case-carousel-track{aspect-ratio:1}
.case-study[data-case-layout="square"] .case-carousel-thumbs button{flex:0 0 64px}
.case-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px 10px}
.case-carousel-controls button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ad8bd35e;border-radius:50%;background:#ad7be909;color:#dfcaf7;cursor:pointer;transition:background .35s ease,border-color .35s ease}
.case-carousel-controls button svg{width:23px;height:23px}
.case-carousel-controls button:hover:not(:disabled){background:#ad7be91c;border-color:#b494dc}
.case-carousel-controls button:disabled{opacity:.3;cursor:default}
.case-carousel-controls [data-carousel-count]{font-size:16px;color:#c1b1cf;font-variant-numeric:tabular-nums}
.case-carousel-thumbs{display:flex;gap:8px;padding:8px 20px 20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b18aff55 transparent}
.case-carousel-thumbs button{position:relative;flex:1 0 44px;min-width:44px;min-height:52px;padding:3px;aspect-ratio:1;border:2px solid #b49bca2b;border-radius:11px;background:#08080b;cursor:pointer;transition:border-color .35s ease,background .35s ease}
.case-carousel-thumbs img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
.case-carousel-thumbs button[aria-current="true"]{border-color:#b18aff;background:#b18aff10}
.case-carousel-thumbs button:hover{border-color:#d5b3ffb3}
.case-carousel-controls button:focus-visible,.case-carousel-thumbs button:focus-visible,.case-carousel-track:focus-visible{outline:2px solid #d5b3ff;outline-offset:3px}
@media(max-width:700px){.case-carousel-controls{padding:15px 15px 8px}.case-carousel-thumbs{gap:5px;padding:8px 12px 16px}.case-carousel-thumbs button{min-height:44px;border-radius:9px}.case-image-expand{right:12px;top:12px}}
.case-metrics{margin-top:28px;padding:28px 30px;border:1px solid #a27ccb34;border-radius:24px;background:linear-gradient(125deg,#a36aff0b,#ffffff02)}
.case-metrics-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.case-metrics-heading h3{font-size:23px;font-weight:550;letter-spacing:-.02em}
.case-metrics-heading p{color:#b9a8cd;font-size:16px;white-space:nowrap}
.case-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:26px 0 0}
.case-metrics-grid>div{min-width:0;display:flex;flex-direction:column;gap:10px}
.case-metrics-grid dt{font-size:16px;color:#c1b5cf;line-height:1.5}
.case-metrics-grid dd{order:-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:0;text-align:left}
.case-metrics-grid strong{font-size:clamp(31px,3.5vw,45px);line-height:1.1;font-weight:550;letter-spacing:-.04em;white-space:nowrap}
.case-metrics-grid dd>span{font-size:14px;color:#9ed7b8}
.case-metrics-note{max-width:890px;margin-top:24px;color:#96899f;font-size:14px;line-height:1.6}
.case-more{margin-top:24px;border:2px solid #a27ccb38;border-radius:24px;overflow:hidden;background:#ffffff02}
.case-more summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:25px 28px;cursor:pointer}
.case-more summary::-webkit-details-marker{display:none}
.case-more summary>span:first-child{min-width:0}
.case-more summary strong{display:block;font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.02em}
.case-more summary>span:first-child>span{display:block;margin-top:7px;font-size:17px;line-height:1.5;color:#afa1be}
.case-more-count{display:flex;align-items:center;gap:17px;flex:0 0 auto;font-size:14px;line-height:1.5;color:#c3a7e7;white-space:nowrap}
.case-more-count::after{content:'+';display:grid;place-items:center;width:36px;height:36px;border:1px solid #b18aff70;border-radius:50%;font-size:23px;line-height:1;color:#d8baff}
.case-more[open] .case-more-count::after{content:'−'}
.case-more summary:focus-visible{outline:3px solid #cda7ff;outline-offset:-5px;border-radius:20px}
.case-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 24px 24px}
.case-detail figcaption{padding:22px 24px 8px;min-height:138px}
.case-detail-wide{grid-column:1/-1}
.case-detail-wide figcaption{min-height:0;padding-bottom:18px}
.case-detail:nth-child(3){grid-column:1/-1;width:min(100%,560px);justify-self:center}
.benefits{margin-top:10px}
.case-lightbox{box-sizing:border-box;position:fixed;inset:16px;width:calc(100% - 32px);max-width:1720px;max-height:calc(100svh - 32px);margin:auto;padding:0;overflow:hidden;border:1px solid #a980d67a;border-radius:22px;background:#111015;color:#f5f0fa;box-shadow:0 22px 100px #000a}
.case-lightbox::backdrop{background:#050408e8;backdrop-filter:blur(6px)}
.case-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #ffffff18}
.case-lightbox h2{font-size:20px;font-weight:500;letter-spacing:-.015em;line-height:1.4}
.case-lightbox-tools{display:flex;gap:8px;flex:0 0 auto}
.case-lightbox button{font:500 14px/1.35 Inter,Arial,sans-serif;appearance:none;border:1px solid #ab88d95e;border-radius:999px;padding:10px 17px;min-height:44px;background:#b18aff0b;color:#e5d6f5;cursor:pointer}
.case-lightbox button:hover{background:#b18aff19}
.case-lightbox button:disabled{opacity:.35;cursor:default}
.case-lightbox button:focus-visible{outline:2px solid #d5b3ff;outline-offset:3px}
.case-lightbox-viewport{overflow:auto;max-height:calc(100svh - 196px);overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;text-align:center;background:#08080b}
.case-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 196px);margin:0 auto;object-fit:contain}
.case-lightbox-viewport.is-zoomed .case-lightbox-image{width:var(--case-natural-width);max-width:none;max-height:none;margin:0 auto}
.case-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid #ffffff18}
.case-lightbox-count{font-size:14px;color:#bca9ce;white-space:nowrap}
.case-lightbox-navigation{display:flex;gap:8px}
@media(max-width:1000px){.case-heading{gap:32px}.case-jump-copy{padding:8px 17px 20px}.case-jump strong{font-size:24px}.case-comparison{gap:18px}.case-comparison figcaption{padding:22px 22px 4px;min-height:202px}.case-comparison-heading{gap:24px}.case-comparison-heading h3{font-size:25px}.case-metrics-grid{gap:18px}.case-detail-grid{gap:18px;padding:0 18px 18px}}
@media(max-width:760px){.case-heading{grid-template-columns:1fr;gap:24px}.case-comparison-heading{display:block}.case-comparison-heading p{margin-top:12px;max-width:600px}.case-comparison figcaption{min-height:225px;padding-inline:18px}.case-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-jumps{gap:12px}.case-jump strong{font-size:21px}.case-sector{font-size:12px}.case-jump-open{font-size:14px}.case-detail figcaption{padding:20px 18px 8px;min-height:175px}}
@media(max-width:700px){.cases-hero{padding:44px 0 44px}.cases-hero h1{font-size:clamp(43px,9vw,66px)}.cases-intro{font-size:19px;line-height:1.6;margin-top:23px}.case-jumps{grid-template-columns:1fr;gap:12px;margin-top:28px}.case-jump{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;border-radius:20px}.case-jump>img{width:100%;height:auto}.case-jump-copy{padding:15px 17px 15px 6px;gap:5px}.case-jump strong{font-size:24px}.case-sector{font-size:13px}.case-jump-open{font-size:14px;margin-top:1px}.case-study{padding:44px 0}.case-heading h2{font-size:40px}.case-intro{font-size:18px;margin-top:18px}.case-changes{font-size:18px;gap:11px}.case-comparison{grid-template-columns:1fr;gap:22px}.case-comparison-heading{margin-top:30px}.case-comparison-heading h3{font-size:27px}.case-comparison-heading p{font-size:18px}.case-comparison figcaption{min-height:0;padding:23px 22px 6px}.case-comparison h4,.case-detail h4{font-size:24px}.case-comparison figcaption p,.case-detail figcaption p{font-size:18px}.case-image-open{padding:14px 20px;font-size:15px}.case-metrics{padding:24px 22px}.case-metrics-heading{align-items:flex-start;flex-direction:column;gap:6px}.case-metrics-grid strong{font-size:36px}.case-metrics-grid dt{font-size:17px}.case-more summary{padding:22px;align-items:start;gap:16px}.case-more summary strong{font-size:21px}.case-more summary>span:first-child>span{font-size:17px}.case-more-count{font-size:0}.case-more-count::after{font-size:23px}.case-detail-grid{grid-template-columns:1fr;padding:0 14px 14px;gap:18px}.case-detail:nth-child(3),.case-detail-wide{grid-column:auto}.case-detail figcaption{min-height:0;padding:22px 20px 9px}.case-lightbox{inset:8px;width:calc(100% - 16px);max-height:calc(100svh - 16px);border-radius:18px}.case-lightbox-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.case-lightbox h2{font-size:18px}.case-lightbox-tools{width:100%;justify-content:space-between}.case-lightbox-viewport{max-height:calc(100svh - 245px)}.case-lightbox-image{max-height:calc(100svh - 245px)}.case-lightbox-bottom{flex-wrap:wrap;padding:12px 15px;gap:10px}.case-lightbox-navigation{margin-left:auto}.case-lightbox button{padding:10px 13px;font-size:13px}}
@media(max-width:360px){.cases-wrap{padding-inline:16px}.cases-brand{font-size:12px;gap:9px}.cases-brand-mark{width:36px;height:36px;flex-basis:36px}.case-jump{grid-template-columns:75px minmax(0,1fr)}.case-jump strong{font-size:22px}.case-metrics{padding:22px 18px}.case-metrics-grid{gap:22px 14px}.case-metrics-grid strong{font-size:32px}.case-metrics-grid dt{font-size:16px}.case-lightbox-navigation{width:100%;justify-content:space-between}.case-lightbox-viewport{max-height:calc(100svh - 285px)}.case-lightbox-image{max-height:calc(100svh - 285px)}}
@media(prefers-reduced-motion:reduce){.case-jump{transition:none}}