.hero-uyumsoft {
  background: linear-gradient(135deg, #ff7a00, #b45309);
  padding: 100px 0;
  color: #fff;
}

.hero-uyumsoft-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

/* TAB */
.hero-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
}

.pill-tab {
  padding: 10px 18px;
  border-radius: 999px;
  border: none;
  background: rgba(255,255,255,0.2);
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.pill-tab.active {
  background: #fff;
  color: #ff7a00;
}

/* TEXT */
.hero-left h1 {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 20px;
}

.hero-left p {
  font-size: 16px;
  opacity: 0.9;
  margin-bottom: 20px;
}

/* STAT */
.hero-stats-pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.stat-pill {
  background: #fff;
  color: #0f172a;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
}

/* BUTTON */
.hero-main-btn {
  display: inline-block;
  margin-top: 20px;
  background: #fff;
  color: #ff7a00;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 600;
}

/* RIGHT CARD */
.hero-side-card {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  width: 320px;
  color: #0f172a;
}

.hero-side-card img {
  width: 100%;
  border-radius: 12px;
}

.hero-side-content {
  margin-top: 15px;
}

.hero-dots {
  text-align: center;
  margin-top: 10px;
}

.hero-dots span {
  width: 6px;
  height: 6px;
  background: #ccc;
  display: inline-block;
  border-radius: 50%;
  margin: 0 3px;
}

.hero-dots .active {
  background: #ff7a00;
}

/* ============ MOBİL UYUM ============ */
@media (max-width: 820px) {
  .hero-uyumsoft { padding: 60px 0; }
  .hero-uyumsoft-inner { flex-direction: column; gap: 32px; }
  .hero-left h1 { font-size: 32px; }
  .hero-side-card { width: 100%; max-width: 100%; }
  .hero-tabs { flex-wrap: wrap; }
}