/* GENEL AYARLAR */
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding-top: 0px;
    background-color: #d9d7d244;
}

/* HERO */
.svc-hero{
  padding: clamp(60px, 10vw, 120px) 0 50px;
  margin-top: 80px; /* fixed navbar boşluğu */
  background: linear-gradient(135deg, #2E3092 0%, #000 100%);
  color: #fff;
}
.svc-hero h1{ font-weight: 800; margin: 0 0 6px; }
.svc-hero p{ opacity: .95; margin-bottom: 14px; }

/* Chip nav */
.svc-nav{ padding: 16px 0; background: #f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px; background:#fff; color:#333;
  text-decoration:none; font-weight:700; border:1px solid #eee;
}
.chip:hover{ background:#2E3092; color:#fff; border-color:#2E3092; }

/* Bölüm */
.svc-section{ padding: clamp(32px,5vw,64px) 0; }
.svc-section h2{ font-weight:800; color:#2E3092; margin-bottom: 6px; }
.svc-section p{ color:#444; }

.svc-list{ list-style:none; padding:0; margin:12px 0 16px; display:grid; gap:8px; }
.svc-list li{ display:flex; align-items:center; gap:8px; font-weight:600; color:#333; }
.svc-list i{ color:#2E3092; }

/* Görsel */
.svc-image{ overflow:hidden; border-radius:16px; box-shadow:0 12px 28px rgba(0,0,0,.12); }
.svc-image img{ width:100%; height:100%; max-height:360px; object-fit:cover; transform:scale(1.02); transition:transform .6s ease; }
.svc-image:hover img{ transform:scale(1.06); }

/* Süreç adımları */
.svc-steps{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.svc-steps .step{
  background:#fff; border:1px solid #eee; border-radius:12px; padding:10px 14px; font-weight:700; color:#333;
}
.svc-steps .step span{
  display:inline-grid; place-items:center; width:24px; height:24px; border-radius:999px;
  background:#2E3092; color:#fff; font-weight:800; margin-right:8px;
}

/* Proje kartları */
.svc-projects{ padding: clamp(28px,4vw,56px) 0; }
.svc-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.link-all{ text-decoration:none; font-weight:700; color:#2E3092; }
.link-all:hover{ text-decoration:underline; }

.p-card{ position:relative; display:block; overflow:hidden; border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.12); }
.p-card img{ width:100%; height:220px; object-fit:cover; transform:scale(1.02); transition:transform .6s ease; display:block; }
.p-card:hover img{ transform:scale(1.06); }
.p-meta{ position:absolute; inset:auto 0 0 0; padding:12px 14px; color:#fff;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 100%); }
.p-meta h4{ margin:0 0 2px; font-weight:800; }

/* FAQ */
.svc-faq{ padding: clamp(28px,4vw,56px) 0; }
.svc-faq h3{ font-weight:800; color:#2E3092; margin-bottom:10px; }

/* CTA */
.svc-cta{
  padding: clamp(26px,4vw,48px) 0;
  background: linear-gradient(90deg, #2E3092, #919191);
  color:#fff;
}
.svc-cta h3{ margin:0 0 6px; font-weight:800; }
.svc-cta p{ margin:0; opacity:.95; }

/* Shine efekti (LinkedIn/Kariyer butonundan) */
.btn-shine{
  position:relative; overflow:hidden; font-weight:700;
}
.btn-shine::before{
  content:""; position:absolute; top:0; left:-75%; width:50%; height:100%;
  background: rgba(255,255,255,.35); transform:skewX(-20deg);
}
.btn-shine:hover::before{ animation: shine .8s forwards; }
@keyframes shine{ 100%{ left: 125%; } }