/* =====================================================
   NUZN.MVC - Case Studies page styles
   ===================================================== */

/* ---- Base ---- */
.cs .eyebrow{letter-spacing:2px;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--brand);margin-bottom:12px;}
.cs h1,.cs h2,.cs h3,.cs h4{font-family:'Newsreader',Georgia,serif;font-weight:600;color:var(--ink);}
.cs .dot{color:var(--orange);}
.cs .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1);}
.cs .reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.cs .reveal{opacity:1;transform:none;transition:none;}.cs .blob{animation:none!important;}}

/* Gradient fills */
.cs .grad-a{background:linear-gradient(135deg,#1769ff,#3f8cff);}
.cs .grad-b{background:linear-gradient(135deg,#ff6b00,#ff9d3c);}
.cs .grad-c{background:linear-gradient(135deg,#00b3a8,#19e0b6);}

/* Buttons */
.cs .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:11px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;transition:transform .15s,box-shadow .18s,background .2s,color .2s;}
.cs .btn.b1{background:linear-gradient(135deg,#1769ff,#3f8cff);color:#fff;box-shadow:0 10px 24px rgba(23,105,255,.32);}
.cs .btn.b1:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,105,255,.45);}
.cs .btn.b2{background:#fff;color:var(--ink);border-color:#dbe3f0;}
.cs .btn.b2:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);}

/* Section head */
.cs .shead{text-align:center;max-width:740px;margin:0 auto 46px;}
.cs .shead h2{font-size:clamp(28px,4vw,46px);line-height:1.08;margin-bottom:14px;}
.cs .shead p{color:#52607a;font-size:17px;line-height:1.55;}

.cs .wrap{max-width:1100px;margin:0 auto;}

@keyframes cs-floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-22px);}}

/* ---- Hero ---- */
.cs-hero{position:relative;overflow:hidden;text-align:center;padding:118px 24px 92px;background:radial-gradient(1100px 520px at 50% -12%,#e9f1ff 0%,#fff 62%);}
.cs-hero .blob{position:absolute;border-radius:50%;filter:blur(64px);opacity:.55;z-index:0;animation:cs-floaty 8s ease-in-out infinite;}
.cs-hero .blob.b1{width:300px;height:300px;background:rgba(23,105,255,.28);top:-70px;left:7%;}
.cs-hero .blob.b2{width:250px;height:250px;background:rgba(0,207,194,.24);top:10px;right:9%;animation-delay:1.6s;}
.cs-hero .blob.b3{width:210px;height:210px;background:rgba(255,107,0,.18);bottom:-50px;left:42%;animation-delay:3.1s;}
.cs-hero-inner{position:relative;z-index:1;max-width:820px;margin:0 auto;}
.cs-hero h1{font-size:clamp(34px,5.4vw,60px);line-height:1.05;margin-bottom:18px;}
.cs-hero h1 .grad{background:linear-gradient(135deg,#1769ff,#00b3a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.cs-hero .sub{color:#52607a;font-size:18px;line-height:1.6;max-width:680px;margin:0 auto 30px;}
.cs-hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ---- Impact bar ---- */
.cs-impact{padding:0 24px;margin-top:-46px;position:relative;z-index:2;}
.impact-wrap{max-width:1000px;margin:0 auto;background:#fff;border:1px solid #e6edff;border-radius:18px;box-shadow:0 24px 60px rgba(10,23,51,.10);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:30px 20px;}
.istat{text-align:center;padding:6px 8px;}
.istat .inum{font-family:'Newsreader',Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:700;color:var(--brand);line-height:1;}
.istat .ilbl{margin-top:8px;color:#52607a;font-size:14px;font-weight:600;}
.istat + .istat{border-left:1px solid #eef2fb;}

/* ---- Results by segment ---- */
.cs-cases{padding:78px 24px 40px;background:#fff;}
.cs-cases .tabs{display:flex;gap:30px;justify-content:center;border-bottom:1px solid #eee;margin-bottom:34px;flex-wrap:wrap;}
.cs-cases .tabs button{background:none;border:none;font-size:16px;font-weight:700;color:#9aa3b5;cursor:pointer;padding:0 2px 14px;border-bottom:3px solid transparent;margin-bottom:-1px;}
.cs-cases .tabs button.active{color:var(--ink);border-bottom-color:var(--orange);}
.cs-cases .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cs-cases .case-card{background:#f6f9ff;border:1px solid #e6edff;border-radius:14px;padding:28px 24px;transition:transform .25s ease,box-shadow .25s ease;}
.cs-cases .case-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(23,105,255,.14);}
.cs-cases .case-card .stat{font-family:'Newsreader',Georgia,serif;font-size:38px;font-weight:700;color:var(--brand);margin-bottom:6px;}
.cs-cases .case-card h4{font-size:17px;margin-bottom:8px;}
.cs-cases .case-card p{color:#52607a;font-size:14.5px;line-height:1.45;}
.cs-cases .case-pane{display:none;}
.cs-cases .case-pane.active{display:block;animation:cs-fade .4s ease;}
@keyframes cs-fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

/* ---- Featured stories ---- */
.cs-featured{padding:60px 24px 78px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%);}
.feat-card{display:grid;grid-template-columns:300px 1fr;gap:0;background:#fff;border:1px solid #e6edff;border-radius:20px;overflow:hidden;box-shadow:0 14px 38px rgba(10,23,51,.06);margin-bottom:30px;}
.feat-card.alt{grid-template-columns:1fr 300px;}
.feat-card.alt .feat-media{order:2;}
.feat-card.alt .feat-body{order:1;}
.feat-media{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;}
.feat-ico{font-size:74px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));}
.feat-tag{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.9);color:var(--ink);font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:20px;}
.feat-body{padding:32px 34px;}
.feat-body h3{font-size:clamp(21px,2.4vw,27px);line-height:1.18;margin-bottom:6px;}
.feat-client{color:var(--brand);font-weight:700;font-size:13.5px;margin-bottom:18px;}
.feat-block{margin-bottom:14px;}
.fb-label{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange);margin-bottom:4px;}
.feat-block p{color:#52607a;font-size:15px;line-height:1.55;}
.feat-results{display:flex;gap:26px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px dashed #e1e8f5;}
.feat-results .fr{display:flex;flex-direction:column;}
.feat-results .fr b{font-family:'Newsreader',Georgia,serif;font-size:30px;font-weight:700;color:var(--brand);line-height:1;}
.feat-results .fr span{color:#52607a;font-size:13px;margin-top:4px;}

/* ---- Industries strip ---- */
.cs-industries{padding:64px 24px;background:#fff;}
.ind-chips{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:900px;margin:0 auto;}
.ind-chips .ic{background:#f6f9ff;border:1px solid #e6edff;border-radius:30px;padding:12px 22px;font-weight:600;font-size:15px;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.ind-chips .ic:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,105,255,.12);border-color:var(--brand);}

/* ---- Testimonial ---- */
.cs-quote{padding:20px 24px 84px;background:#fff;}
.quote-card{position:relative;max-width:860px;margin:0 auto;background:linear-gradient(135deg,#0a1733,#27406e);border-radius:22px;padding:52px 48px 40px;color:#fff;overflow:hidden;}
.quote-card .qmark{position:absolute;top:6px;left:26px;font-family:'Newsreader',Georgia,serif;font-size:120px;line-height:1;color:rgba(255,255,255,.14);}
.quote-card blockquote{position:relative;font-family:'Newsreader',Georgia,serif;font-size:clamp(20px,2.6vw,28px);line-height:1.45;margin:0 0 26px;}
.qby{display:flex;align-items:center;gap:14px;}
.qav{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1769ff,#00b3a8);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;}
.qby b{display:block;font-size:15px;}
.qby span{color:#b9c6e6;font-size:13.5px;}

/* ---- CTA ---- */
.cs-cta{position:relative;overflow:hidden;text-align:center;padding:88px 24px;background:radial-gradient(900px 420px at 50% 120%,#e9f1ff 0%,#fff 60%);}
.cs-cta .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;animation:cs-floaty 9s ease-in-out infinite;}
.cs-cta .blob.b1{width:260px;height:260px;background:rgba(23,105,255,.26);top:-40px;left:12%;}
.cs-cta .blob.b2{width:220px;height:220px;background:rgba(255,107,0,.18);bottom:-50px;right:14%;animation-delay:2s;}
.cs-cta > div{position:relative;z-index:1;max-width:680px;margin:0 auto;}
.cs-cta h2{font-size:clamp(28px,4vw,46px);line-height:1.1;margin-bottom:14px;}
.cs-cta p{color:#52607a;font-size:18px;margin-bottom:28px;}
.cs-cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ---- Responsive ---- */
@media(max-width:900px){
  .impact-wrap{grid-template-columns:repeat(2,1fr);}
  .istat + .istat{border-left:none;}
  .istat:nth-child(n+3){border-top:1px solid #eef2fb;padding-top:16px;}
  .cs-cases .case-grid{grid-template-columns:1fr;}
  .feat-card,.feat-card.alt{grid-template-columns:1fr;}
  .feat-card.alt .feat-media{order:1;}
  .feat-card.alt .feat-body{order:2;}
  .feat-media{min-height:180px;}
}
@media(max-width:520px){
  .impact-wrap{grid-template-columns:1fr;}
  .istat + .istat{border-top:1px solid #eef2fb;padding-top:16px;}
  .quote-card{padding:44px 26px 34px;}
}