.case-study-page{isolation:isolate;background:#040612;min-height:100vh;padding-bottom:5rem;position:relative;overflow-x:clip}.case-study-container{width:min(92rem,100% - 2rem);margin-inline:auto}.case-study-background{z-index:-3;pointer-events:none;background:radial-gradient(at 50% 0,#c5beff29,#0000 28%),radial-gradient(at 15% 22%,#8b7cff1f,#0000 34%),radial-gradient(at 86% 54%,#5f4bff17,#0000 42%),linear-gradient(#040612 0%,#07091a 42%,#040612 100%);position:fixed;inset:0;overflow:hidden}.case-study-background__grid,.case-study-background__grain,.case-study-background__orb{pointer-events:none;position:absolute}.case-study-background__grid{opacity:.13;background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px),radial-gradient(circle at 1px 1px,#ffffff29 1px,#0000 0);background-size:96px 96px,96px 96px,18px 18px;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.case-study-background__grain{opacity:.08;mix-blend-mode:screen;background-image:radial-gradient(circle at 1px 1px,#ffffff38 1px,#0000 0);background-size:4px 4px;inset:0}.case-study-background__orb{filter:blur(48px);opacity:.7;will-change:transform;border-radius:999px;width:34rem;height:34rem;animation:26s linear infinite case-study-orb}.case-study-background__orb--one{top:-12rem;background:radial-gradient(circle,#b8aeff2e,#0000 68%);inset-inline-start:-10rem}.case-study-background__orb--two{bottom:8rem;background:radial-gradient(circle,#5f4bff29,#0000 70%);animation-duration:32s;animation-direction:reverse;inset-inline-end:-12rem}.case-study-sticky-nav{z-index:40;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(#ffffff14,#ffffff09);border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;width:min(58rem,100% - 2rem);margin:1rem auto 0;padding:.45rem;display:flex;position:sticky;top:1rem;overflow-x:auto;box-shadow:0 18px 60px #00000047,inset 0 1px #ffffff24}.case-study-sticky-nav a{color:#ffffffad;border:1px solid #0000;border-radius:999px;flex:none;padding:.65rem .95rem;font-size:.82rem;font-weight:600;transition:color .28s,background .28s,border-color .28s,transform .28s}.case-study-sticky-nav a:hover,.case-study-sticky-nav a:focus-visible,.case-study-sticky-nav a.is-active{color:#fff;background:#b8aeff1a;border-color:#b8aeff3d;outline:none;transform:translateY(-1px)}.case-study-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:calc(100svh - 6rem);padding-block:clamp(5rem,9vw,9rem) clamp(4rem,7vw,7rem);display:grid}.case-study-hero__content h1,.case-study-section-heading h2,.case-study-panel h2,.case-study-next h2,.case-study-cta h2{color:#fff;letter-spacing:-.07em;max-width:14ch;font-size:clamp(3rem,7vw,7.25rem);font-weight:700;line-height:.95}.case-study-hero__subtitle{max-width:40rem;color:var(--ink);letter-spacing:-.04em;margin-top:1.6rem;font-size:clamp(1.35rem,2.2vw,2.4rem);font-weight:600;line-height:1.35}.case-study-hero__description,.case-study-section-heading p,.case-study-panel>p,.case-study-overview>div>p,.case-study-next p,.case-study-cta p{max-width:46rem;color:var(--muted);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.9}.case-study-hero__description{margin-top:1.25rem}.case-study-back-link,.case-study-button{border-radius:999px;justify-content:center;align-items:center;gap:.65rem;font-weight:700;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),background .45s cubic-bezier(.16,1,.3,1);display:inline-flex}.case-study-back-link{color:var(--muted);background:#ffffff0b;border:1px solid #ffffff1a;margin-bottom:2rem;padding:.65rem 1rem}.case-study-back-link:hover,.case-study-button:hover{transform:translateY(-3px)}.case-study-logo{color:#fff;width:5.25rem;height:5.25rem;font-family:var(--font-inter), sans-serif;letter-spacing:-.06em;background:linear-gradient(#ffffff24,#ffffff08),radial-gradient(circle at 30% 10%,#b8aeff47,#0000 55%);border:1px solid #b8aeff47;border-radius:1.55rem;place-items:center;margin-bottom:1.6rem;font-size:1.25rem;font-weight:800;display:grid;box-shadow:0 24px 60px #5f4bff33,inset 0 1px #ffffff3d}.case-study-eyebrow{color:var(--primary-2);font-family:var(--font-inter), var(--font-ibm-plex-sans-arabic), sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.1rem;font-size:.78rem;font-weight:700}.case-study-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.case-study-button{border:1px solid #ffffff24;min-height:3.25rem;padding:.9rem 1.35rem}.case-study-button--primary{color:#fff;background:linear-gradient(#ffffff38,#fff0 42%),linear-gradient(135deg,#b8aeff 0%,#8b7cff 42%,#5f4bff 100%);box-shadow:0 18px 45px #8b7cff4d,inset 0 1px #ffffff59}.case-study-button--glass{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff17,#ffffff09);box-shadow:0 12px 30px #0000003d,inset 0 1px #ffffff29}.case-study-hero__visual,.case-study-hero__image-shell,.case-study-gallery-item,.case-study-next__image{position:relative;overflow:hidden}.case-study-hero__visual{background:linear-gradient(135deg,#ffffff2e,#b8aeff33,#ffffff0a);border-radius:3.5rem;padding:1px;box-shadow:0 40px 120px #00000061,0 30px 90px #5f4bff29}.case-study-hero__image-shell{border-radius:inherit;background:#080b18;min-height:clamp(28rem,48vw,46rem)}.case-study-section{padding-block:clamp(3.8rem,7vw,7.5rem)}.case-study-panel,.case-study-mini-card,.case-study-architecture-node,.case-study-feature,.case-study-tech-group,.case-study-results article,.case-study-challenges article,.case-study-next,.case-study-cta{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(#ffffff13,#ffffff07),radial-gradient(circle at 20% 0,#b8aeff18,#0000 38%);border:1px solid #ffffff18;box-shadow:0 24px 80px #00000042,inset 0 1px #ffffff1c}.case-study-panel,.case-study-next,.case-study-cta{border-radius:3rem;padding:clamp(1.5rem,4vw,4rem)}.case-study-overview{grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,4rem);display:grid}.case-study-overview h2,.case-study-panel h2,.case-study-section-heading h2,.case-study-next h2,.case-study-cta h2{font-size:clamp(2.3rem,5vw,5.25rem)}.case-study-facts,.case-study-stats{gap:1rem;display:grid}.case-study-fact,.case-study-stat{background:#ffffff0b;border:1px solid #ffffff14;border-radius:1.5rem;padding:1.15rem}.case-study-fact svg,.case-study-feature svg,.case-study-mini-card svg,.case-study-results svg{color:var(--primary-2)}.case-study-fact span,.case-study-stat span{color:var(--muted-2);margin-top:.65rem;font-size:.88rem;display:block}.case-study-fact strong,.case-study-stat strong{color:#fff;letter-spacing:-.04em;margin-top:.2rem;font-size:1.25rem;display:block}.case-study-stat p{color:var(--muted);margin-top:.55rem;font-size:.9rem;line-height:1.7}.case-study-split{grid-template-columns:auto minmax(0,1fr) minmax(18rem,.78fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.case-study-section-icon,.case-study-architecture-node span{width:3.5rem;height:3.5rem;color:var(--primary-2);background:#b8aeff17;border:1px solid #b8aeff38;border-radius:999px;place-items:center;display:grid}.case-study-section-heading{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.case-study-section-heading h2,.case-study-section-heading p{margin-inline:auto}.case-study-section-heading p:not(.case-study-eyebrow){margin-top:1rem}.case-study-card-row,.case-study-feature-grid,.case-study-tech-grid,.case-study-results,.case-study-challenges{gap:1rem;display:grid}.case-study-card-row{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-mini-card,.case-study-feature,.case-study-tech-group,.case-study-results article,.case-study-challenges article{border-radius:2rem;padding:clamp(1.25rem,2.4vw,2rem);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}.case-study-mini-card:hover,.case-study-feature:hover,.case-study-tech-group:hover,.case-study-results article:hover,.case-study-challenges article:hover{border-color:#b8aeff42;transform:translateY(-6px);box-shadow:0 26px 78px #5f4bff26,inset 0 1px #ffffff24}.case-study-mini-card h3,.case-study-architecture-node h3,.case-study-feature h3,.case-study-tech-group h3,.case-study-results h3,.case-study-challenges h3{color:#fff;letter-spacing:-.045em;margin-top:1rem;font-size:clamp(1.25rem,1.7vw,1.75rem);line-height:1.35}.case-study-mini-card p,.case-study-architecture-node p,.case-study-feature p,.case-study-results p,.case-study-challenges p{color:var(--muted);margin-top:.75rem;line-height:1.8}.case-study-architecture{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid;position:relative}.case-study-architecture:before{content:"";inset-inline:8%;background:linear-gradient(90deg,#0000,#b8aeff57,#0000);height:1px;position:absolute;top:3.1rem}.case-study-architecture-node{z-index:1;min-height:18rem;position:relative}.case-study-gallery{scroll-snap-type:x mandatory;grid-auto-columns:minmax(19rem,34rem);grid-auto-flow:column;gap:1rem;padding:.25rem .25rem 1.25rem;display:grid;overflow-x:auto}.case-study-gallery-item{cursor:pointer;scroll-snap-align:center;background:#080b18;border:1px solid #ffffff1a;border-radius:2.5rem;min-height:clamp(24rem,45vw,36rem);box-shadow:0 24px 80px #00000047}.case-study-gallery-item:after{content:"";background:linear-gradient(#0000 35%,#000000ad);position:absolute;inset:0}.case-study-gallery-item span{z-index:1;inset-inline:1.25rem;color:#fff;text-align:start;align-items:center;gap:.65rem;font-weight:600;line-height:1.6;display:flex;position:absolute;bottom:1.25rem}.case-study-lightbox{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040612d6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.case-study-lightbox button{top:1.5rem;z-index:2;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:3rem;height:3rem;display:grid;position:fixed;inset-inline-end:1.5rem}.case-study-lightbox>div{border-radius:2.5rem;width:min(74rem,94vw);height:min(42rem,78vh);position:relative;overflow:hidden}.case-study-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-study-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-tech-group div{flex-wrap:wrap;gap:.65rem;margin-top:1.15rem;display:flex}.case-study-tech-group span{color:var(--muted);background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.88rem;display:inline-flex}.case-study-tech-group svg{width:1rem;height:1rem;color:var(--primary-2)}.case-study-timeline{max-width:58rem;margin-inline:auto;position:relative}.case-study-timeline:before{content:"";top:0;bottom:0;background:linear-gradient(#0000,#b8aeff66,#0000);width:1px;position:absolute;inset-inline-start:1.35rem}.case-study-timeline article{grid-template-columns:3rem minmax(0,1fr);gap:1.25rem;padding-block:1.2rem;display:grid;position:relative}.case-study-timeline span{z-index:1;color:#fff;width:2.75rem;height:2.75rem;font-family:var(--font-inter), sans-serif;background:#101426;border:1px solid #b8aeff3d;border-radius:999px;place-items:center;font-weight:800;display:grid}.case-study-timeline h3{color:#fff;letter-spacing:-.04em;font-size:1.35rem}.case-study-timeline p{color:var(--muted);margin-top:.5rem;line-height:1.8}.case-study-results{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-results strong{color:#fff;font-family:var(--font-inter), var(--font-ibm-plex-sans-arabic), sans-serif;letter-spacing:-.07em;margin-top:1.2rem;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;display:block}.case-study-challenges{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study-challenges svg{color:var(--primary-2);margin-top:1rem}.case-study-next{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.case-study-next__image{background:#080b18;border-radius:2.5rem;min-height:clamp(20rem,34vw,32rem)}.case-study-cta{text-align:center;padding-block:clamp(4rem,8vw,8rem);position:relative;overflow:hidden}.case-study-cta:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 30%,#b8aeff3d,#0000 28%),radial-gradient(circle at 25% 70%,#5f4bff29,#0000 32%);animation:24s linear infinite case-study-orb;position:absolute;inset:-40%}.case-study-cta h2,.case-study-cta p,.case-study-cta .case-study-actions{justify-content:center;margin-inline:auto}@media (max-width:1100px){.case-study-hero,.case-study-overview,.case-study-split,.case-study-next{grid-template-columns:1fr}.case-study-architecture,.case-study-feature-grid,.case-study-tech-grid,.case-study-results,.case-study-challenges,.case-study-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-architecture:before{display:none}}@media (max-width:768px){.case-study-page{padding-bottom:3rem}.case-study-container{width:min(100% - 1rem,92rem)}.case-study-background__orb{display:none}.case-study-background__grid{opacity:.08;background-size:90px 90px,90px 90px,24px 24px}.case-study-sticky-nav{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start;width:calc(100% - 1rem);top:.75rem}.case-study-hero{min-height:auto;padding-block:4rem 3rem}.case-study-hero__content h1{font-size:clamp(3rem,18vw,4.8rem)}.case-study-hero__image-shell{min-height:26rem}.case-study-panel,.case-study-next,.case-study-cta{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:2rem}.case-study-architecture,.case-study-feature-grid,.case-study-tech-grid,.case-study-results,.case-study-challenges,.case-study-card-row{grid-template-columns:1fr}.case-study-gallery{grid-auto-columns:minmax(17rem,86vw)}.case-study-lightbox{-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes case-study-orb{0%{transform:translate(0,0)scale(1)}35%{transform:translate(4%,3%)scale(1.06)}70%{transform:translate(-3%,5%)scale(.98)}to{transform:translate(0,0)scale(1)}}