/* ===== Base ===== */
body {
 font-family: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
}

/* ===== Hero BG (sadece index hero) ===== */
/* Sadece index sayfasında tam sayfa arka plan */
.index-bg{
  background: url("../img/background.jpg") center center / cover no-repeat fixed;

}


/* ===== Tabs ===== */
.tab {
  border-radius: 1rem;
  padding: 1.2rem 2rem;
  font-weight: 700;
  font-size: 1.25rem;
  color: #fff;
  border: 1px solid rgba(223,225,228,0.28);
  background: #7724dc;            /* mor */
  transition: all .25s ease;
}
.tab:hover {
  transform: translateY(-2px);
  /* mor vurgulu glow */
  box-shadow: 0 8px 24px rgba(76,29,149,.35),
              0 0 0 6px rgba(93,25,210,.25);
}
.tab-active {
  background: #5d19d2;            /* daha koyu mor */
  color: #fff;
  box-shadow: 0 12px 28px rgba(93,25,210,.45),
              0 0 0 8px rgba(124,58,237,.18);
  border-color: transparent;
}

/* ===== Cards ===== */
.card {
  border-radius: 1rem;
  padding: 1.5rem;
  border: 1px solid rgba(100,116,139,.28);
  background: #fff;
  transition: all .25s ease;
}
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(76,29,149,.35),
              0 0 0 4px rgba(124,58,237,.25);
}

/* ===== Typewriter (hero yazıları için) ===== */
.code-type{
font-family: inherit;  
  white-space: pre-wrap;
  position: relative;
}
.code-type::after{
  content: "▊";
  color: #7c3aed;
  margin-left: 2px;
  animation: blink 1s steps(1,end) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

.code-type.done::after{
  content: "";
  animation: none;
  display: none;
}
body.solutions-bg {
  background: url('../img/solutionsback.jpg') no-repeat center center / cover;
  background-attachment: fixed;
  background-color: rgba(107, 134, 144, 0.6); /* şeffaf beyaz katman */
  background-blend-mode: lighten; /* overlay efekti */
}

.corporate-font {
  font-family: 'Inter', sans-serif;
}
@keyframes gradient-move {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.animated-divider {
  height: 9px; /* çizgi kalınlığı */
  width: 100%;
  border-radius: 9999px; /* tam yuvarlak hat */
  background: linear-gradient(270deg, #6d28d9, #9333ea, #c084fc);
  background-size: 600% 600%;
  animation: gradient-move 5s ease infinite;
}

body { font-family: "IBM Plex Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }