@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&family=Fira+Code:wght@400;500&display=swap');

/* ══════════════════════════════════════════════════════════════════
   PAGE HEADER (study-case) — hero-v2 kalıbının kısa/iç-sayfa versiyonu
   ══════════════════════════════════════════════════════════════════ */
.sc-ph{min-height:64vh;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;z-index:1}
.sc-ph::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 75%)}
.sc-ph-glow{position:absolute;width:900px;height:600px;border-radius:50%;background:radial-gradient(ellipse,rgba(45,111,232,0.26) 0%,transparent 65%);top:-22%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0}
.sc-ph-glow-2{width:560px;height:560px;top:auto;bottom:-24%;right:6%;left:auto;transform:none;background:radial-gradient(ellipse,rgba(106,92,255,0.16) 0%,transparent 65%)}
.sc-ph-inner{max-width:880px;width:100%;text-align:center;position:relative;z-index:1;padding:9.5rem 2rem 4.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}
.sc-ph-inner .ds-h1{text-align:center;margin:1.5rem 0 1.35rem}
.sc-ph-sub{font-family:var(--font-sans);font-size:1.05rem;font-weight:300;color:rgba(255,255,255,0.5);max-width:560px;margin:0 auto;line-height:1.85}
@media(max-width:640px){.sc-ph-inner{padding:7.5rem 1.5rem 3.25rem}}

/* ══════════════════════════════════════════════════════════════════
   CASE STUDY LIST — editorial, tam genişlik şeritler
   ══════════════════════════════════════════════════════════════════ */
.sc-case-list{display:flex;flex-direction:column;gap:1.75rem}

.sc-case-card{
  position:relative;display:grid;grid-template-columns:340px 1fr;gap:0;
  text-decoration:none;isolation:isolate;
}
.sc-case-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--blue),var(--blue-glow),var(--violet));
  opacity:0;transition:opacity 0.4s;
}
.sc-case-card:hover::after{opacity:1}

/* Visual (sol) panel — logo + büyük index rakamı */
.sc-case-visual{
  position:relative;display:flex;align-items:center;justify-content:center;
  padding:3rem 2rem;background:var(--surface-2);border-right:1px solid var(--line);
  overflow:hidden;min-height:260px;
}
.sc-case-index{
  position:absolute;top:1.25rem;left:1.5rem;font-family:var(--font-display);font-weight:700;
  font-size:3.5rem;line-height:1;color:var(--line-strong);transition:color 0.4s;
}
.sc-case-card:hover .sc-case-index{color:rgba(26,86,196,0.22)}
.sc-case-logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%}
.sc-case-logo img{max-width:200px;max-height:88px;object-fit:contain;transition:transform 0.5s var(--ease-out)}
.sc-case-card:hover .sc-case-logo img{transform:scale(1.05)}

/* Content (sağ) panel */
.sc-case-content{padding:2.75rem 3rem;display:flex;flex-direction:column}
.sc-case-content .ds-pill{align-self:flex-start;margin-bottom:1.1rem}
.sc-case-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,2.4vw,2.3rem);letter-spacing:-0.015em;color:var(--navy);line-height:1.05;margin:0}
.sc-case-desc{color:var(--text-muted);font-size:0.98rem;line-height:1.8;font-weight:300;margin:1.1rem 0 1.75rem;max-width:60ch}

.sc-case-results{display:grid;grid-template-columns:repeat(3,auto);gap:2.25rem;padding-top:1.5rem;border-top:1px solid var(--line);margin-top:auto;width:fit-content}
.sc-case-result{display:flex;flex-direction:column}
.sc-case-result-num{font-family:var(--font-display);font-weight:700;font-size:1.55rem;color:var(--navy);line-height:1}
.sc-case-result-label{font-family:var(--font-mono);font-size:0.6rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-faint);margin-top:0.4rem}

.sc-case-cta{
  display:inline-flex;align-items:center;gap:0.5rem;margin-top:1.75rem;
  font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--navy);font-weight:500;transition:gap 0.35s var(--ease-out),color 0.3s;
}
.sc-case-cta svg{transition:transform 0.35s var(--ease-out)}
.sc-case-card:hover .sc-case-cta{gap:0.85rem;color:var(--blue)}
.sc-case-card:hover .sc-case-cta svg{transform:translate(3px,-3px)}

/* İkinci kart: görsel sağda, içerik solda — alternatif editorial düzen */
.sc-case-rev{grid-template-columns:1fr 340px}
.sc-case-rev .sc-case-visual{order:2;border-right:none;border-left:1px solid var(--line)}
.sc-case-rev .sc-case-content{order:1}

@media(max-width:860px){
  .sc-case-card,.sc-case-rev{grid-template-columns:1fr}
  .sc-case-visual,.sc-case-rev .sc-case-visual{order:0;border-right:none;border-left:none;border-bottom:1px solid var(--line);min-height:200px;padding:2.25rem 1.5rem}
  .sc-case-rev .sc-case-content{order:0}
  .sc-case-content{padding:2.25rem 1.75rem}
  .sc-case-results{grid-template-columns:repeat(3,1fr);width:100%;gap:1rem}
}
@media(max-width:480px){
  .sc-case-index{font-size:2.5rem}
  .sc-case-results{grid-template-columns:1fr;gap:0.85rem}
}

/* ══════════════════════════════════════════════════════════════════
   CTA BAND buton grubu (home'daki hero-v2-btns'e denk, page-home.css
   bu sayfada yüklenmediği için kendi hafif class'ımız)
   ══════════════════════════════════════════════════════════════════ */
.sc-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
@media(max-width:600px){.sc-cta-btns{flex-direction:column;align-items:center}.sc-cta-btns .mbtn{width:100%;max-width:300px;justify-content:center}}