/* =============================
   SMMM Bilgilendirme – style.css (v3)
   ============================= */
:root{ --primary:#2563eb; --accent:#06b6d4; }
*{ box-sizing:border-box }
html,body{ height:100% }
body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; }

/* Hero & global */
.hero{ background: radial-gradient(1200px 600px at 50% -10%, var(--primary), transparent 60%), linear-gradient(135deg, var(--primary), var(--accent)); color:#fff; }
.glass{ backdrop-filter:saturate(150%) blur(8px) }
.brand-dot{ width:36px; height:36px; border-radius:12px; background:linear-gradient(135deg,var(--primary),var(--accent)); display:inline-block }
.btn-pill{ border-radius:999px }
.text-white-75{ color: rgba(255,255,255,.85) }

/* Sections */
.section{ padding:64px 0 }
.section.alt{ background:#f6f8fb }
.kicker{ text-transform:uppercase; letter-spacing:.12em; color:var(--accent); font-size:.8rem }

/* Feature cards */
.card.feature{ border:0; border-radius:16px; box-shadow:0 10px 30px rgba(2, 99, 235, .08) }
.card.feature .icon{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#fff; margin-bottom:.75rem }

/* Doc links */
.doc{ display:flex; align-items:center; gap:10px; padding:12px 14px; background:#fff; border:1px solid rgba(2,99,235,.10); border-radius:12px; text-decoration:none }
.doc:hover{ background:#f9fbff }

/* Forms */
.hp{ position:absolute; left:-5000px }

/* Footer */
.footer{ padding:24px 0; background:#fff; border-top:1px solid #e5e7eb }

/* Navbar active state */
.navbar .nav-link.active{ color: var(--primary) !important; font-weight:600 }

/* Small helpers */
.border{ border-color: rgba(2,99,235,.10) !important }

.svc-plain{
  border-left: 3px solid var(--primary);
  padding-left: 14px;
}

.svc-h3{
  font-size: 1.05rem;
  line-height: 1.45;
  font-weight: 700;
  margin: 2px 0 2px 0;
  letter-spacing: .2px;
}

.svc-sub{
  color: #6b7280;        /* nötr gri */
  font-size: .92rem;
  margin-bottom: 6px;
}

.svc-desc{
  color: #374151;
  font-size: .95rem;
  line-height: 1.6;
}

/* küçük ekranlarda nefes */
@media (max-width: 575.98px){
  .svc-plain{ padding-left: 12px; }
  .svc-h3{ font-size: 1rem; }
  .svc-desc{ font-size: .94rem; }
}

/* yoğun listelerde ayraç aralığı dengesi */
.row.g-5 > [class^="col-"] .svc-plain + .svc-plain{
  margin-top: 14px;
}