.case-studies-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155,#475569,#64748b);color:#fff;position:relative}.case-studies-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.case-studies-page>*{position:relative;z-index:1}.case-studies-hero{background:linear-gradient(135deg,#0f172ae6,#1e293bcc),url(/static/img/unsplash/supply-chain-unsplash.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;position:relative;text-align:center;overflow:hidden}.case-studies-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.case-studies-hero-content{padding:8rem 0 6rem;position:relative;z-index:1}.case-studies-hero h1{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:var(--space-lg);background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.case-studies-hero p{font-size:clamp(1.1rem,2vw,1.25rem);max-width:720px;margin:0 auto;color:#ffffffe6}.case-studies-content{padding:6rem 0;position:relative;z-index:1}.case-studies-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.case-studies-stat{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;text-align:center;padding:var(--space-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.case-studies-stat h3{font-size:2.5rem;font-weight:700;color:#60a5fa;margin:0 0 var(--space-xs)}.case-studies-stat p{margin:0;color:#fffc;font-size:1rem}.case-studies-stat:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;background:#ffffff1f}.case-studies-intro{text-align:center;margin-bottom:var(--space-2xl)}.case-studies-overline{text-transform:uppercase;color:#60a5fa;font-weight:600;font-size:.875rem;letter-spacing:1.5px;margin-bottom:var(--space-md)}.case-studies-intro h2{font-size:clamp(2.25rem,3vw,2.75rem);font-weight:700;margin:0 0 var(--space-lg)}.case-studies-lead{font-size:1.2rem;color:#fffc;max-width:720px;margin:0 auto;line-height:1.6}.case-studies-grid-wrapper{margin-top:var(--space-3xl)}.case-studies-filters{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.case-studies-filter{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.75rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.case-studies-filter-icon{display:inline-flex;width:18px;height:18px}.case-studies-filter svg{width:100%;height:100%}.case-studies-filter.is-active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.case-studies-filter:hover{color:#60a5fa;border-color:#3b82f64d;background:#3b82f61a}.case-studies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.case-study-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow var(--transition-base),border-color var(--transition-base)}.case-study-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.case-study-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #00000040;border-color:#3b82f64d}.case-study-card:hover:before{opacity:1}.case-study-card:hover .case-study-logo-img,.case-study-card:hover .case-study-image{transform:scale(1.08)}.case-study-card.is-featured{grid-column:span 2}.case-study-media{position:relative;height:250px;overflow:hidden}.case-study-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%)}.case-study-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.case-study-logo{padding:2rem 2rem 1rem;position:relative;z-index:1}.case-study-logo-img{max-width:180px;width:auto;height:auto;background:#fffffff2;padding:12px 18px;border-radius:10px;box-shadow:0 4px 12px #00000026;transition:transform var(--transition-base)}.case-study-content{padding:0 2rem 1.5rem;flex:1;display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:1}.case-study-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);color:#60a5fa;border:1px solid rgba(59,130,246,.3);font-size:.75rem;font-weight:600;align-self:flex-start}.case-study-chip svg{width:14px;height:14px}.case-study-content p{margin:0;color:#ffffffe6;font-size:.95rem;line-height:1.7}.case-study-actions{padding:0 2rem 2rem;position:relative;z-index:1}.case-study-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;font-size:.875rem;border:none;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px #3b82f640;transition:all var(--transition-base)}.case-study-button svg{width:16px;height:16px}.case-study-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f659;background:linear-gradient(135deg,#1d4ed8,#7c3aed)}.case-study-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:40}.case-study-modal-backdrop{position:absolute;inset:0;border:none;background:#0f172abf;cursor:pointer}.case-study-modal-content{position:relative;width:min(900px,90vw);z-index:1}.case-study-modal-close{position:absolute;top:-16px;right:-16px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background var(--transition-base)}.case-study-modal-close:hover{background:#fff3}.case-study-modal-close svg{width:18px;height:18px}.case-study-video{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#0f172ad9}.case-study-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}.case-study-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none}@media(max-width:960px){.case-studies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-card.is-featured{grid-column:span 1}}@media(max-width:768px){.case-studies-hero-content{padding:6rem 0 4rem}.case-studies-hero{background-attachment:scroll}.case-study-logo{padding:1.5rem 1.5rem 1rem}.case-study-content{padding:0 1.5rem 1.25rem}.case-study-actions{padding:0 1.5rem 1.5rem}}@media(max-width:640px){.case-studies-grid{grid-template-columns:1fr}.case-study-modal-close{top:-10px;right:-10px}}
