.cases-page{--cases-bg:#0a0a0f;--cases-bg2:#0f0f18;--cases-bg3:#13131e;--cases-bg4:#181828;--cases-text2:#9896b0;--cases-text3:#5a5870;--cases-border:#ffffff12;--cases-border2:#ffffff1f;--cases-filter-sticky-top:61px;background:var(--cases-bg);color:var(--text);font-family:var(--font-body);min-height:100vh;line-height:1.6}.cases-page .page-hero{border-bottom:1px solid var(--cases-border);padding:80px 56px 60px;position:relative;overflow:hidden}.cases-page .page-hero-centered{text-align:center;padding-top:clamp(48px,8vh,96px);padding-bottom:clamp(40px,6vh,72px)}.cases-page .page-hero-centered:before{width:700px;height:600px;top:-150px;left:50%;right:auto;transform:translate(-50%)}.cases-page .page-hero-centered .hero-kicker{justify-content:center}.cases-page .page-hero-centered .hero-kicker:before{content:"";background:var(--purple);opacity:.5;flex:0 0 24px;height:1px}.cases-page .page-hero-centered .hero-kicker:after{flex:0 0 24px}.cases-page .page-hero-centered h1{max-width:none;margin-left:auto;margin-right:auto}.cases-page .page-hero-centered p{margin-left:auto;margin-right:auto}.cases-page .stats-row{border:1px solid var(--cases-border);border-radius:14px;grid-template-columns:repeat(4,1fr);display:inline-grid;overflow:hidden}.cases-page .stats-row .stat{text-align:center;padding:16px clamp(16px,2.5vw,32px)}.cases-page .stats-row .stat+.stat{border-inline-start:1px solid var(--cases-border)}.cases-page .stats-row .stat-num{font-size:clamp(18px,2.5vw,28px)}.cases-page .stats-row .stat-num b{color:var(--purple);font-weight:700}.cases-page .page-hero:before{content:"";pointer-events:none;background:radial-gradient(#7f77dd12 0%,#0000 65%);width:500px;height:500px;position:absolute;top:-120px;right:-80px}.cases-page .hero-kicker{font-family:var(--font-body);color:var(--purple);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.cases-page .hero-kicker:after{content:"";background:var(--purple);opacity:.5;flex:0 0 32px;height:1px}.cases-page .page-hero h1{font-family:var(--font-body);letter-spacing:-2px;max-width:680px;margin-bottom:20px;font-size:clamp(32px,5vw,46px);font-weight:700;line-height:1.05}.cases-page .page-hero h1 em{color:var(--cases-text2);font-style:italic;font-weight:400}.cases-page .page-hero p{color:var(--cases-text2);max-width:520px;margin-bottom:40px;font-size:16px;font-weight:300;line-height:1.75}.cases-page .hero-stats{flex-wrap:wrap;gap:48px;display:flex}.cases-page .stat-item{flex-direction:column;gap:4px;display:flex}.cases-page .stat-num{font-family:var(--font-body);color:var(--text);font-size:28px;font-weight:700}.cases-page .stat-num span{color:var(--purple)}.cases-page .stat-label{color:var(--cases-text3);font-size:12px}.cases-page .filter-bar{border-bottom:1px solid var(--cases-border);background:var(--cases-bg2);top:var(--cases-filter-sticky-top);z-index:90;flex-wrap:wrap;align-items:center;gap:10px;padding:24px 56px;display:flex;position:sticky}.cases-page .filter-label{font-size:12px;font-family:var(--font-body);color:var(--cases-text3);margin-inline-end:4px}.cases-page .pill{border:1px solid var(--cases-border2);color:var(--cases-text2);font-size:12px;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:100px;padding:6px 16px;transition:all .2s}.cases-page .pill:hover{border-color:var(--purple);color:var(--purple)}.cases-page .pill.active{background:var(--purple);border-color:var(--purple);color:#fff}.cases-page .cases-section{padding:56px 56px 80px}.cases-page .cases-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.cases-page .case-card.featured{grid-column:span 2}.cases-page .card-cover-featured{height:230px}.cases-page .case-card,.cases-page .case-card-link{background:var(--cases-bg3);border:1px solid var(--cases-border);cursor:pointer;color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);animation:.5s both cases-card-in;display:flex;overflow:hidden}.cases-page .case-card:hover,.cases-page .case-card-link:hover{background:var(--cases-bg4);border-color:#7f77dd59;transform:translateY(-4px)}.cases-page .case-card.hidden,.cases-page .case-card-link.hidden{display:none}@keyframes cases-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cases-page .case-card:first-child{animation-delay:50ms}.cases-page .case-card:nth-child(2){animation-delay:.1s}.cases-page .case-card:nth-child(3){animation-delay:.15s}.cases-page .case-card:nth-child(4){animation-delay:.2s}.cases-page .case-card:nth-child(5){animation-delay:.25s}.cases-page .case-card:nth-child(6){animation-delay:.3s}.cases-page .card-cover{background:var(--cases-bg4);height:200px;position:relative;overflow:hidden}.cases-page .card-cover-photo{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.cases-page .case-card:hover .card-cover-photo{transform:scale(1.04)}.cases-page .card-cover-bg{opacity:.55;background-position:50%;background-size:cover;transition:opacity .4s;position:absolute;inset:0}.cases-page .case-card:hover .card-cover-bg{opacity:.7}.cases-page .card-cover-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#0a0a0fd9 100%);position:absolute;inset:0}.cases-page .card-industry-badge{font-size:10px;font-family:var(--font-body);letter-spacing:.5px;text-transform:uppercase;z-index:2;pointer-events:none;border-radius:6px;padding:4px 10px;position:absolute;top:14px;left:14px}.cases-page .badge-real-estate{color:var(--amber);background:#ef9f2726;border:1px solid #ef9f2740}.cases-page .badge-education{color:var(--purple);background:#7f77dd26;border:1px solid #7f77dd40}.cases-page .badge-ecommerce{color:var(--green);background:#1d9e7526;border:1px solid #1d9e7540}.cases-page .badge-services{color:var(--coral);background:#d85a3026;border:1px solid #d85a3040}.cases-page .badge-retail{color:var(--purple);background:#7f77dd26;border:1px solid #7f77dd40}.cases-page .badge-shipping,.cases-page .badge-healthcare{color:var(--green);background:#1d9e7526;border:1px solid #1d9e7540}.cases-page .badge-food{color:var(--coral);background:#d85a3026;border:1px solid #d85a3040}.cases-page .badge-print{color:var(--purple);background:#7f77dd26;border:1px solid #7f77dd40}.cases-page .card-client-logo{z-index:2;width:52px;height:52px;font-family:var(--font-body);color:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:relative}.cases-page .card-body{flex-direction:column;flex:1;gap:12px;padding:22px 24px 20px;display:flex}.cases-page .card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.cases-page .card-excerpt{color:var(--cases-text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:300;line-height:1.65;display:-webkit-box;overflow:hidden}.cases-page .card-footer{border-top:1px solid var(--cases-border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.cases-page .card-tags{flex-wrap:wrap;gap:6px;display:flex}.cases-page .card-tag{font-size:10px;font-family:var(--font-body);border:1px solid var(--cases-border2);color:var(--cases-text3);background:#ffffff0a;border-radius:5px;padding:3px 8px}.cases-page .read-more{font-size:12px;font-family:var(--font-body);color:var(--purple);white-space:nowrap;align-items:center;gap:4px;text-decoration:none;transition:gap .2s;display:flex}.cases-page .case-card:hover .read-more{gap:8px}.cases-page .card-metrics{border:1px solid var(--cases-border);background:#ffffff05;border-radius:10px;grid-template-columns:1fr 1fr;gap:0;margin-top:4px;display:grid;overflow:hidden}.cases-page .metric{text-align:center;padding:10px 14px}.cases-page .metric+.metric{border-inline-start:1px solid var(--cases-border)}.cases-page .metric-val{font-family:var(--font-body);color:var(--text);font-size:15px;font-weight:700;display:block}.cases-page .metric-val.green{color:var(--green)}.cases-page .metric-val.purple{color:var(--purple)}.cases-page .metric-val.amber{color:var(--amber)}.cases-page .metric-val.coral{color:var(--coral)}.cases-page .metric-label{color:var(--cases-text3);margin-top:2px;font-size:10px;display:block}.cases-page .card-cover-tall{height:260px}.cases-page .empty-state{text-align:center;grid-column:1/-1;padding:80px 0;display:none}.cases-page .empty-state.show{display:block}.cases-page .empty-state p{color:var(--cases-text3);font-size:14px}.cases-page .cta-strip{background:var(--cases-bg2);border-top:1px solid var(--cases-border);text-align:center;padding:56px}.cases-page .cta-strip h2{font-family:var(--font-body);letter-spacing:-1px;margin-bottom:12px;font-size:28px;font-weight:700}.cases-page .cta-strip p{color:var(--cases-text2);margin-bottom:32px;font-size:15px}.cases-page .cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cases-page .btn-p{background:var(--purple);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;padding:13px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.cases-page .btn-p:hover{background:#534ab7}.cases-page .btn-g{color:var(--cases-text2);border:1px solid var(--cases-border2);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:10px;padding:13px 28px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-block}.cases-page .btn-g:hover{border-color:var(--purple);color:var(--purple)}.cases-page .cover-blue-arrow{background:linear-gradient(135deg,#0f1f3d 0%,#1a3a6b 40%,#0f2744 100%)}.cases-page .cover-itshare{background:linear-gradient(135deg,#1a0a2e 0%,#2d1554 40%,#1a0a2e 100%)}.cases-page .cover-givari{background:linear-gradient(135deg,#1f0a0a 0%,#3d1212 40%,#2a0d0d 100%)}.cases-page .cover-waseem{background:linear-gradient(135deg,#0a1a0f 0%,#0f3320 40%,#0a1a12 100%)}.cases-page .cover-sultan{background:linear-gradient(135deg,#1a1000 0%,#3d2a00 40%,#1f1500 100%)}.cases-page .cover-rana{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a3d 40%,#0f0f2a 100%)}.cases-page .cover-grid{opacity:.08;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.cases-page .cover-shape{opacity:.12;border-radius:50%;width:120px;height:120px;position:absolute}.cases-modal-root.case-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0a0a0fd9;justify-content:center;align-items:flex-start;padding:clamp(12px,3vw,40px);transition:opacity .25s;display:flex;position:fixed;inset:0;overflow-y:auto}.cases-modal-root.case-overlay.open{opacity:1;pointer-events:all}.cases-modal-root .case-modal{background:var(--cases-bg2);border:1px solid var(--cases-border2);border-radius:20px;width:100%;max-width:760px;margin:auto;transition:transform .3s;position:relative;overflow:hidden;transform:translateY(20px)}.cases-modal-root.case-overlay.open .case-modal{transform:translateY(0)}.cases-modal-root .modal-cover{height:220px;position:relative;overflow:hidden}.cases-modal-root .modal-cover-photo{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cases-modal-root .modal-close{z-index:20;border:1px solid var(--cases-border2);color:var(--cases-text2);cursor:pointer;background:#0a0a0fb3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.cases-modal-root .modal-close:hover{background:var(--cases-bg4);color:var(--text)}.cases-modal-root .modal-cover-ov{z-index:1}.cases-page .modal-cover-bg{opacity:.6;position:absolute;inset:0}.cases-page .modal-cover-grid{opacity:.07;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.cases-page .modal-cover-ov{background:linear-gradient(#0000 40%,#0f0f18f2 100%);position:absolute;inset:0}.cases-page .modal-cover-logo{z-index:2;width:56px;height:56px;font-family:var(--font-body);color:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:relative}.cases-page .modal-close{z-index:10;border:1px solid var(--cases-border2);color:var(--cases-text2);cursor:pointer;background:#0a0a0fb3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.cases-page .modal-close:hover{background:var(--cases-bg4);color:var(--text)}.cases-page .modal-body{padding:clamp(20px,4vw,36px)}.cases-page .modal-kicker{font-family:var(--font-body);color:var(--cases-text3);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:10px}.cases-page .modal-title{font-family:var(--font-body);letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(16px,2.5vw,22px);font-weight:700;line-height:1.2}.cases-page .modal-metrics{border:1px solid var(--cases-border);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:28px;display:grid;overflow:hidden}.cases-page .mm{text-align:center;padding:14px 16px}.cases-page .mm+.mm{border-inline-start:1px solid var(--cases-border)}.cases-page .mm-v{font-family:var(--font-body);font-size:clamp(16px,2.5vw,22px);font-weight:700;display:block}.cases-page .mm-v.green{color:var(--green)}.cases-page .mm-v.purple{color:var(--purple)}.cases-page .mm-v.amber{color:var(--amber)}.cases-page .mm-v.coral{color:var(--coral)}.cases-page .mm-l{color:var(--cases-text3);margin-top:4px;font-size:11px;display:block}.cases-page .modal-section{margin-bottom:24px}.cases-page .modal-section h3{font-family:var(--font-body);color:var(--purple);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--cases-border);margin-bottom:12px;padding-bottom:8px;font-size:12px}.cases-page .modal-section p{color:var(--cases-text2);font-size:14px;font-weight:300;line-height:1.75}.cases-page .modal-challenges{flex-direction:column;gap:8px;display:flex}.cases-page .challenge{color:var(--cases-text2);align-items:flex-start;gap:10px;font-size:13px;display:flex}.cases-page .challenge:before{content:"—";color:var(--coral);flex-shrink:0;margin-top:2px;font-size:12px}.cases-page .modal-flow{flex-direction:column;gap:0;display:flex}.cases-page .flow-step{align-items:flex-start;gap:12px;display:flex}.cases-page .flow-num{background:var(--purple);color:#fff;width:22px;height:22px;font-family:var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:10px;font-weight:700;display:flex}.cases-page .flow-txt{color:var(--cases-text2);padding-bottom:14px;font-size:13px;line-height:1.55}.cases-page .flow-step:last-child .flow-txt{padding-bottom:0}.cases-page .modal-tags{border-top:1px solid var(--cases-border);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;display:flex}.cases-page .mtag{font-size:11px;font-family:var(--font-body);border:1px solid var(--cases-border2);color:var(--cases-text3);background:#ffffff0a;border-radius:6px;padding:4px 10px}.cases-page .case-detail-kicker{color:var(--cases-text3);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.cases-page .case-detail-challenges{flex-direction:column;gap:10px;list-style:none;display:flex}.cases-page .case-detail-challenges li{color:var(--cases-text2);padding-left:16px;font-size:14px;line-height:1.65;position:relative}.cases-page .case-detail-challenges li:before{content:"—";color:var(--coral);position:absolute;left:0}.cases-page .case-detail-flow li p{color:var(--cases-text2);font-size:14px;font-weight:300;line-height:1.65}.cases-page .case-detail-results-hero{margin-top:20px}.cases-page.cases-page-loading{background:var(--cases-bg,#0a0a0f);min-height:60vh}@media (max-width:768px){.cases-page .page-hero,.cases-page .filter-bar,.cases-page .cases-section,.cases-page .cta-strip{padding-left:24px;padding-right:24px}.cases-page .page-hero{padding-top:48px;padding-bottom:40px}.cases-page .hero-stats{gap:24px}.cases-page .stats-row{grid-template-columns:1fr 1fr}.cases-page .stats-row .stat:nth-child(3){border-left:none;border-top:1px solid var(--cases-border)}.cases-page .stats-row .stat:nth-child(4){border-top:1px solid var(--cases-border)}.cases-page .case-card.featured{grid-column:span 1}.cases-page .cases-grid,.cases-page .modal-metrics{grid-template-columns:1fr}.cases-page .mm+.mm{border-left:none;border-top:1px solid var(--cases-border)}}.cases-page.case-detail-page{padding-bottom:0}.cases-page .case-detail-top{max-width:900px;margin:0 auto;padding:24px 56px 0}.cases-page .case-detail-back{color:var(--cases-text2);font-size:13px;text-decoration:none;transition:color .2s}.cases-page .case-detail-back:hover{color:var(--purple)}.cases-page .case-detail-hero{max-width:900px;margin:0 auto;padding:24px 56px 40px}.cases-page .case-detail-hero .card-cover{border-radius:16px;margin-bottom:28px}.cases-page .case-detail-hero-body h1{letter-spacing:-.5px;margin:14px 0 16px;font-size:clamp(24px,4vw,34px);font-weight:700;line-height:1.25}.cases-page .case-detail-lead{color:var(--cases-text2);margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.75}.cases-page .case-detail-content{max-width:720px;margin:0 auto;padding:0 56px 56px}.cases-page .case-detail-block{margin-bottom:40px}.cases-page .case-detail-block>p{color:var(--cases-text2);font-size:15px;font-weight:300;line-height:1.75}.cases-page .case-detail-label{font-size:11px;font-family:var(--font-body);color:var(--purple);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.cases-page .case-detail-flow{flex-direction:column;gap:0;list-style:none;display:flex}.cases-page .case-detail-flow li{border-bottom:1px solid var(--cases-border);gap:16px;padding:18px 0;display:flex}.cases-page .case-detail-flow li:last-child{border-bottom:none}.cases-page .case-flow-num{font-family:var(--font-body);color:var(--purple);flex-shrink:0;width:28px;font-size:13px;font-weight:700}.cases-page .case-detail-flow h3{margin-bottom:6px;font-size:15px;font-weight:600}.cases-page .case-detail-flow p{color:var(--cases-text2);font-size:14px;font-weight:300;line-height:1.65}.cases-page .case-detail-integrations{flex-direction:column;gap:12px;display:flex}.cases-page .case-detail-int{background:var(--cases-bg3);border:1px solid var(--cases-border);border-radius:12px;padding:16px 18px}.cases-page .case-detail-int-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.cases-page .case-detail-int-head strong{font-size:14px}.cases-page .case-int-key{font-size:9px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;color:var(--purple);background:#7f77dd26;border:1px solid #7f77dd40;border-radius:4px;padding:2px 7px}.cases-page .case-detail-int p{color:var(--cases-text2);font-size:13px;font-weight:300;line-height:1.6}.cases-page .case-detail-insight{background:#7f77dd0f;border:1px solid #7f77dd26;border-radius:14px;padding:24px}.cases-page .case-detail-insight p{color:var(--text);font-size:15px;font-weight:300;line-height:1.75}.cases-page .case-detail-results{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cases-page .case-detail-res{background:var(--cases-bg3);border:1px solid var(--cases-border);text-align:center;border-radius:12px;padding:18px 14px}.cases-page .case-detail-cta{margin-top:16px}@media (max-width:768px){.cases-page .case-detail-top,.cases-page .case-detail-hero,.cases-page .case-detail-content{padding-left:24px;padding-right:24px}.cases-page .case-detail-results{grid-template-columns:1fr}}