:root{--cs-blue:#2454ff;--cs-green:#14b87c;--cs-navy:#0d1730;--cs-soft:#eef3ff;--cs-border:#dde4f1}.case-studies-page,.case-study-detail-page{background:#fff}.cs-main,.csd-main{overflow:hidden}.cs-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(36,84,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,84,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}.cs-hero{position:relative;min-height:calc(100vh - 78px);padding:42px 0 96px;background:radial-gradient(circle at 50% 2%,rgba(109,220,255,.17),transparent 31%),linear-gradient(180deg,#f9fbff,#edf4ff 78%,#fff)}.cs-orb{position:absolute;border:1px solid rgba(36,84,255,.1);border-radius:50%;pointer-events:none}.cs-orb-one{top:94px;left:-105px;width:260px;height:260px;background:rgba(36,84,255,.045)}.cs-orb-two{top:-120px;right:-95px;width:330px;height:330px;background:rgba(20,184,124,.04)}.cs-breadcrumb{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-bottom:48px;color:#70798d;font-size:12px}.cs-breadcrumb a{transition:color .2s ease}.cs-breadcrumb a:hover{color:var(--cs-blue)}.cs-heading{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.cs-heading .eyebrow{justify-content:center;color:var(--cs-blue);font-weight:700}.cs-heading .eyebrow i{width:40px;height:1px;background:currentColor}.cs-heading h1{margin:15px 0 15px;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.04em}.cs-heading h1 em{color:var(--cs-blue);font-style:normal}.cs-heading p{max-width:730px;margin:0 auto;color:#626b7d;font-size:18px;line-height:1.65}.cs-filters{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:38px auto 30px}.cs-filters button{padding:10px 18px;border:1px solid transparent;border-radius:999px;background:rgba(255,255,255,.62);color:#384157;font:600 13px var(--body);cursor:pointer;box-shadow:0 7px 20px -18px #0d1730;transition:.2s ease}.cs-filters button:hover,.cs-filters button.active{border-color:var(--cs-blue);background:var(--cs-blue);color:#fff;transform:translateY(-1px)}.cs-filters button:focus-visible{outline:3px solid rgba(36,84,255,.25);outline-offset:2px}.cs-card-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cs-card[hidden]{display:none}.cs-card{--card-accent:#2454ff;overflow:hidden;border:1px solid rgba(18,21,31,.1);border-radius:24px;background:#fff;box-shadow:0 24px 60px -44px rgba(16,35,78,.45);transition:transform .25s ease,box-shadow .25s ease}.cs-card:hover{transform:translateY(-5px);box-shadow:0 30px 65px -38px rgba(16,35,78,.5)}.cs-accent-cyan{--card-accent:#0aaeb5}.cs-accent-green{--card-accent:#14b87c}.cs-accent-violet{--card-accent:#6b45e8}.cs-card-visual{position:relative;height:245px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 12%,#fff),color-mix(in srgb,var(--card-accent) 32%,#dbe8ff))}.cs-card-visual::before{content:"";position:absolute;inset:18px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.7)}.cs-visual-glow{position:absolute;right:-30px;bottom:-65px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 64%)}.cs-browser{position:absolute;left:8%;top:31px;width:72%;height:188px;overflow:hidden;border:6px solid #1a2336;border-bottom-width:12px;border-radius:12px 12px 8px 8px;background:#fff;box-shadow:0 24px 45px -20px rgba(13,23,48,.6);transform:perspective(900px) rotateY(4deg)}.cs-browser-bar{display:flex;gap:4px;padding:7px 9px;background:#eff2f8}.cs-browser-bar i{width:5px;height:5px;border-radius:50%;background:#aab2c0}.cs-browser-page{position:relative;padding:17px;color:#17213a}.cs-browser-brand{display:flex;align-items:center;gap:7px;margin-bottom:13px}.cs-browser-brand img{width:22px;height:22px;object-fit:contain}.cs-browser-brand b{font-size:9px}.cs-browser-page>strong{display:block;max-width:180px;font:700 17px/1.15 var(--disp)}.cs-browser-page>span{display:block;width:46%;height:5px;margin-top:7px;border-radius:6px;background:#dfe6f3}.cs-browser-page>span:nth-of-type(2){width:63%}.cs-browser-page>span:nth-of-type(3){width:38%;background:var(--card-accent)}.cs-browser-chart{position:absolute;right:18px;bottom:10px;display:flex;align-items:end;gap:4px;height:48px}.cs-browser-chart i{width:8px;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--card-accent) 65%,#fff)}.cs-browser-chart i:nth-child(1){height:19px}.cs-browser-chart i:nth-child(2){height:31px}.cs-browser-chart i:nth-child(3){height:25px}.cs-browser-chart i:nth-child(4){height:43px;background:var(--card-accent)}.cs-device{position:absolute;right:7%;bottom:20px;width:96px;height:168px;padding:32px 12px 15px;border:7px solid #172033;border-radius:20px;background:#fff;box-shadow:0 23px 40px -19px rgba(13,23,48,.65);transform:rotate(2deg)}.cs-device::before{content:"";position:absolute;top:8px;left:50%;width:28px;height:4px;border-radius:4px;background:#30384b;transform:translateX(-50%)}.cs-device span{display:block;height:8px;margin-bottom:9px;border-radius:5px;background:#dfe6f3}.cs-device span:first-child{height:45px;background:linear-gradient(145deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 30%,#fff))}.cs-card-body{padding:25px}.cs-card-brand{display:flex;align-items:center;gap:12px}.cs-card-brand img{width:42px;height:42px;object-fit:contain;border-radius:11px}.cs-card-brand h2{font-size:21px}.cs-card-brand p{color:#6d7689;font-size:13px}.cs-card-summary{min-height:52px;margin:17px 0;color:#4f596d;font-size:14px;line-height:1.65}.cs-card-facts{display:grid;grid-template-columns:1.2fr .8fr;margin:0 0 20px;padding:16px 0;border-top:1px solid #e4e8f0;border-bottom:1px solid #e4e8f0}.cs-card-facts>div+div{padding-left:20px;border-left:1px solid #e4e8f0}.cs-card-facts dt{margin-bottom:6px;color:#8a93a5;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cs-card-facts dd{color:#253049;font-size:12px;font-weight:700}.cs-card-link{display:flex;align-items:center;justify-content:space-between;color:var(--cs-blue);font-size:14px;font-weight:700}.cs-card-link span{display:grid;width:31px;height:31px;place-items:center;border:1px solid #b9c7ff;border-radius:50%;transition:.2s ease}.cs-card-link:hover span{background:var(--cs-blue);color:#fff;transform:translateX(3px)}.cs-card-link-muted{color:#7c8495;font-weight:600}.cs-empty{margin:50px auto 0;text-align:center;color:#70798d}.cs-list-cta{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;margin-top:38px;padding:25px 34px;border:1px solid rgba(36,84,255,.09);border-radius:22px;background:linear-gradient(115deg,rgba(255,255,255,.8),rgba(224,237,255,.92));box-shadow:0 25px 55px -45px #13244d}.cs-list-cta h2{font-size:19px}.cs-list-cta p{margin-top:3px;color:#657084;font-size:13px}.cs-cta-icon{position:relative;display:flex;align-items:center;width:108px}.cs-cta-icon span{display:block;width:48px;height:48px;margin-right:-13px;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#b7c7ea,#53678e)}.cs-cta-icon span:nth-child(2){background:linear-gradient(145deg,#d7b899,#71523b)}.cs-cta-icon span:nth-child(3){background:linear-gradient(145deg,#b8d7c9,#3d7161)}.cs-cta-icon b{position:absolute;right:0;bottom:-2px;display:grid;width:28px;height:28px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--cs-blue);color:#fff}.cs-list-cta .btn{white-space:nowrap}.csd-main{--card-accent:#2454ff}.csd-hero{position:relative;padding:42px 0 92px;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 28%),linear-gradient(180deg,#f7faff,#eef4ff)}.csd-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:70px;align-items:center}.csd-company{display:flex;align-items:center;gap:14px;margin-bottom:32px}.csd-company img{width:58px;height:58px;object-fit:contain;border:1px solid #e0e6f0;border-radius:16px;background:#fff;padding:7px}.csd-company span{display:grid}.csd-company b{font-size:18px}.csd-company small{color:#697386}.csd-hero-copy .eyebrow{color:var(--card-accent);font-weight:700}.csd-hero h1{max-width:900px;margin:14px 0 20px;font-size:clamp(42px,4.7vw,68px);line-height:1.07;letter-spacing:-.045em}.csd-hero-copy>p{max-width:760px;color:#5f687b;font-size:18px;line-height:1.7}.csd-hero-panel{padding:32px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:linear-gradient(145deg,#10192d,#172441);box-shadow:0 30px 70px -43px #0b1221;color:#fff}.csd-panel-label{display:block;margin-bottom:22px;color:#8fe3c4;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.csd-hero-panel dl{display:grid;gap:16px}.csd-hero-panel dl div{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}.csd-hero-panel dt{color:#aeb8cb;font-size:12px}.csd-hero-panel dd{font-weight:700;text-align:right}.csd-stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.csd-stack small{width:100%;margin-bottom:4px;color:#aeb8cb}.csd-stack span{padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.07);font-size:11px}.csd-overview,.csd-challenges,.csd-solution,.csd-takeaway,.csd-more{padding:105px 0}.csd-two-col{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:90px}.csd-section-title{display:flex;gap:18px;align-items:flex-start}.csd-section-title>span{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--card-accent) 12%,#fff);color:var(--card-accent);font-size:11px;font-weight:800}.csd-section-title small{display:block;margin-bottom:10px;color:var(--card-accent);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.csd-section-title h2{font-size:clamp(30px,3vw,44px);line-height:1.15}.csd-section-title p{max-width:790px;margin-top:17px;color:#646d7f;font-size:17px;line-height:1.7}.csd-prose>p{color:#4e586b;font-size:20px;line-height:1.85}.csd-prose aside{display:flex;justify-content:space-between;gap:18px;margin-top:32px;padding:22px 24px;border-left:4px solid var(--card-accent);border-radius:0 14px 14px 0;background:#f5f7fb}.csd-prose aside span{color:#6a7386}.csd-challenges{background:#f5f7fb}.csd-challenges>.wrap>.csd-section-title{max-width:950px}.csd-challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.csd-challenge-grid article{min-height:260px;padding:29px;border:1px solid #dfe5ef;border-radius:20px;background:#fff}.csd-challenge-grid article>span{color:var(--card-accent);font-size:11px;font-weight:800}.csd-challenge-grid h3{margin:54px 0 12px;font-size:20px}.csd-challenge-grid p{color:#626c7e;font-size:14px;line-height:1.7}.csd-solution-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:80px;align-items:start}.csd-solution-intro{position:sticky;top:120px}.csd-solution-intro>p{margin:28px 0;color:#5f697b;font-size:17px;line-height:1.75}.csd-team-badge{padding:22px;border:1px solid #dae2f0;border-radius:17px;background:linear-gradient(135deg,#f2f6ff,#f0fbf7)}.csd-team-badge strong{display:block;font-size:24px}.csd-team-badge span{color:#687286;font-size:13px}.csd-solution-list{display:grid;gap:14px;list-style:none}.csd-solution-list li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:27px;border:1px solid #dee4ee;border-radius:19px;background:#fff;box-shadow:0 18px 40px -38px #10234f}.csd-solution-list li>span{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:var(--cs-navy);color:#fff;font-size:11px;font-weight:800}.csd-solution-list h3{margin-bottom:8px;font-size:19px}.csd-solution-list p{color:#626c7e;font-size:14px;line-height:1.7}.csd-takeaway{padding-top:25px;background:#fff}.csd-takeaway-card{position:relative;overflow:hidden;padding:58px;border-radius:27px;background:radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--card-accent) 40%,transparent),transparent 30%),var(--cs-navy);color:#fff}.csd-takeaway-card::after{content:"";position:absolute;right:40px;top:6px;color:rgba(255,255,255,.08);font:700 180px/1 serif}.csd-takeaway-card .eyebrow{color:#8fe3c4}.csd-takeaway-card blockquote{position:relative;z-index:1;max-width:1050px;margin:24px 0 36px;color:#fff;font:600 clamp(25px,3vw,42px)/1.42 var(--disp);letter-spacing:-.025em}.csd-takeaway-card>div{display:grid;grid-template-columns:44px auto;grid-template-rows:auto auto;gap:0 12px;align-items:center}.csd-takeaway-card img{grid-row:1/3;width:44px;height:44px;object-fit:contain;border-radius:10px;background:#fff;padding:5px}.csd-takeaway-card small{color:#adb7ca}.csd-more{background:#f5f7fb}.csd-more-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.csd-more-head h2{margin-top:8px;font-size:38px}.csd-more-head>a{color:var(--cs-blue);font-weight:700}.csd-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.csd-related-grid>a{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:22px;border:1px solid #dce3ef;border-radius:17px;background:#fff;transition:.2s ease}.csd-related-grid>a:hover{border-color:#aabdff;transform:translateY(-2px)}.csd-related-grid img{width:46px;height:46px;object-fit:contain;border-radius:10px}.csd-related-grid span{display:grid}.csd-related-grid small{color:#748095}.csd-related-grid strong{font-size:15px}.csd-related-grid b{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#edf2ff;color:var(--cs-blue)}.csd-final{padding:28px 0 108px;background:#f5f7fb}.csd-final-card{padding:60px;border-radius:28px;background:linear-gradient(135deg,#eaf0ff,#ecfaf5);text-align:center}.csd-final-card .eyebrow{color:var(--cs-blue)}.csd-final-card h2{max-width:800px;margin:14px auto;font-size:clamp(32px,4vw,52px)}.csd-final-card p{max-width:680px;margin:0 auto 26px;color:#626c7e;font-size:16px;line-height:1.7}.csd-final-card .btn{background:var(--cs-blue)}
@media(max-width:1000px){.cs-card-grid{grid-template-columns:1fr 1fr}.cs-list-cta{grid-template-columns:auto 1fr}.cs-list-cta .btn{grid-column:2}.csd-hero-grid,.csd-two-col,.csd-solution-grid{grid-template-columns:1fr;gap:45px}.csd-hero-panel{max-width:620px}.csd-solution-intro{position:static}.csd-challenge-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.cs-hero{padding-top:28px}.cs-breadcrumb{margin-bottom:34px}.cs-heading h1{font-size:41px}.cs-heading p{font-size:16px}.cs-card-grid,.csd-challenge-grid,.csd-related-grid{grid-template-columns:1fr}.cs-card-visual{height:220px}.cs-list-cta{grid-template-columns:1fr;text-align:center}.cs-cta-icon{margin:auto}.cs-list-cta .btn{grid-column:auto;justify-content:center}.csd-hero{padding:28px 0 70px}.csd-hero h1{font-size:39px}.csd-overview,.csd-challenges,.csd-solution,.csd-takeaway,.csd-more{padding:76px 0}.csd-prose>p{font-size:17px}.csd-prose aside{flex-direction:column}.csd-takeaway-card,.csd-final-card{padding:35px 24px}.csd-takeaway-card blockquote{font-size:24px}.csd-more-head{display:block}.csd-more-head>a{display:inline-block;margin-top:18px}.csd-section-title{display:block}.csd-section-title>span{margin-bottom:18px}.csd-solution-list li{grid-template-columns:1fr}.csd-company{margin-bottom:24px}}
@media(max-width:430px){.cs-browser{left:5%;width:76%}.cs-device{right:3%;transform:scale(.88) rotate(2deg);transform-origin:bottom right}.cs-card-body{padding:21px}.cs-card-facts{grid-template-columns:1fr}.cs-card-facts>div+div{margin-top:13px;padding:13px 0 0;border-top:1px solid #e4e8f0;border-left:0}.csd-hero-panel{padding:25px}.csd-hero-panel dl div{display:block}.csd-hero-panel dd{margin-top:4px;text-align:left}}
@media(prefers-reduced-motion:reduce){.cs-card,.cs-filters button,.csd-related-grid>a{transition:none}}
@media(min-width:1181px){.cs-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.cs-heading+.cs-card-grid{margin-top:68px}.cs-card{display:flex;flex-direction:column}.cs-card-visual{height:auto;aspect-ratio:1.5;background:#eaf1ff}.cs-card-visual::before,.cs-card-visual .cs-visual-glow,.cs-card-visual .cs-browser,.cs-card-visual .cs-device{display:none}.cs-card-visual>img{width:100%;height:100%;object-fit:cover}.cs-card-body{display:flex;flex:1;flex-direction:column;padding:22px 20px 20px}.cs-card-brand{display:block}.cs-card-brand h2{font-size:21px}.cs-card-brand p{margin-top:2px;color:#53678e;font-size:13px}.cs-card-summary{min-height:88px;margin:14px 0 12px;font-size:13px;line-height:1.55}.cs-card-facts{grid-template-columns:1.12fr .88fr;margin-top:auto;padding:13px 0}.cs-card-facts dt{font-size:8px}.cs-card-facts dd{min-height:30px}.cs-tech-list{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.cs-tech-list span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef3ff;color:#274da8;font-size:9px;white-space:nowrap}.cs-team-count{display:flex;align-items:center;gap:6px}.cs-team-count svg{width:21px;height:21px;fill:none;stroke:#2454ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cs-card-link{margin-top:1px}
.cs-accent-orange{--card-accent:#ff6a00}.cs-accent-blue{--card-accent:#2454ff}

/* Case study detail: immersive project hero and engagement snapshot */
.csd-hero{position:relative;padding:36px 0 112px;overflow:hidden;background:radial-gradient(circle at 88% 36%,color-mix(in srgb,var(--card-accent) 34%,transparent),transparent 31%),radial-gradient(circle at 53% -12%,rgba(43,112,220,.28),transparent 34%),linear-gradient(135deg,#051225,#08223f 58%,#051326);color:#fff}
.csd-hero::after{content:"";position:absolute;right:-8%;bottom:-48%;width:760px;height:760px;border:1px solid rgba(68,211,235,.18);border-radius:50%;box-shadow:0 0 0 110px rgba(68,211,235,.035),0 0 0 220px rgba(68,211,235,.025);pointer-events:none}
.csd-hero .cs-grid-bg{opacity:.72;background-image:radial-gradient(rgba(117,221,255,.25) 1px,transparent 1px),linear-gradient(rgba(36,133,211,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(36,133,211,.07) 1px,transparent 1px);background-size:26px 26px,120px 120px,120px 120px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
.csd-hero .cs-breadcrumb{margin-bottom:54px;color:#9eacc1}
.csd-hero .cs-breadcrumb a:hover{color:#75e3e4}
.csd-hero-grid{grid-template-columns:minmax(0,.93fr) minmax(470px,1.07fr);gap:52px;align-items:center}
.csd-hero-copy{position:relative;z-index:2;min-width:0}
.csd-hero-tags{display:flex;flex-wrap:wrap;gap:10px}
.csd-hero-tags span{padding:8px 17px;border:1px solid rgba(158,178,207,.34);border-radius:999px;color:#b6c3d6;font:700 10px/1 var(--body);letter-spacing:.13em;text-transform:uppercase}
.csd-hero-tags span:first-child{border-color:#2ed3d3;color:#76e5e5}
.csd-hero-platform{margin:23px 0 17px;color:#9eacc1;font:700 10px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase}
.csd-hero-platform i{padding:0 5px;color:#46d8df;font-style:normal}
.csd-hero h1{max-width:790px;margin:0 0 22px;color:#fff;font-size:clamp(40px,4.35vw,64px);line-height:1.04;letter-spacing:-.045em}
.csd-hero h1 em{background:linear-gradient(110deg,#56e2db,#4388ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.csd-hero-copy>p{max-width:680px;color:#bdc9da;font-size:17px;line-height:1.7}
.csd-hero-capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}
.csd-hero-capabilities span{display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 14px;border:1px solid rgba(117,221,255,.22);border-radius:11px;background:rgba(7,30,57,.75);box-shadow:inset 0 1px rgba(255,255,255,.035);color:#dce7f5;font-size:11px;font-weight:600}
.csd-hero-capabilities svg{width:20px;height:20px;fill:none;stroke:#4ad8df;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.csd-hero-visual{position:relative;z-index:2;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(117,221,255,.28);border-radius:25px;background:#071b35;box-shadow:0 38px 80px -34px rgba(0,0,0,.82),0 0 70px rgba(36,132,255,.13)}
.csd-hero-visual::before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);pointer-events:none}
.csd-hero-visual>img{display:block;width:100%;height:auto;aspect-ratio:1586/992;object-fit:contain}
.csd-snapshot{position:relative;padding:0 0 88px;background:#f5f8ff}
.csd-snapshot-card{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;transform:translateY(-42px);margin-bottom:-42px;padding:18px;border:1px solid rgba(217,226,241,.9);border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 28px 68px -42px rgba(11,36,77,.46);backdrop-filter:blur(14px)}
.csd-snapshot-card article{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;min-height:116px;padding:20px;border:1px solid #e3e8f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f9fbff);overflow:hidden}
.csd-snapshot-card article::after{content:"";position:absolute;inset:auto 18px 0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#6248f4,#3985ff);opacity:.7}
.csd-snapshot-card article:nth-child(even)::after{background:linear-gradient(90deg,#2e7bff,#23c8c8)}
.csd-snapshot-card article>i{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#eeefff,#e6ebff);color:#6542ee;font-style:normal;box-shadow:0 12px 28px -20px #5c43e8}
.csd-snapshot-card article:nth-child(even)>i{background:linear-gradient(145deg,#e8f7ff,#e7f3ff);color:#2679e8}
.csd-snapshot-card svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.csd-snapshot-card article>span{display:grid;gap:7px;min-width:0}
.csd-snapshot-card small{color:#6e7a90;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.csd-snapshot-card strong{color:#0d1730;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:1100px){.csd-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:34px}.csd-hero h1{font-size:clamp(38px,4.5vw,54px)}.csd-snapshot-card{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.csd-hero{padding-bottom:92px}.csd-hero-grid{grid-template-columns:1fr;gap:45px}.csd-hero-copy{max-width:750px}.csd-hero-visual{width:100%;max-width:780px;margin-inline:auto}.csd-snapshot-card article{min-height:108px}}
@media(max-width:600px){.csd-hero{padding:26px 0 76px}.csd-hero .cs-breadcrumb{margin-bottom:36px}.csd-hero-tags span{padding:7px 12px}.csd-hero h1{font-size:34px;overflow-wrap:anywhere}.csd-hero-copy>p{font-size:15px;overflow-wrap:anywhere}.csd-hero-capabilities{display:grid;grid-template-columns:minmax(0,1fr)}.csd-hero-capabilities span{width:100%;min-width:0}.csd-hero-visual{max-width:100%;border-radius:18px}.csd-snapshot{padding-bottom:64px}.csd-snapshot-card{grid-template-columns:1fr;gap:10px;transform:translateY(-28px);margin-bottom:-28px;padding:12px}.csd-snapshot-card article{min-height:96px;padding:16px}.csd-snapshot-card strong{font-size:15px}}

/* Case-specific overview */
.csd-overview{position:relative;padding:108px 0 116px;overflow:hidden;background:radial-gradient(circle at 8% 5%,rgba(63,136,255,.1),transparent 29%),radial-gradient(circle at 92% 92%,rgba(102,86,239,.08),transparent 24%),#f7faff}
.csd-overview::before,.csd-overview::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.csd-overview::before{top:-230px;right:-160px;width:530px;height:530px;background:rgba(49,117,255,.045)}
.csd-overview::after{right:5%;bottom:-230px;width:390px;height:390px;background:rgba(74,94,235,.04)}
.csd-overview>.cs-grid-bg{opacity:.55;background-image:radial-gradient(rgba(36,84,255,.16) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 25%,#000 73%,transparent)}
.csd-overview-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);gap:72px;align-items:center}
.csd-overview-eyebrow{display:flex;align-items:center;gap:17px;color:#3265ef;font:800 11px/1 var(--body);letter-spacing:.24em;text-transform:uppercase}
.csd-overview-eyebrow::after{content:"";width:48px;height:1px;background:#aebfff}
.csd-overview-copy h2{max-width:650px;margin:28px 0 27px;color:#0c1730;font-size:clamp(42px,4.1vw,64px);line-height:1.08;letter-spacing:-.045em}
.csd-overview-copy h2 em{display:block;background:linear-gradient(105deg,#2454ff,#55a4ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.csd-overview-prose{max-width:690px}
.csd-overview-prose p{color:#4d5a71;font-size:16px;line-height:1.72}
.csd-overview-prose p+p{margin-top:20px}
.csd-overview-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.csd-overview-features article{display:grid;grid-template-columns:45px minmax(0,1fr);gap:11px;align-items:center;min-width:0;padding-right:12px;border-right:1px solid #dce4f2}
.csd-overview-features article:last-child{padding-right:0;border-right:0}
.csd-overview-features i{display:grid;width:45px;height:45px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#eef0ff,#e4e9ff);color:#4f4ef3;font-style:normal}
.csd-overview-features svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.csd-overview-features span{display:grid;gap:4px;min-width:0}
.csd-overview-features strong{color:#111b32;font-size:13px}
.csd-overview-features small{color:#6d788d;font-size:10px;line-height:1.35}
.csd-overview-visual{position:relative;display:grid;grid-template-columns:minmax(120px,1fr) 64px minmax(170px,1.25fr) 64px minmax(120px,1fr);align-items:center;min-height:430px;padding:52px 38px;border:1px solid rgba(216,226,241,.9);border-radius:27px;background:rgba(255,255,255,.93);box-shadow:0 30px 70px -50px rgba(12,42,91,.42);overflow:hidden}
.csd-overview-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(86,86,241,.07),transparent 45%);pointer-events:none}
.csd-overview-orbit{position:absolute;top:50%;left:50%;width:280px;height:280px;border:1px dashed rgba(82,95,246,.25);border-radius:50%;transform:translate(-50%,-50%)}
.csd-overview-node,.csd-overview-center,.csd-overview-connector{position:relative;z-index:1}
.csd-overview-node{display:grid;justify-items:center;text-align:center}
.csd-overview-node i{display:grid;width:112px;height:112px;place-items:center;border:2px solid #7058ed;border-radius:50%;background:linear-gradient(145deg,#fff,#f1efff);box-shadow:0 0 0 17px rgba(103,84,238,.065);color:#654ceb;font-style:normal}
.csd-overview-node svg{width:51px;height:51px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.csd-overview-node strong{margin-top:25px;color:#0d1730;font-size:15px}
.csd-overview-node>span{max-width:145px;margin-top:8px;color:#657187;font-size:12px;line-height:1.45}
.csd-overview-center{display:grid;justify-items:center;min-height:142px;padding:22px 16px;border-radius:22px;background:linear-gradient(145deg,#0e1b3e,#142b5b);box-shadow:0 22px 45px -26px #07142f;text-align:center}
.csd-overview-center img{width:36px;height:36px;margin-bottom:9px;padding:5px;border-radius:9px;background:#fff;object-fit:contain}
.csd-overview-center strong{color:#fff;font-size:17px}
.csd-overview-center span{margin-top:6px;color:#acbbd6;font-size:11px}
.csd-overview-center::after{content:"";width:54px;height:4px;margin-top:15px;border-radius:4px;background:linear-gradient(90deg,#6f57ee,#3a88ff)}
.csd-overview-connector{height:2px;background:#6653eb}
.csd-overview-connector span{position:absolute;top:50%;left:50%;padding:0 5px;background:#fff;color:#654feb;font-size:27px;line-height:1;transform:translate(-50%,-52%)}
.csd-overview-visual--permento .csd-overview-node i{border-color:#ff8a45;color:#f16c30;box-shadow:0 0 0 17px rgba(255,126,66,.07)}
.csd-overview-visual--permento .csd-overview-center{background:linear-gradient(145deg,#292252,#132956)}
.csd-overview-visual--permento .csd-overview-center::after,.csd-overview-visual--permento .csd-overview-connector{background:linear-gradient(90deg,#f27536,#4b68ee)}
.csd-overview-visual--locci .csd-overview-node i{border-color:#2989ee;color:#2378d4;box-shadow:0 0 0 17px rgba(43,141,239,.065)}
.csd-overview-visual--locci .csd-overview-center{background:linear-gradient(145deg,#082549,#123c68)}
@media(max-width:1160px){.csd-overview-grid{grid-template-columns:1fr;gap:54px}.csd-overview-copy{max-width:820px}.csd-overview-visual{min-height:400px}.csd-overview-features{max-width:720px}}
@media(max-width:700px){.csd-overview{padding:78px 0}.csd-overview-copy h2{font-size:40px}.csd-overview-features{grid-template-columns:1fr}.csd-overview-features article{padding:0 0 13px;border-right:0;border-bottom:1px solid #dce4f2}.csd-overview-features article:last-child{padding-bottom:0;border-bottom:0}.csd-overview-visual{grid-template-columns:1fr;gap:18px;min-height:0;padding:28px 20px}.csd-overview-orbit,.csd-overview-connector{display:none}.csd-overview-node i{width:88px;height:88px;box-shadow:0 0 0 11px rgba(103,84,238,.06)}.csd-overview-node svg{width:40px;height:40px}.csd-overview-node strong{margin-top:16px}.csd-overview-center{width:min(100%,260px);margin:6px auto}.csd-overview-node>span{max-width:230px}}

/* Case-specific challenges */
.csd-challenges{position:relative;padding:110px 0 118px;overflow:hidden;background:radial-gradient(circle at 92% 48%,rgba(55,105,246,.09),transparent 28%),linear-gradient(145deg,#f9fbff,#f3f7ff)}
.csd-challenges>.cs-grid-bg{opacity:.52;background-image:radial-gradient(rgba(73,92,245,.2) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 58%,#000 94%)}
.csd-challenges-head{position:relative;z-index:1;max-width:900px}
.csd-challenges-head h2{margin:27px 0 19px;color:#0c1730;font-size:clamp(42px,4.2vw,64px);line-height:1.08;letter-spacing:-.045em}
.csd-challenges-head h2 em{display:block;background:linear-gradient(105deg,#5548f4,#7b32f2);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.csd-challenges-head>p{max-width:820px;color:#4d5a71;font-size:17px;line-height:1.7}
.csd-challenge-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px}
.csd-challenge-grid article{position:relative;min-height:245px;padding:30px 190px 30px 30px;overflow:hidden;border:1px solid #e0e6f1;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 24px 55px -48px #102c65}
.csd-challenge-grid article:nth-child(3){grid-column:1/-1;min-height:184px;padding-right:36%}
.csd-challenge-icon{display:grid;width:55px;height:55px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#eeefff,#e3e8ff);color:#5542ea}
.csd-challenge-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.csd-challenge-number{position:absolute;top:30px;right:30px;color:#aab5ca;font:800 10px/1 var(--body);letter-spacing:.12em}
.csd-challenge-grid h3{margin:18px 0 9px;color:#101a31;font-size:19px}
.csd-challenge-grid p{position:relative;z-index:2;color:#59667b;font-size:14px;line-height:1.62}
.csd-challenge-art{position:absolute;right:23px;bottom:19px;width:132px;height:108px;border-radius:50%;background:radial-gradient(circle,#eeeaff 0 46%,transparent 47%)}
.csd-challenge-art i{position:absolute;bottom:18px;width:22px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7c64f4,#4e80ed)}
.csd-challenge-art i:nth-child(1){right:78px;height:32px;opacity:.42}.csd-challenge-art i:nth-child(2){right:46px;height:52px;opacity:.68}.csd-challenge-art i:nth-child(3){right:14px;height:78px}
.csd-challenge-grid article:nth-child(2) .csd-challenge-art{background:radial-gradient(circle,#e8f0ff 0 46%,transparent 47%)}
.csd-challenge-grid article:nth-child(2) .csd-challenge-art i{bottom:auto;width:34px;height:34px;border-radius:50%}.csd-challenge-grid article:nth-child(2) .csd-challenge-art i:nth-child(1){top:11px;right:49px}.csd-challenge-grid article:nth-child(2) .csd-challenge-art i:nth-child(2){right:79px;bottom:12px}.csd-challenge-grid article:nth-child(2) .csd-challenge-art i:nth-child(3){right:18px;bottom:12px}
.csd-challenge-grid article:nth-child(3) .csd-challenge-art{right:58px;bottom:-4px;width:290px;height:156px;background:linear-gradient(160deg,transparent 35%,rgba(98,80,240,.08) 36%)}
.csd-challenge-grid article:nth-child(3) .csd-challenge-art i{bottom:16px;width:32px}.csd-challenge-grid article:nth-child(3) .csd-challenge-art i:nth-child(1){right:118px;height:46px}.csd-challenge-grid article:nth-child(3) .csd-challenge-art i:nth-child(2){right:74px;height:74px}.csd-challenge-grid article:nth-child(3) .csd-challenge-art i:nth-child(3){right:28px;height:108px}

/* Case-specific help section */
.csd-solution{position:relative;padding:112px 0;background:radial-gradient(circle at 0 100%,rgba(82,79,239,.08),transparent 28%),radial-gradient(circle at 100% 0,rgba(50,104,244,.06),transparent 25%),#fbfcff}
.csd-help-grid{display:grid;grid-template-columns:minmax(370px,.86fr) minmax(0,1.14fr);gap:72px;align-items:center}
.csd-help-intro h2{margin:27px 0 20px;color:#0c1730;font-size:clamp(42px,4.2vw,64px);line-height:1.08;letter-spacing:-.045em}
.csd-help-intro h2 em{display:block;background:linear-gradient(105deg,#5548f4,#7b32f2);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.csd-help-intro>p{max-width:610px;color:#566278;font-size:17px;line-height:1.7}
.csd-help-visual{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) 54px minmax(105px,.48fr);align-items:center;min-height:300px;margin-top:34px;padding:34px;border:1px solid #e3e8f2;border-radius:22px;background:radial-gradient(circle at 22% 24%,rgba(91,74,239,.1),transparent 35%),linear-gradient(145deg,#fff,#f5f7ff);overflow:hidden}
.csd-help-team-card{display:grid;padding:25px;border:1px solid #e2e7f1;border-radius:18px;background:#fff;box-shadow:0 20px 40px -34px #172b57}
.csd-help-team-card>strong{font-size:14px}.csd-help-people{display:flex;gap:8px;margin:20px 0}.csd-help-people i{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:#edf0ff;color:#5754e8;font-style:normal}.csd-help-people svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.csd-help-people .csd-help-slot{border:1px dashed #8d9bd0;background:#fff;color:#4d55d7;font-size:22px}.csd-help-team-card>span{display:block;width:85%;height:8px;margin-top:7px;border-radius:8px;background:#e5eaf3}.csd-help-team-card>span:last-child{width:56%}
.csd-help-arrow{color:#5d50ee;font-size:30px;text-align:center}
.csd-help-talent{position:relative;display:grid;justify-items:center;text-align:center}.csd-help-talent>b{position:absolute;top:-10px;right:4px;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#0d1730;color:#fff;font-size:12px}.csd-help-talent>i{display:grid;width:86px;height:86px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9b78ff,#5736ef);box-shadow:0 18px 38px -24px #5134e7;color:#fff;font-style:normal}.csd-help-talent svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.csd-help-talent strong{max-width:150px;margin-top:14px;color:#15203a;font-size:13px;line-height:1.4}
.csd-help-list{display:grid;gap:0;list-style:none}.csd-help-list li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:22px;padding:31px 0;border-bottom:1px solid #dfe5ef}.csd-help-list li:first-child{padding-top:0}.csd-help-list li:last-child{padding-bottom:0;border-bottom:0}.csd-help-list>li>i{display:grid;width:62px;height:62px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#eeefff,#e4e9ff);color:#5542ea;font-style:normal}.csd-help-list svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.csd-help-list h3{margin:2px 0 10px;color:#101a31;font-size:20px}.csd-help-list p{color:#5a667c;font-size:14px;line-height:1.68}
@media(max-width:1000px){.csd-help-grid{grid-template-columns:1fr;gap:58px}.csd-help-intro{max-width:780px}.csd-help-visual{max-width:720px}.csd-challenge-grid article{padding-right:155px}}
@media(max-width:700px){.csd-challenges,.csd-solution{padding:78px 0}.csd-challenges-head h2,.csd-help-intro h2{font-size:40px}.csd-challenge-grid{grid-template-columns:1fr}.csd-challenge-grid article,.csd-challenge-grid article:nth-child(3){grid-column:auto;min-height:0;padding:24px}.csd-challenge-art{display:none}.csd-challenge-number{top:26px;right:24px}.csd-help-visual{grid-template-columns:1fr;gap:18px;padding:22px}.csd-help-arrow{transform:rotate(90deg)}.csd-help-talent>b{right:calc(50% - 60px)}.csd-help-list li{grid-template-columns:50px minmax(0,1fr);gap:16px;padding:24px 0}.csd-help-list>li>i{width:50px;height:50px}.csd-help-list svg{width:26px;height:26px}.csd-help-list h3{font-size:17px}}

/* Key takeaway */
.csd-takeaway{padding:82px 0 104px;background:#fff}
.csd-takeaway-card{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);gap:30px;align-items:start;padding:52px 58px;overflow:hidden;border:1px solid #dbe4f6;border-radius:24px;background:radial-gradient(circle at 95% 100%,rgba(76,78,240,.09),transparent 29%),linear-gradient(140deg,#f8faff,#f3f6ff);box-shadow:0 22px 55px -48px rgba(22,48,105,.45);color:#0d1730}
.csd-takeaway-card::before{content:"";position:absolute;right:42px;bottom:34px;width:130px;height:72px;background-image:radial-gradient(rgba(74,84,243,.24) 2px,transparent 2px);background-size:20px 20px}
.csd-takeaway-card::after{content:"";position:absolute;right:-115px;bottom:-190px;width:440px;height:440px;border-radius:50%;background:rgba(78,91,234,.045)}
.csd-takeaway-icon{position:relative;z-index:1;display:flex;width:74px;height:74px;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(145deg,#5333f0,#3213d7);box-shadow:0 18px 35px -24px #3c20dc;color:#fff}
.csd-takeaway-icon svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.csd-takeaway-card>div:last-child{position:relative;z-index:1;display:block;min-width:0;text-align:left}
.csd-takeaway-card .eyebrow{color:#4d51df;font-size:11px;letter-spacing:.2em}
.csd-takeaway-card blockquote{display:block;width:100%;max-width:1120px;margin:22px 0 0;color:#101a31;font:650 clamp(28px,3vw,45px)/1.38 var(--disp);letter-spacing:-.025em;text-align:left}
@media(max-width:700px){.csd-takeaway{padding:66px 0 78px}.csd-takeaway-card{grid-template-columns:1fr;gap:22px;padding:30px 24px}.csd-takeaway-icon{width:62px;height:62px}.csd-takeaway-card blockquote{font-size:27px}.csd-takeaway-card::before{display:none}}