:root{
  /* Brand */
  --blue-900:#1557db;
  --blue-700:#8fcba7;
  --blue-600:#2563EB;
  --cyan-300:#0ea7ef;

  --yellow-500:#f5510b;
  --yellow-400:#FBBF24;

  --ink:#0B1B3A;
  --muted:#475569;
  --line:#E2E8F0;

  /* Home stage */
  --home-page:#00e8cd;
  --home-page-2:#2d92e4;

  --home-spotA: rgb(78, 179, 219);
  --home-spotB: rgba(235, 208, 208, 0.992);
  --home-spotC: rgb(11, 245, 128);

  --section-space: clamp(60px, 6vw, 85px);
  --section-space-tight: clamp(50px, 5vw, 70px);

  /* ✅ HERO bombe */
  --hero-bend: 220px; /* alt bombenin gücü */
}

/* ✅ body değil -> main */
main.home-page{
  min-height: 100vh;
  padding-top: 0 !important; /* ✅ navbar-altı boşluk kapat */
  background:
    radial-gradient(1100px 520px at 12% 18%, var(--home-spotA), transparent 62%),
    radial-gradient(1100px 520px at 82% 78%, var(--home-spotB), transparent 62%),
    radial-gradient(900px 460px at 50% 110%, var(--home-spotC), transparent 65%),
    linear-gradient(180deg, var(--home-page-2), var(--home-page));
}

/* ✅ Beyaz basan section'ları stage’e bırak */
main.home-page .home-services,
main.home-page .home-about,
main.home-page .home-blog,
main.home-page .home-references{
  background: transparent !important;
}
main.home-page section.home-references.container,
main.home-page section.home-blog.container{
  background: transparent !important;
}

.section-head{
  margin-bottom: clamp(26px, 3vw, 36px);
}

/* =========================
   HOME HERO — FULL WIDTH + BOTTOM CURVE
   - navbar ile boşluk yok
   - sağ/sol/yukarı boşluk yok
   - sadece altta bombeli radius
========================= */

  /*Trust Bar Satış ve Memnuniyet Odaklı Heronun hemen üstünde göz alıcı */
.top-trust-bar{
  position: relative;
  z-index:5;

  width:100%;
  margin-top:18px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;

  font-size:14px;
  font-weight:600;
  color: #ffffff;
  opacity: .9;
  white-space: nowrap;
}

/* Mobilde gizle */


.top-trust-bar span{
  color:#ffffff;
  opacity:.9;
  white-space:nowrap;
}



.top-trust-bar span{
    color: #ffffff !important;
    gap:14px;
  }

@media (max-width: 767px){
  .top-trust-bar {
    display: none !important;
  }
}



.blog-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
  gap: 25px;
}

.blog-card{
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.22);
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
}

.blog-card img{
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.blog-card h4{
  padding: 15px;
}


/* =========================
   BLOG MOBILE
========================= */

@media (max-width:768px){

  .blog-grid{
    grid-template-columns:1fr;
  }

  .blog-card img{
    height:200px;
  }

}

/* =========================
   CTA
========================= */

.home-cta{
  background: linear-gradient(135deg,#020617,#020617);
  color: white;
  padding: var(--section-space-tight) 20px;
  text-align: center;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 900px){
  .services-title{ font-size: 32px; }
  .services-grid{
    grid-template-columns: 1fr;
    max-width: 560px;
  }
}


@media (max-width: 520px){

  main.home-page{
    background:
      radial-gradient(900px 460px at 12% 18%, rgba(37,99,235,.15), transparent 62%),
      radial-gradient(900px 460px at 82% 78%, rgba(6,182,212,.14), transparent 62%),
      linear-gradient(180deg, #00e8cd, #2d92e4);
  }

}

/* Motion reduce */
@media (prefers-reduced-motion: reduce){
  .service-card,
  .service-border,
  .service-list li::before{
    transition: none !important;
    animation: none !important;
  }
}