/* ============================================================
   EknSoft — Design System & Main Stylesheet
   Premium B2B · Stratejik Teknoloji Partneri
   Bootstrap 5.3.8 | Bootstrap Icons 1.11.3
   ============================================================ */

/* ── 1. TASARIM SİSTEMİ: ROOT VARIABLES ────────────────────── */
:root {
  /* Brand Palette */
  --brand-dark:       #1F2937;
  --brand-primary:    #1E40AF;
  --brand-primary-hv: #1E3A8A;
  --brand-accent:     #3B82F6;
  --brand-accent-hv:  #2563EB;
  --brand-light:      #F8FAFC;
  --text-main:        #0F172A;
  --success-metric:   #16A34A;

  /* Supporting text */
  --text-body:    #475569;
  --text-muted:   #94A3B8;
  --text-inverse: #F8FAFC;

  /* Surface layers */
  --surface-0:    #FFFFFF;
  --surface-1:    #F8FAFC;
  --surface-2:    #EEF2FF;
  --border-color: #E2E8F0;

  /* Shadow standard */
  --shadow-card:   0 6px 18px rgba(15, 23, 42, 0.05);
  --shadow-hover:  0 14px 36px rgba(15, 23, 42, 0.09);
  --shadow-navbar: 0 4px 16px rgba(15, 23, 42, 0.06);

  /* Radius */
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;

  /* Bootstrap token bridge */
  --bs-body-font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --bs-body-bg:          var(--surface-1);
  --bs-body-color:       var(--text-body);
  --bs-primary:          var(--brand-accent);
  --bs-primary-rgb:      59, 130, 246;
  --bs-secondary-color:  var(--text-body);
  --bs-link-color:       var(--brand-primary);
  --bs-link-hover-color: var(--brand-primary-hv);
  --bs-border-color:     var(--border-color);
  --bs-success:          var(--success-metric);
  --bs-success-rgb:      22, 163, 74;

  /* Fixed header offset (JS updates this) */
  --site-nav-offset: 76px;
}

/* ── 2. BASE ────────────────────────────────────────────────── */
html {
  font-size: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--site-nav-offset) + 12px);
  -webkit-text-size-adjust: 100%;
}
body {
  font-size: clamp(14px, 0.4vw + 13px, 16px);
  line-height: 1.65;
  background: var(--surface-1);
  color: var(--text-body);
  overflow-x: hidden;
  margin: 0;
  padding-top: var(--site-nav-offset);
}
h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3,
.display-4, .display-5, .display-6 {
  color: var(--text-main);
  line-height: 1.2;
  font-weight: 700;
}
h1 { font-size: clamp(1.8rem, 2.6vw + 1rem, 3.125rem); }
h2 { font-size: clamp(1.5rem, 1.8vw + 1rem, 2.25rem);  }
h3 { font-size: clamp(1.2rem, 1.2vw + 0.9rem, 1.6rem); }
p, li { line-height: 1.7; }
img  { max-width: 100%; height: auto; }
section, main, .container, .row, [class*="col-"] { min-width: 0; }
p, li, .card-body, .accordion-body { overflow-wrap: anywhere; }

/* ── 3. SPACING ─────────────────────────────────────────────── */
.py-6 { padding-top: 5rem !important;   padding-bottom: 5rem !important; }
.py-7 { padding-top: 5.75rem !important; padding-bottom: 5.75rem !important; }
.mt-6 { margin-top:    4rem !important; }
.mb-6 { margin-bottom: 4rem !important; }

/* Homepage: tighter vertical rhythm (sections were too tall) */
.home-page .py-7 { padding-top: 3.9rem !important; padding-bottom: 3.9rem !important; }
.home-page .section-heading-center { margin-bottom: 1.85rem; max-width: 920px; }
.home-page .section-heading-center p {
  color: rgba(15,23,42,0.72);
  font-weight: 500;
}
.one-line { }
@media (min-width: 992px) {
  .one-line { white-space: nowrap; }
}
.home-page .process-icon { width: 58px; height: 58px; margin: 0; }
.home-page .process-step h3 { margin-bottom: .25rem; }
.home-page .process-step p  { color: rgba(15,23,42,0.68); }

/* ── 4. COLOUR UTILITIES ────────────────────────────────────── */
.text-brand-dark      { color: var(--brand-dark)    !important; }
.text-brand-primary   { color: var(--brand-primary) !important; }
.text-success-metric  { color: var(--success-metric) !important; }
.text-muted-soft      { color: var(--text-muted)    !important; }
.text-secondary       { color: var(--text-body)     !important; }
.bg-body              { background: var(--surface-0) !important; }
.bg-body-tertiary     { background: var(--surface-1) !important; }
.bg-brand-dark        { background: var(--brand-dark) !important; }
.bg-surface-0         { background: var(--surface-0) !important; }
.bg-surface-1         { background: var(--surface-1) !important; }

/* ── 5. EYEBROW / SECTION LABEL ─────────────────────────────── */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--brand-primary);
  background: rgba(59, 130, 246, 0.07);
  border: 1px solid rgba(59, 130, 246, 0.18);
  padding: .32rem .85rem;
  border-radius: 999px;
  margin-bottom: .875rem;
}
.eyebrow.eyebrow-success {
  color: var(--success-metric);
  background: rgba(22, 163, 74, 0.07);
  border-color: rgba(22, 163, 74, 0.18);
}
.eyebrow.eyebrow-light {
  color: var(--brand-primary);
  background: rgba(59, 130, 246, 0.07);
  border-color: rgba(59, 130, 246, 0.18);
}

/* ── 6. BUTTONS ─────────────────────────────────────────────── */
.btn {
  border-radius: var(--radius-sm);
  font-weight: 600;
  transition: background-color .2s ease, border-color .2s ease,
              box-shadow .2s ease, transform .2s ease;
}
/* Primary CTA — accent blue (enerjik, tıklanabilir) */
.btn-primary {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus-visible {
  background: var(--brand-accent-hv);
  border-color: var(--brand-accent-hv);
  color: #fff;
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.28);
  transform: translateY(-2px);
}
/* Secondary CTA — outline accent */
.btn-outline-primary {
  color: var(--brand-accent);
  border-color: var(--brand-accent);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  color: #fff;
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.22);
  transform: translateY(-2px);
}
/* Dark section secondary CTA — açık outline */
.btn-outline-light {
  color: rgba(248,250,252,0.85);
  border-color: rgba(248,250,252,0.3);
}
.btn-outline-light:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.55);
  color: #fff;
}
/* Dark section primary CTA — koyu bölge içinde beyaz buton */
.cta-section .btn-primary,
.ref-cta-band .btn-primary {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: var(--brand-dark);
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}
.cta-section .btn-primary:hover,
.ref-cta-band .btn-primary:hover {
  background: var(--surface-1);
  border-color: var(--surface-1);
  color: var(--brand-dark);
  transform: translateY(-2px);
}
.btn-lg { padding: .75rem 1.75rem; }
.btn-sm { padding: .35rem .85rem; font-size: .83rem; }

/* ── 7. CARDS ───────────────────────────────────────────────── */
.card {
  background: var(--surface-0);
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-card);
  border-radius: var(--radius-md) !important;
  transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .28s cubic-bezier(0.4, 0, 0.2, 1);
}
.card:hover {
  transform: translateY(-5px) scale(1.01);
  box-shadow: var(--shadow-hover) !important;
}

/* ── 8. FORMS ───────────────────────────────────────────────── */
.form-control, .form-select {
  min-height: 2.875rem;
  border-color: var(--border-color);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  background: var(--surface-0);
  transition: border-color .2s, box-shadow .2s;
}
.form-control:focus, .form-select:focus {
  border-color: var(--brand-accent);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.13);
}
textarea.form-control { min-height: 7.5rem; }
.form-label { font-weight: 600; color: var(--text-main); font-size: .9rem; }

/* ── 9. NAVBAR ──────────────────────────────────────────────── */
.site-navbar {
  z-index: 1100;
  transition: background-color .28s ease, box-shadow .28s ease,
              border-color .28s ease, backdrop-filter .28s ease;
  border-bottom: 1px solid transparent;
  padding-top: .45rem;
  padding-bottom: .45rem;
}
.site-navbar.is-transparent {
  background: rgba(248, 250, 252, 0.92) !important;
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border-bottom-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.06);
}
.site-navbar.is-solid {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.09);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.09), 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
.site-navbar .navbar-brand,
.site-navbar .nav-link {
  color: var(--text-main) !important;
}
.site-navbar .nav-link {
  font-size: .88rem;
  font-weight: 500;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding-left: .6rem;
  padding-right: .6rem;
  transition: color .18s ease;
}
.site-navbar .nav-link:hover,
.site-navbar .nav-link.active { color: var(--brand-primary) !important; }
.site-navbar .nav-link.active { font-weight: 700; }

/* Transparent state: dark text over light hero */
.site-navbar.is-transparent .navbar-brand,
.site-navbar.is-transparent .nav-link { color: var(--text-main) !important; }
.site-navbar.is-transparent .nav-link:hover,
.site-navbar.is-transparent .nav-link.active { color: var(--brand-accent) !important; }
.site-navbar.is-transparent .navbar-toggler-icon { filter: none; }
.site-navbar.is-transparent .navbar-toggler    { border-color: var(--border-color); }

.site-brand-logo { width: auto; height: 3rem; object-fit: contain; display: block; }
.site-brand-fallback {
  width: 2.1rem;
  height: 2.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .55rem;
  background: var(--brand-primary);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .03em;
}
.navbar-toggler  { min-width: 44px; min-height: 44px; border-radius: var(--radius-sm); }
.navbar-toggler:focus { box-shadow: none; }

/* Dropdown */
.dropdown-menu {
  border: 1px solid var(--border-color);
  box-shadow: 0 12px 30px rgba(15,23,42,0.1);
  border-radius: var(--radius-md);
  padding: .5rem;
}
.dropdown-item {
  border-radius: var(--radius-sm);
  font-size: .88rem;
  color: var(--text-main);
  padding: .55rem .85rem;
  transition: background-color .15s, color .15s;
}
.dropdown-item:hover, .dropdown-item.active {
  background: rgba(59,130,246,0.07);
  color: var(--brand-accent);
}

/* Services dropdown: colored box items */
.services-dropdown-menu {
  min-width: min(92vw, 360px);
  padding: .55rem;
}
.services-dropdown-menu > .services-dropdown-item + .services-dropdown-item {
  margin-top: .45rem;
}
.services-dropdown-link {
  --svc-dd-accent: #3B82F6;
  --svc-dd-tint: rgba(59,130,246,0.13);
  --svc-dd-border: rgba(59,130,246,0.24);
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: .62rem .78rem;
  border: 1px solid var(--svc-dd-border);
  border-radius: .7rem;
  font-weight: 600;
  color: rgba(15,23,42,0.82) !important;
  background:
    radial-gradient(150% 130% at 0% 0%, var(--svc-dd-tint) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease;
}
.services-dropdown-link:hover,
.services-dropdown-link.active {
  transform: translateY(-1px);
  border-color: var(--svc-dd-border);
  box-shadow: 0 10px 20px rgba(15,23,42,0.08);
  color: var(--svc-dd-accent) !important;
  background:
    radial-gradient(150% 130% at 0% 0%, var(--svc-dd-tint) 0%, transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%);
}
.services-dropdown-menu > .services-dropdown-item:nth-child(6n+1) .services-dropdown-link { --svc-dd-accent:#3B82F6; --svc-dd-tint:rgba(59,130,246,0.15); --svc-dd-border:rgba(59,130,246,0.28); }
.services-dropdown-menu > .services-dropdown-item:nth-child(6n+2) .services-dropdown-link { --svc-dd-accent:#16A34A; --svc-dd-tint:rgba(22,163,74,0.15); --svc-dd-border:rgba(22,163,74,0.28); }
.services-dropdown-menu > .services-dropdown-item:nth-child(6n+3) .services-dropdown-link { --svc-dd-accent:#6366F1; --svc-dd-tint:rgba(99,102,241,0.15); --svc-dd-border:rgba(99,102,241,0.28); }
.services-dropdown-menu > .services-dropdown-item:nth-child(6n+4) .services-dropdown-link { --svc-dd-accent:#0EA5E9; --svc-dd-tint:rgba(14,165,233,0.15); --svc-dd-border:rgba(14,165,233,0.28); }
.services-dropdown-menu > .services-dropdown-item:nth-child(6n+5) .services-dropdown-link { --svc-dd-accent:#F59E0B; --svc-dd-tint:rgba(245,158,11,0.16); --svc-dd-border:rgba(245,158,11,0.30); }
.services-dropdown-menu > .services-dropdown-item:nth-child(6n+6) .services-dropdown-link { --svc-dd-accent:#EC4899; --svc-dd-tint:rgba(236,72,153,0.15); --svc-dd-border:rgba(236,72,153,0.28); }

/* ── 10. HERO SECTION ───────────────────────────────────────── */
.hero-section {
  position: relative;
  /* Reduce empty space under hero content on large screens */
  min-height: 66vh;
  display: flex;
  align-items: flex-start;
  background: linear-gradient(180deg, #F8FAFC 0%, #EEF2FF 100%);
  overflow: hidden;
}
.hero-section > .container.py-7 {
  padding-top: 1.9rem !important;
  padding-bottom: 3.25rem !important;
}
.hero-section > .container { position: relative; z-index: 2; }

/* Subtle dot grid on light bg */
.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(15,23,42,0.055) 1px, transparent 1px);
  background-size: 28px 28px;
  z-index: 1;
  pointer-events: none;
}
/* Soft blue glow — derinlik */
.hero-section::after {
  content: '';
  position: absolute;
  width: 640px;
  height: 640px;
  background: radial-gradient(circle, rgba(59,130,246,0.09) 0%, transparent 65%);
  top: -120px;
  right: -80px;
  pointer-events: none;
  z-index: 1;
}

/* Hero text */
.hero-section h1 {
  color: var(--text-main);
  font-size: clamp(1.65rem, 2.35vw + 0.85rem, 2.85rem);
  line-height: 1.12;
  letter-spacing: -.025em;
}
.hero-lead {
  color: var(--text-body);
  font-size: clamp(1rem, 0.5vw + 0.9rem, 1.15rem);
  line-height: 1.7;
}
.hero-trust-tag {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .8rem;
  color: var(--text-body);
  border-top: 1px solid var(--border-color);
  padding-top: .75rem;
  margin-top: .15rem;
  line-height: 1.5;
}
.hero-trust-tag i { color: var(--success-metric); flex-shrink: 0; }

/* Dashboard mockup — light theme */
.hero-dashboard {
  background: linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%);
  border: 1px solid rgba(59,130,246,0.18);
  border-radius: var(--radius-lg);
  box-shadow:
    0 28px 70px rgba(15,23,42,0.14),
    0 0 0 1px rgba(59,130,246,0.10);
  padding: 1.35rem;
  max-width: 560px;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.hero-dashboard::before {
  content: '';
  position: absolute;
  inset: -120px -120px auto auto;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(59,130,246,0.18) 0%, transparent 65%);
  pointer-events: none;
}
.hero-dashboard::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 18% 20%, rgba(99,102,241,0.10) 0%, transparent 55%),
    radial-gradient(circle at 82% 78%, rgba(16,185,129,0.08) 0%, transparent 55%);
  pointer-events: none;
  opacity: .8;
}
.dash-header {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: 1.25rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid var(--border-color);
}
.dash-dot { width: 10px; height: 10px; border-radius: 50%; }
.dash-dot-red { background: #EF4444; }
.dash-dot-yel { background: #F59E0B; }
.dash-dot-grn { background: #22C55E; }
.dash-title {
  margin-left: .5rem;
  font-size: .75rem;
  color: rgba(15,23,42,0.55);
  font-weight: 700;
  letter-spacing: .05em;
}
.dash-metric-row {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: .65rem;
  margin-bottom: 1.25rem;
}
.dash-metric {
  background: linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(248,250,252,0.94) 100%);
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: var(--radius-sm);
  padding: .85rem .7rem;
  text-align: center;
  box-shadow: 0 10px 22px rgba(15,23,42,0.06);
  position: relative;
  z-index: 1;
}
.dash-metric-val {
  font-size: 1.3rem;
  font-weight: 800;
  background: linear-gradient(180deg, #2563EB 0%, #4F46E5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1;
  margin-bottom: .25rem;
}
.dash-metric-lbl  { font-size: .68rem; color: rgba(15,23,42,0.55); text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.dash-metric-delta {
  display: inline-block;
  margin-top: .3rem;
  font-size: .72rem;
  font-weight: 700;
  padding: .1rem .4rem;
  border-radius: 999px;
}
.delta-up   { background: rgba(22,163,74,0.10); color: #16A34A; }
.delta-down { background: rgba(239,68,68,0.10);  color: #DC2626; }
.dash-chart {
  background: linear-gradient(180deg, #f4f7ff 0%, #e2ebff 100%);
  border-radius: var(--radius-lg);
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 24px rgba(15,23,42,0.08);
  border: 1px solid rgba(59,130,246,0.18);
}
.dash-chart::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(59,130,246,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(59,130,246,0.06) 1px, transparent 1px);
  background-size: 16px 16px;
  pointer-events: none;
}
.dash-chart::after {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(37,99,235,0.0) 0%, rgba(37,99,235,0.55) 50%, rgba(37,99,235,0.0) 100%);
  pointer-events: none;
}
.dash-chart-title {
  font-size: .73rem;
  color: rgba(15,23,42,0.65);
  margin-bottom: .8rem;
  font-weight: 800;
  letter-spacing: .04em;
  position: relative;
  z-index: 1;
}
.dash-bars { display: flex; align-items: flex-end; gap: .45rem; height: 72px; position: relative; z-index: 1; }
.dash-bar {
  flex: 1;
  border-radius: 12px 12px 4px 4px;
  background: linear-gradient(180deg, rgba(59,130,246,0.6) 0%, rgba(37,99,235,0.2) 100%);
  min-height: 4px;
  box-shadow: 0 8px 18px rgba(37,99,235,0.12);
  transform-origin: bottom;
  transform: scaleY(0);
  animation: dash-bar-in 900ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
  position: relative;
  overflow: hidden;
  transition: background .3s, box-shadow .3s, transform .2s ease;
}
.dash-bar:nth-child(1)  { animation-delay: 40ms; }
.dash-bar:nth-child(2)  { animation-delay: 80ms; }
.dash-bar:nth-child(3)  { animation-delay: 120ms; }
.dash-bar:nth-child(4)  { animation-delay: 160ms; }
.dash-bar:nth-child(5)  { animation-delay: 200ms; }
.dash-bar:nth-child(6)  { animation-delay: 240ms; }
.dash-bar:nth-child(7)  { animation-delay: 280ms; }
.dash-bar:nth-child(8)  { animation-delay: 320ms; }
.dash-bar:nth-child(9)  { animation-delay: 360ms; }
.dash-bar:nth-child(10) { animation-delay: 400ms; }
.dash-bar:nth-child(11) { animation-delay: 440ms; }
.dash-bar:nth-child(12) { animation-delay: 480ms; }
.dash-bar.active {
  background: linear-gradient(180deg, #2563eb 0%, #4f46e5 100%);
  box-shadow: 0 12px 22px rgba(37,99,235,0.25);
}
.dash-bar.active::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.25) 50%, transparent 100%);
  transform: translateX(-120%);
  animation: dash-sheen 1800ms ease-in-out infinite;
  opacity: .9;
}
.dash-bar:nth-child(7) {
  background: linear-gradient(180deg, rgba(59,130,246,0.70) 0%, rgba(99,102,241,0.22) 100%);
}
@keyframes dash-bar-in {
  to { transform: scaleY(1); }
}
@keyframes dash-sheen {
  0% { transform: translateX(-120%); }
  50% { transform: translateX(120%); }
  100% { transform: translateX(120%); }
}
.dash-bar:hover {
  transform: scaleY(1.05);
  box-shadow: 0 14px 26px rgba(37,99,235,0.28);
}
.dash-status { display: flex; gap: .5rem; margin-top: .85rem; }
.dash-status-item {
  flex: 1;
  background: var(--surface-1);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  padding: .55rem .6rem;
  font-size: .7rem;
  color: var(--text-body);
}
.dash-status-item strong { color: var(--text-main); display: block; font-size: .78rem; }

/* Old mockup compat */
.mockup-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-md);
}
.mockup-metric {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}
.hero-gradient-orb, .orb-1, .orb-2 { display: none !important; }

/* ── 10.5. PAGE HERO (Alt Sayfalar) ─────────────────────────── */
.page-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #F8FAFC 0%, #EEF2FF 50%, #F0F9FF 100%);
}
.page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(15,23,42,0.028) 1px, transparent 1px);
  background-size: 28px 28px;
  z-index: 1;
  pointer-events: none;
}
.page-hero h1 {
  color: var(--text-main);
  letter-spacing: -0.02em;
}
.page-hero .lead,
.page-hero .text-body-secondary {
  color: rgba(15,23,42,0.74) !important;
}
.page-hero .lead {
  max-width: 62ch;
  line-height: 1.75;
  font-weight: 500;
}

/* Breadcrumb geliştirmeleri */
.breadcrumb {
  margin-bottom: 0;
  padding: 0;
  background: transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(15,23,42,0.35);
  opacity: 1;
}
.breadcrumb-item a {
  text-decoration: none;
  font-weight: 500;
  transition: color .2s ease, opacity .2s ease;
}
.breadcrumb-item a:hover {
  opacity: 0.75;
}
.breadcrumb-item.active {
  color: var(--text-body);
  font-weight: 400;
}

/* ── 11. TRUST LAYER ────────────────────────────────────────── */
.trust-layer {
  background: var(--surface-0);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.trust-block {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem 1.25rem;
  background: rgba(59,130,246,0.025);
  transition: background-color .25s ease;
}
.trust-block:hover {
  background: rgba(59,130,246,0.04);
}
/* Trust block renk varyantları */
.trust-block-indigo {
  background: rgba(99,102,241,0.025);
}
.trust-block-indigo:hover {
  background: rgba(99,102,241,0.04);
}
.trust-block-success {
  background: rgba(22,163,74,0.025);
}
.trust-block-success:hover {
  background: rgba(22,163,74,0.04);
}
.trust-icon-wrap {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  background: rgba(59,130,246,0.07);
  border: 1px solid rgba(59,130,246,0.16);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-accent);
  font-size: 1.2rem;
}
.trust-icon-wrap.trust-icon-indigo {
  background: rgba(99,102,241,0.07);
  border-color: rgba(99,102,241,0.16);
  color: #6366F1;
}
.trust-icon-wrap.trust-icon-success {
  background: rgba(22,163,74,0.07);
  border-color: rgba(22,163,74,0.16);
  color: var(--success-metric);
}
.trust-block h3 { font-size: .95rem; font-weight: 700; margin-bottom: .25rem; color: var(--text-main); }
.trust-block p  { font-size: .82rem; color: var(--text-body); margin: 0; line-height: 1.55; }
.trust-divider  { width: 1px; background: var(--border-color); align-self: stretch; margin: 1.25rem 0; }

/* ── 12. HİZMETLER KARTLARI (ana sayfa) ─────────────────────── */
.svc-card {
  --svc-border: rgba(59,130,246,0.18);
  --svc-border-hover: rgba(59,130,246,0.28);
  --svc-bg:
    radial-gradient(140% 120% at 8% 10%, rgba(59,130,246,0.14) 0%, transparent 55%),
    radial-gradient(120% 120% at 92% 92%, rgba(99,102,241,0.06) 0%, transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  --svc-bg-hover:
    radial-gradient(140% 120% at 8% 10%, rgba(59,130,246,0.22) 0%, transparent 56%),
    radial-gradient(120% 120% at 92% 92%, rgba(99,102,241,0.10) 0%, transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f0f6ff 100%);
  background: var(--svc-bg);
  border: 1px solid var(--svc-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-card);
  padding: 1.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
  height: 100%;
}
.svc-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-hover) !important;
  border-color: var(--svc-border-hover) !important;
  background: var(--svc-bg-hover);
}
/* Hizmet kartı renk varyantları */
.svc-card-indigo {
  --svc-border: rgba(99,102,241,0.18);
  --svc-border-hover: rgba(99,102,241,0.30);
  --svc-bg:
    radial-gradient(140% 120% at 8% 10%, rgba(99,102,241,0.16) 0%, transparent 55%),
    radial-gradient(120% 120% at 92% 92%, rgba(59,130,246,0.06) 0%, transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #f7f6ff 100%);
  --svc-bg-hover:
    radial-gradient(140% 120% at 8% 10%, rgba(99,102,241,0.25) 0%, transparent 56%),
    radial-gradient(120% 120% at 92% 92%, rgba(59,130,246,0.10) 0%, transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f0efff 100%);
}
.svc-card-success {
  --svc-border: rgba(22,163,74,0.20);
  --svc-border-hover: rgba(22,163,74,0.32);
  --svc-bg:
    radial-gradient(140% 120% at 8% 10%, rgba(22,163,74,0.16) 0%, transparent 55%),
    radial-gradient(120% 120% at 92% 92%, rgba(34,197,94,0.06) 0%, transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #f4fff8 100%);
  --svc-bg-hover:
    radial-gradient(140% 120% at 8% 10%, rgba(22,163,74,0.25) 0%, transparent 56%),
    radial-gradient(120% 120% at 92% 92%, rgba(34,197,94,0.10) 0%, transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #ecfff4 100%);
}
.svc-card-amber {
  --svc-border: rgba(245,158,11,0.22);
  --svc-border-hover: rgba(245,158,11,0.34);
  --svc-bg:
    radial-gradient(140% 120% at 8% 10%, rgba(245,158,11,0.18) 0%, transparent 55%),
    radial-gradient(120% 120% at 92% 92%, rgba(251,191,36,0.07) 0%, transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
  --svc-bg-hover:
    radial-gradient(140% 120% at 8% 10%, rgba(245,158,11,0.28) 0%, transparent 56%),
    radial-gradient(120% 120% at 92% 92%, rgba(251,191,36,0.11) 0%, transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fff4df 100%);
}
.svc-icon-wrap {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  background: rgba(59,130,246,0.07);
  color: var(--brand-accent);
  border: 1px solid rgba(59,130,246,0.15);
}
.svc-icon-wrap.svc-icon-indigo {
  background: rgba(99,102,241,0.07);
  border-color: rgba(99,102,241,0.15);
  color: #6366F1;
}
.svc-icon-wrap.svc-icon-success {
  background: rgba(22,163,74,0.07);
  border-color: rgba(22,163,74,0.15);
  color: var(--success-metric);
}
.svc-icon-wrap.svc-icon-amber {
  background: rgba(245,158,11,0.07);
  border-color: rgba(245,158,11,0.15);
  color: #F59E0B;
}
.svc-card-title { font-size: 1.05rem; font-weight: 700; color: var(--text-main); margin: 0; }
.svc-pso { display: grid; gap: .45rem; }
.svc-pso-item {
  display: flex;
  gap: .6rem;
  align-items: flex-start;
  font-size: .83rem;
  color: var(--text-body);
  line-height: 1.5;
}
.svc-pso-label {
  flex-shrink: 0;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text-muted);
  padding-top: 2px;
  min-width: 42px;
}
.svc-pso-item.output .svc-pso-label { color: var(--success-metric); }
.svc-link {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .85rem;
  font-weight: 600;
  color: var(--brand-primary);
  text-decoration: none;
  margin-top: auto;
  padding-top: .5rem;
  transition: gap .2s ease, color .2s ease;
}
.svc-card:hover .svc-link { gap: .55rem; color: var(--brand-primary-hv); }

/* hizmetler.php page cards */
.svc-card-full {
  --svc-card-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  --svc-card-border: var(--border-color);
  --svc-cover-tint: transparent;
  background: var(--svc-card-bg);
  border: 1px solid var(--svc-card-border) !important;
  box-shadow: var(--shadow-card);
  border-radius: var(--radius-md) !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.svc-card-full--primary {
  --svc-card-bg: linear-gradient(180deg, #f5f9ff 0%, #eaf2ff 100%);
  --svc-card-border: rgba(13, 110, 253, .22);
  --svc-cover-tint: rgba(13, 110, 253, .12);
}
.svc-card-full--success {
  --svc-card-bg: linear-gradient(180deg, #f3fcf7 0%, #e7f7ef 100%);
  --svc-card-border: rgba(25, 135, 84, .22);
  --svc-cover-tint: rgba(25, 135, 84, .12);
}
.svc-card-full--warning {
  --svc-card-bg: linear-gradient(180deg, #fffaf1 0%, #fff1da 100%);
  --svc-card-border: rgba(255, 193, 7, .3);
  --svc-cover-tint: rgba(255, 193, 7, .16);
}
.svc-card-full--info {
  --svc-card-bg: linear-gradient(180deg, #f2fbff 0%, #e5f5ff 100%);
  --svc-card-border: rgba(13, 202, 240, .26);
  --svc-cover-tint: rgba(13, 202, 240, .14);
}
.svc-card-full--danger {
  --svc-card-bg: linear-gradient(180deg, #fff4f4 0%, #ffe9ea 100%);
  --svc-card-border: rgba(220, 53, 69, .24);
  --svc-cover-tint: rgba(220, 53, 69, .13);
}
.svc-card-full--secondary {
  --svc-card-bg: linear-gradient(180deg, #f6f7fb 0%, #eceff6 100%);
  --svc-card-border: rgba(108, 117, 125, .24);
  --svc-cover-tint: rgba(108, 117, 125, .13);
}
.svc-card-full--dark {
  --svc-card-bg: linear-gradient(180deg, #f5f7fb 0%, #eaf0f8 100%);
  --svc-card-border: rgba(33, 37, 41, .24);
  --svc-cover-tint: rgba(33, 37, 41, .12);
}
.svc-card-full:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-hover) !important;
}
.svc-num {
  position: absolute; top: 1.2rem; right: 1.4rem;
  font-size: 3.5rem; font-weight: 800;
  opacity: .04; line-height: 1;
  pointer-events: none; user-select: none;
  color: var(--brand-dark);
}
.svc-cover {
  height: 180px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.svc-cover::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--svc-cover-tint);
}
.svc-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(15,23,42,0.14) 100%);
}
.svc-cover--svg {
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgba(59,130,246,0.04);
}
.svc-icon-sm { width: 44px; height: 44px; flex-shrink: 0; }
.svc-main-card {
  background: var(--surface-0);
  border: 1px solid var(--border-color) !important;
  border-left: 3px solid var(--brand-primary) !important;
  box-shadow: var(--shadow-card);
  transition: transform .25s ease, box-shadow .25s ease;
}
.svc-main-card:hover,
.svc-support-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-hover) !important;
}
.svc-support-card { transition: transform .25s ease, box-shadow .25s ease; }
.svc-main-btn { transition: transform .2s ease; }
.svc-main-btn:hover { transform: translateY(-2px); }

/* ── 13. PROCESS (NASIL ÇALIŞIYORUZ) ────────────────────────── */
.process-section { background: var(--surface-1); }
.process-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .9rem;
  position: relative;
}
.process-connector {
  display: none;
}
.process-step {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 64px 1fr;
  grid-template-areas:
    "icon num"
    "icon title"
    "icon desc"
    "icon output";
  column-gap: 1rem;
  row-gap: .2rem;
  align-items: center;
  text-align: left;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(30,64,175,0.07), rgba(30,64,175,0.03));
  box-shadow: 0 8px 24px rgba(15,23,42,0.05);
}
.process-step:nth-child(2) {
  background: linear-gradient(145deg, rgba(30,64,175,0.09), rgba(30,64,175,0.04));
}
.process-step:nth-child(3) {
  background: linear-gradient(145deg, rgba(22,163,74,0.08), rgba(22,163,74,0.03));
}
.process-step:nth-child(4) {
  background: linear-gradient(145deg, rgba(99,102,241,0.08), rgba(99,102,241,0.03));
}
.process-step:nth-child(5) {
  background: linear-gradient(145deg, rgba(245,158,11,0.09), rgba(245,158,11,0.035));
}
.process-step .process-icon {
  grid-area: icon;
  margin: 0;
  align-self: center;
}
.process-step .process-num {
  grid-area: num;
  margin-bottom: 0;
}
.process-step h3 {
  grid-area: title;
}
.process-step p:first-of-type {
  grid-area: desc;
}
.process-step .process-output {
  grid-area: output;
  margin-top: .2rem;
}
.process-icon {
  width: 56px;
  height: 56px;
  margin: 0;
  background: rgba(255,255,255,0.88);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--brand-primary);
  box-shadow: 0 4px 14px rgba(15,23,42,0.07);
  transition: border-color .25s, box-shadow .25s;
}
.process-step:hover .process-icon {
  border-color: var(--brand-accent);
  box-shadow: 0 8px 22px rgba(59,130,246,0.16);
}
.process-num {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: .4rem;
}
.process-step h3 { font-size: .95rem; font-weight: 700; color: var(--text-main); margin-bottom: .35rem; }
.process-step p  { font-size: .8rem; color: var(--text-body); margin: 0; line-height: 1.55; }

/* Legacy compat */
.process-line,
.svc-process-line { display: none !important; }
.svc-process-card { position: relative; z-index: 1; }
.svc-process-icon {
  width: 72px; height: 72px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--border-color);
  box-shadow: 0 4px 14px rgba(15,23,42,0.07);
}
.svc-process-num { font-size: .7rem; font-weight: 800; letter-spacing: .08em; margin-bottom: .35rem; opacity: .6; }

/* ── 14. VAKA ÇALIŞMALARI ───────────────────────────────────── */
.case-card {
  background: var(--surface-0);
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-card);
  padding: 1.75rem;
  transition: transform .25s ease, box-shadow .25s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.case-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-hover) !important;
}
.case-sector {
  display: inline-block;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--text-muted);
  border: 1px solid var(--border-color);
  border-radius: 999px;
  padding: .18rem .65rem;
}
.case-title  { font-size: 1.08rem; font-weight: 700; color: var(--text-main); margin: .6rem 0 .65rem; }
.case-summary { font-size: .85rem; color: var(--text-body); line-height: 1.6; margin-bottom: 1.25rem; }
.metrics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .6rem;
  margin-bottom: 1.25rem;
}
.metric-badge {
  --mb-color: var(--success-metric);
  --mb-tint: rgba(22,163,74,0.16);
  --mb-border: rgba(22,163,74,0.22);
  background:
    radial-gradient(140% 120% at 16% 0%, var(--mb-tint) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%);
  border: 1px solid var(--mb-border);
  border-radius: var(--radius-sm);
  padding: .7rem .85rem;
  box-shadow: 0 10px 22px rgba(15,23,42,0.06);
}
.metric-badge-val {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--mb-color);
  line-height: 1;
  margin-bottom: .2rem;
}
.metric-badge-lbl { font-size: .72rem; color: rgba(15,23,42,0.70); line-height: 1.35; font-weight: 600; }

/* Each metric gets a different pastel tone (less "kutu kutu") */
.metrics-grid .metric-badge:nth-child(1) { --mb-color: var(--brand-accent); --mb-tint: rgba(59,130,246,0.18);  --mb-border: rgba(59,130,246,0.24); }
.metrics-grid .metric-badge:nth-child(2) { --mb-color: #6366F1;            --mb-tint: rgba(99,102,241,0.18); --mb-border: rgba(99,102,241,0.24); }
.metrics-grid .metric-badge:nth-child(3) { --mb-color: var(--success-metric); --mb-tint: rgba(22,163,74,0.16); --mb-border: rgba(22,163,74,0.22); }
.metrics-grid .metric-badge:nth-child(4) { --mb-color: #F59E0B;            --mb-tint: rgba(245,158,11,0.18); --mb-border: rgba(245,158,11,0.26); }
.case-study-chart {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
.home-case-table th,
.home-case-table td { font-size: .86rem; }

/* ── 15. BLOG KARTLARI ──────────────────────────────────────── */
.blog-card {
  background: var(--surface-0);
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-hover) !important;
}
.blog-card-cover {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--surface-2);
}
.blog-card-cover img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.blog-card:hover .blog-card-cover img { transform: scale(1.04); }
.blog-card-cover-placeholder {
  width: 100%; height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59,130,246,0.04);
  color: rgba(59,130,246,0.22);
  font-size: 2.25rem;
}
.blog-card-body { padding: 1.25rem; display: flex; flex-direction: column; flex: 1; }
.blog-tag {
  display: inline-block;
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--brand-primary);
  margin-bottom: .5rem;
}
.blog-card-title {
  font-size: .97rem;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: .45rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
}
.blog-card-excerpt {
  font-size: .83rem;
  color: var(--text-body);
  line-height: 1.6;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1rem;
}
.blog-read-link {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  font-size: .85rem;
  font-weight: 600;
  color: var(--brand-primary);
  text-decoration: none;
  margin-top: auto;
  transition: gap .2s ease;
}
.blog-read-link:hover { gap: .5rem; color: var(--brand-primary-hv); }
.blog-meta-row {
  display: flex;
  align-items: center;
  gap: .75rem;
  font-size: .75rem;
  color: var(--text-muted);
  margin-bottom: .75rem;
  flex-wrap: wrap;
}

/* Blog detail */
.blog-cover-img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
}
.blog-hero-meta .badge { font-size: .78rem; font-weight: 500; }
.blog-prose { font-size: 1.05rem; line-height: 1.85; color: var(--text-body); }
.blog-prose h2 {
  font-size: 1.5rem; font-weight: 700;
  margin-top: 2.5rem; margin-bottom: .75rem;
  border-left: 3px solid var(--brand-accent);
  padding-left: .85rem;
  color: var(--text-main);
}
.blog-prose h3 { font-size: 1.2rem; font-weight: 600; margin-top: 2rem; color: var(--text-main); }
.blog-prose p  { margin-bottom: 1.25rem; }
.blog-prose img { max-width: 100%; border-radius: var(--radius-sm); }
.blog-prose ul, .blog-prose ol { padding-left: 1.5rem; }
.blog-prose li { margin-bottom: .4rem; }
.faq-item .accordion-button { font-weight: 600; font-size: .98rem; }
.accordion-button:not(.collapsed) { background: rgba(59,130,246,0.05); color: var(--brand-accent); }
.accordion-button:focus { box-shadow: none; }
#faqAccordion .accordion-item {
  border-color: rgba(148,163,184,0.28) !important;
  overflow: hidden;
}
#faqAccordion .accordion-item:nth-child(6n+1) { background: linear-gradient(180deg, rgba(59,130,246,0.10) 0%, rgba(255,255,255,0.92) 100%); border-color: rgba(59,130,246,0.30) !important; }
#faqAccordion .accordion-item:nth-child(6n+2) { background: linear-gradient(180deg, rgba(22,163,74,0.10) 0%, rgba(255,255,255,0.92) 100%); border-color: rgba(22,163,74,0.30) !important; }
#faqAccordion .accordion-item:nth-child(6n+3) { background: linear-gradient(180deg, rgba(99,102,241,0.10) 0%, rgba(255,255,255,0.92) 100%); border-color: rgba(99,102,241,0.30) !important; }
#faqAccordion .accordion-item:nth-child(6n+4) { background: linear-gradient(180deg, rgba(14,165,233,0.10) 0%, rgba(255,255,255,0.92) 100%); border-color: rgba(14,165,233,0.30) !important; }
#faqAccordion .accordion-item:nth-child(6n+5) { background: linear-gradient(180deg, rgba(245,158,11,0.10) 0%, rgba(255,255,255,0.92) 100%); border-color: rgba(245,158,11,0.32) !important; }
#faqAccordion .accordion-item:nth-child(6n+6) { background: linear-gradient(180deg, rgba(236,72,153,0.10) 0%, rgba(255,255,255,0.92) 100%); border-color: rgba(236,72,153,0.30) !important; }
#faqAccordion .accordion-button {
  background: transparent;
  color: var(--text-main);
}
#faqAccordion .accordion-button:not(.collapsed) {
  background: rgba(255,255,255,0.44);
  color: var(--text-main);
}
#faqAccordion .accordion-button::after {
  opacity: .82;
}
#faqAccordion .accordion-body {
  background: rgba(255,255,255,0.38);
}
.related-svc-card  { border-left: 3px solid var(--brand-primary) !important; }
.related-case-card { border-left: 3px solid var(--success-metric) !important; }
.related-post-img  { aspect-ratio: 16/9; object-fit: cover; border-radius: var(--radius-sm) var(--radius-sm) 0 0; width: 100%; }

/* ── 16. FINAL CTA ──────────────────────────────────────────── */
.cta-section {
  background: var(--brand-dark);
  position: relative;
  overflow: hidden;
}
.cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 64px 64px;
  pointer-events: none;
  z-index: 0;
}
.cta-section > .container { position: relative; z-index: 1; }
.cta-section h2 { color: #F8FAFC; }
.cta-section p  { color: #94A3B8; }
.cta-form,
.home-final-form {
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: var(--radius-lg) !important;
  padding: 2rem 1.75rem;
}
.cta-form .form-control,
.cta-form .form-select,
.home-final-form .form-control,
.home-final-form .form-select {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.12);
  color: #F8FAFC;
}
.cta-form .form-control::placeholder,
.home-final-form .form-control::placeholder { color: #64748B; }
.cta-form .form-control:focus,
.cta-form .form-select:focus,
.home-final-form .form-control:focus,
.home-final-form .form-select:focus {
  background: rgba(255,255,255,0.08);
  border-color: var(--brand-accent);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.20);
  color: #F8FAFC;
}
.cta-form .form-label,
.home-final-form .form-label { color: rgba(248,250,252,0.72); }

/* Homepage contact CTA: light surface override */
#iletisim-cta.cta-section {
  background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
}
#iletisim-cta.cta-section::before {
  background-image:
    linear-gradient(rgba(30,64,175,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,64,175,0.05) 1px, transparent 1px);
  opacity: .55;
}
#iletisim-cta.cta-section h2 { color: var(--text-main); }
#iletisim-cta.cta-section p  { color: var(--text-body); }
#iletisim-cta .eyebrow-light {
  color: var(--brand-primary);
  background: rgba(59,130,246,0.1);
  border-color: rgba(59,130,246,0.2);
}
#iletisim-cta .home-final-form {
  background: #ffffff;
  border: 1px solid rgba(15,23,42,0.1) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,0.08);
}
#iletisim-cta .home-final-form .form-label { color: var(--text-main); }
#iletisim-cta .home-final-form .form-control,
#iletisim-cta .home-final-form .form-select {
  background: #ffffff;
  border-color: #d7e2f3;
  color: var(--text-main);
}
#iletisim-cta .home-final-form .form-control::placeholder { color: #94a3b8; }
#iletisim-cta .home-final-form .form-control:focus,
#iletisim-cta .home-final-form .form-select:focus {
  background: #ffffff;
  border-color: var(--brand-accent);
  color: var(--text-main);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.16);
}
#iletisim-cta .btn-primary {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
  color: #fff;
  box-shadow: 0 8px 20px rgba(59,130,246,0.2);
}
#iletisim-cta .btn-primary:hover,
#iletisim-cta .btn-primary:focus-visible {
  background: var(--brand-accent-hv);
  border-color: var(--brand-accent-hv);
  color: #fff;
}

/* ── 17. FOOTER ─────────────────────────────────────────────── */
.site-footer {
  background: var(--brand-dark);
  color: #CBD5E1;
  border-top: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
  font-size: .9rem;
}
.site-footer p, .site-footer .small { line-height: 1.55; }
.site-footer .text-white, .site-footer .fw-bold { color: #F8FAFC !important; }
.site-footer .text-secondary, .site-footer a     { color: #CBD5E1 !important; }
.site-footer a:hover { color: #F8FAFC !important; text-decoration: none; }
.site-footer-logo { width: auto; height: 2.25rem; object-fit: contain; }
.footer-brand-name {
  color: #F8FAFC;
  font-weight: 800;
  letter-spacing: .02em;
  font-size: 1.1rem;
  line-height: 1;
}
.site-footer hr   { border-color: rgba(255,255,255,0.08) !important; }
.site-footer .footer-links { gap: .2rem !important; }
.site-touch-link  { min-height: 28px; display: inline-flex; align-items: center; }
.footer-bottom { font-size: .8rem; color: rgba(203,213,225,0.72); }
.site-social-link {
  width: 36px; height: 36px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(255,255,255,0.12);
  color: #94A3B8;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none;
  font-size: 1rem;
  transition: background-color .2s, color .2s, border-color .2s;
}
.site-social-link:hover {
  background: rgba(255,255,255,0.08);
  color: #F8FAFC !important;
  border-color: rgba(255,255,255,0.25);
}

/* ── 18. REFERANS CTA BAND ──────────────────────────────────── */
.ref-cta-shell {
  padding-top: 2.5rem !important;
  padding-bottom: 3rem !important;
}
.ref-cta-band {
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(59,130,246,0.38) 0%, transparent 52%),
    radial-gradient(120% 160% at 100% 100%, rgba(16,185,129,0.34) 0%, transparent 54%),
    linear-gradient(135deg, #0F172A 0%, #1E293B 52%, #0B1120 100%);
}
.ref-cta-panel {
  border-radius: 1.1rem;
  padding: 2rem 1.25rem;
  border: 1px solid rgba(148,163,184,0.32);
  box-shadow: 0 18px 36px rgba(15,23,42,0.24);
}
.ref-cta-band h2, .ref-cta-band p { color: #F8FAFC !important; }
.ref-cta-actions .btn { border-radius: var(--radius-md); min-width: 220px; }
.ref-cta-btn-primary {
  background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
  color: #fff;
  border: 1px solid rgba(96,165,250,0.7);
  box-shadow: 0 10px 22px rgba(29,78,216,0.35);
}
.ref-cta-btn-primary:hover {
  background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);
  color: #fff;
  border-color: rgba(191,219,254,0.85);
  transform: translateY(-2px);
}
.ref-cta-btn-ghost {
  background: linear-gradient(135deg, #22C55E 0%, #15803D 100%);
  color: #fff;
  border: 1px solid rgba(110,231,183,0.68);
  box-shadow: 0 10px 22px rgba(21,128,61,0.3);
}
.ref-cta-btn-ghost:hover {
  background: linear-gradient(135deg, #16A34A 0%, #166534 100%);
  border-color: rgba(167,243,208,0.88);
  color: #fff;
  transform: translateY(-2px);
}

/* ── 19. PROSE ──────────────────────────────────────────────── */
.prose { line-height: 1.9; font-size: 1.05rem; color: var(--text-body); }
.prose h2, .prose h3 { color: var(--text-main); margin-top: 2rem; }
.prose ul, .prose ol { padding-left: 1.5rem; }
.prose li { margin-bottom: .4rem; }
.prose strong { color: var(--text-main); }
.svc-detail-hero { background: var(--brand-dark); }

/* ── 20. MISC HOMEPAGE ──────────────────────────────────────── */
.home-proof-card { transition: transform .22s ease, box-shadow .22s ease; }
.home-proof-card:hover { transform: translateY(-4px); }
.home-solution-list .list-group-item { background: transparent; color: var(--text-body); }
.section-heading-center { text-align: center; max-width: 640px; margin: 0 auto 3rem; }
.section-heading-center.section-heading-wide { max-width: 920px; }
.section-heading-center h2 { margin-bottom: .75rem; }
.section-heading-center p  { font-size: 1rem; color: var(--text-body); }
.home-services-title { }
@media (min-width: 992px) {
  /* Keep the main services headline on one line on desktop. */
  .home-services-title { white-space: nowrap; }
}
.section-accent { position: relative; display: inline-block; padding-bottom: .35rem; }
.section-accent::after {
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 100%; height: 2px;
  background: var(--brand-primary); border-radius: 999px; opacity: .5;
}

/* ── 21. HERO MOSAIC (referanslarimiz) ──────────────────────── */
.svc-hero-mosaic { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; max-width: 420px; }
.svc-mosaic-card { animation: mosaic-float 4s ease-in-out infinite; animation-delay: var(--delay, 0s); }
.svc-mosaic-thumb {
  height: 96px;
  border-radius: var(--radius-sm);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border-color);
  transition: transform .25s ease;
}
.svc-mosaic-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.28) 100%);
  transition: opacity .3s;
}
.svc-mosaic-card:hover .svc-mosaic-overlay { opacity: 0; }
.svc-why-visual {
  position: relative;
  border-radius: var(--radius-lg);
  padding: 1.25rem 1.5rem;
  background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  min-height: 380px;
}
.svc-why-bg-img {
  position: absolute;
  inset: -48px;
  background-size: cover;
  background-position: center;
  opacity: .12;
  filter: blur(2px);
  transform: scale(1.08);
  z-index: 0;
  pointer-events: none;
}
.svc-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; padding: .5rem; }
.svc-why-grid {
  position: relative;
  z-index: 1;
  max-width: 360px;
  margin-left: auto;
  transform: translate(10px, 10px);
}
.svc-why-thumb {
  border-radius: var(--radius-sm);
  height: 154px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border-color) !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.svc-why-thumb-badge {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  left: 10px;
  bottom: 10px;
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.12);
}
.svc-why-thumb:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover) !important; }
.svc-why-badge-float  { bottom: 12px; right: 12px; z-index: 2; animation: mosaic-float 3.5s ease-in-out infinite; pointer-events: none; }
.svc-why-badge-float2 { top: 12px; left: 12px; z-index: 2; animation: mosaic-float 4.2s ease-in-out infinite; animation-delay: .8s; pointer-events: none; }
@keyframes mosaic-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* ── 22. ADMIN COMPAT ───────────────────────────────────────── */
.hover-shadow:hover { box-shadow: var(--shadow-hover) !important; }
.letter-spacing-1   { letter-spacing: .07em; }
.card-media-lg { height: 12.5rem; }
.card-media-sm { height:  7.5rem; }
.hero-media    { max-height: 26.25rem; }
.counter       { font-variant-numeric: tabular-nums; }
.cta-single-line { max-width: max-content; }
@media (min-width: 992px) { .cta-single-line { white-space: nowrap; } }

/* ── 23. MOBILE STICKY CTA ──────────────────────────────────── */
.mobile-sticky-cta {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1080;
  padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom));
  background: rgba(241,245,249,0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid var(--border-color);
  display: none;
  gap: .5rem;
}
.mobile-sticky-cta .btn {
  flex: 1 1 0;
  min-height: 44px;
  padding-top: .55rem;
  padding-bottom: .55rem;
  font-size: .9rem;
}
body.body-scroll-lock { overflow: hidden; height: 100vh; }
.navbar-toggler { min-width: 44px; min-height: 44px; }
.nav-link       { min-height: 44px; display: inline-flex; align-items: center; }

/* ── 24. RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 991.98px) {
  .mobile-sticky-cta { display: flex; }
  body { padding-bottom: 84px; }
  .hero-section { min-height: auto; }
  .process-grid { grid-template-columns: 1fr; gap: .8rem; }
  .process-connector { display: none; }
  .py-6 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
  .home-page .py-7 { padding-top: 2.85rem !important; padding-bottom: 2.85rem !important; }
  .home-page .section-heading-center { margin-bottom: 1.35rem; }
  .home-page .process-icon { width: 54px; height: 54px; margin: 0; }
  .navbar-collapse {
    background: rgba(255,255,255,0.98);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: 0 12px 30px rgba(15,23,42,0.1);
    margin-top: .5rem;
    padding: .75rem;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
  }
  .navbar-nav .nav-link, .navbar-nav .btn { width: 100%; justify-content: flex-start; }
  .site-navbar.is-transparent .navbar-collapse {
    background: rgba(15,23,42,0.96);
    border-color: rgba(255,255,255,0.1);
  }
  .site-navbar.is-transparent .navbar-collapse .nav-link,
  .site-navbar.is-transparent .navbar-collapse .dropdown-item { color: #F8FAFC !important; }
  .site-navbar.is-transparent .navbar-collapse .services-dropdown-link {
    color: #F8FAFC !important;
    border-color: rgba(148,163,184,0.35);
    background:
      radial-gradient(150% 130% at 0% 0%, rgba(59,130,246,0.20) 0%, transparent 60%),
      linear-gradient(180deg, rgba(30,41,59,0.94) 0%, rgba(15,23,42,0.90) 100%);
  }
  .site-navbar.is-transparent .navbar-collapse .services-dropdown-link:hover,
  .site-navbar.is-transparent .navbar-collapse .services-dropdown-link.active {
    color: #BFDBFE !important;
  }
  .service-sidebar-sticky { position: static !important; }
  #hero .btn-lg { width: 100%; }
}

@media (max-width: 767.98px) {
  .container { padding-left: 1rem; padding-right: 1rem; }
  .display-5 { font-size: clamp(1.55rem, 5.6vw, 2.15rem); }
  .lead { font-size: 1rem; }
  .process-grid { grid-template-columns: 1fr; }
  .metrics-grid { grid-template-columns: 1fr 1fr; }
  .svc-hero-mosaic { grid-template-columns: repeat(2,1fr); }
  .svc-why-grid { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .svc-why-thumb { height: 100px; }
  .svc-why-badge-float, .svc-why-badge-float2 { display: none !important; }
  .site-brand-logo { height: 2.5rem; }
  .site-footer-logo { height: 2.05rem; }
  .hero-section h1 { font-size: clamp(1.7rem, 5.5vw, 2.5rem); }
  .dash-metric-val { font-size: 1rem; }
  .card-media-lg { height: 11rem; }
  .card-media-sm { height: 7rem; }
  .hero-media    { max-height: 15rem; }
  .cta-form, .home-final-form { padding: 1.5rem 1.25rem; }
  .hero-section::after { display: none; }
  .site-footer .footer-social { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 575.98px) {
  .container { padding-left: .875rem; padding-right: .875rem; }
  .mobile-sticky-cta { padding-left: .65rem; padding-right: .65rem; }
  .mobile-sticky-cta .btn { font-size: .82rem; white-space: nowrap; }
  input, select, textarea { font-size: 16px !important; }
  .process-grid { grid-template-columns: 1fr; }
  .metrics-grid { grid-template-columns: 1fr; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .mobile-sticky-cta {
    left: 50%; right: auto;
    transform: translateX(-50%);
    max-width: 44rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    bottom: .75rem;
  }
  body { padding-bottom: 6.5rem; }
}

@media (hover: none) {
  .card:hover, .svc-card:hover, .svc-card-full:hover,
  .case-card:hover, .blog-card:hover,
  .btn-primary:hover, .btn-outline-primary:hover { transform: none !important; box-shadow: var(--shadow-card) !important; }
  .card:active { transform: translateY(-2px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ── 25. GENERAL HARDENING ──────────────────────────────────── */
html { -webkit-text-size-adjust: 100%; }
p, li, .card-body, .accordion-body { overflow-wrap: anywhere; }
.hero-mockup, .mockup-card, .hero-dashboard { max-width: 100%; }
.form-control, .form-select { min-height: 2.75rem; }
.site-footer .footer-links .site-touch-link { width: 100%; }

/* ── 26. HERO TRUST BAR ─────────────────────────────────────── */
.hero-trust-bar {
  background: rgba(59, 130, 246, 0.05);
  border-top: 1px solid rgba(59, 130, 246, 0.12);
  border-bottom: 1px solid rgba(59, 130, 246, 0.15);
  padding: .45rem 0;
}
.htb-item {
  --htb-color: var(--brand-accent);
  --htb-bg: rgba(59, 130, 246, 0.10);
  --htb-border: rgba(59, 130, 246, 0.18);
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .88rem;
  font-weight: 700;
  color: rgba(15, 23, 42, 0.86);
  white-space: nowrap;
}
.htb-item--success { --htb-color: var(--success-metric); --htb-bg: rgba(22,163,74,0.10); --htb-border: rgba(22,163,74,0.18); }
.htb-item--indigo  { --htb-color: #6366F1;            --htb-bg: rgba(99,102,241,0.10); --htb-border: rgba(99,102,241,0.18); }
.htb-item--amber   { --htb-color: #F59E0B;            --htb-bg: rgba(245,158,11,0.12); --htb-border: rgba(245,158,11,0.22); }

.htb-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--htb-bg);
  border: 1px solid var(--htb-border);
  color: var(--htb-color);
}
.htb-icon .bi { font-size: .95rem; }
.htb-num {
  font-weight: 850;
  color: var(--htb-color);
  background: rgba(255,255,255,0.80);
  border: 1px solid rgba(15,23,42,0.08);
  padding: .12rem .48rem;
  border-radius: 999px;
  letter-spacing: .01em;
}
.htb-text { color: rgba(15, 23, 42, 0.86); }

/* ── 27. TRUST REF (technical sub-text) ─────────────────────── */
.trust-ref {
  display: block;
  margin-top: .4rem;
  font-size: .76rem;
  color: var(--brand-accent);
  letter-spacing: .01em;
  opacity: .85;
}
.trust-icon-indigo ~ div .trust-ref {
  color: #6366F1;
}
.trust-icon-success ~ div .trust-ref {
  color: var(--success-metric);
}

/* ── 28a. ABOUT PRINCIPLES CARDS ─────────────────────────────── */
.principle-card {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.principle-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15,23,42,0.08);
}
.principle-card-icon {
  width: 52px;
  height: 52px;
  color: var(--brand-primary);
  font-size: 1.3rem;
  border: 1px solid rgba(59,130,246,0.2);
  background: rgba(59,130,246,0.12);
}
.principle-card-1 {
  background: linear-gradient(160deg, rgba(30,64,175,0.09), rgba(30,64,175,0.03));
  border-color: rgba(30,64,175,0.16) !important;
}
.principle-card-2 {
  background: linear-gradient(160deg, rgba(22,163,74,0.1), rgba(22,163,74,0.03));
  border-color: rgba(22,163,74,0.18) !important;
}
.principle-card-2 .principle-card-icon {
  color: #0F7A3D;
  border-color: rgba(22,163,74,0.24);
  background: rgba(22,163,74,0.16);
}
.principle-card-3 {
  background: linear-gradient(160deg, rgba(99,102,241,0.1), rgba(99,102,241,0.03));
  border-color: rgba(99,102,241,0.18) !important;
}
.principle-card-3 .principle-card-icon {
  color: #4F46E5;
  border-color: rgba(99,102,241,0.24);
  background: rgba(99,102,241,0.16);
}
.principle-card-4 {
  background: linear-gradient(160deg, rgba(245,158,11,0.12), rgba(245,158,11,0.04));
  border-color: rgba(245,158,11,0.2) !important;
}
.principle-card-4 .principle-card-icon {
  color: #B45309;
  border-color: rgba(245,158,11,0.24);
  background: rgba(245,158,11,0.17);
}

/* ── 28. PROCESS OUTPUT LINE ─────────────────────────────────── */
.process-output {
  margin-top: .6rem;
  margin-bottom: 0;
  font-size: .78rem;
  font-weight: 600;
  color: var(--success-metric);
  letter-spacing: .01em;
}
.process-output .bi { font-size: .85rem; }

/* ── 29. CASE STUDY SECTOR PREFIX ───────────────────────────── */
.case-sector-prefix {
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-body);
  opacity: .6;
  margin-right: .15em;
}

/* ── 30. BLOG FUNNEL LINKS ───────────────────────────────────── */
.blog-funnel-links {
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid var(--border-color);
}
.blog-funnel-link {
  display: inline-flex;
  align-items: center;
  gap: .3em;
  font-size: .76rem;
  font-weight: 500;
  color: var(--brand-primary);
  text-decoration: none;
  opacity: .8;
  transition: opacity .15s;
}
.blog-funnel-link:hover { opacity: 1; text-decoration: underline; }

/* ── 31. FOOTER PROCESS LINK ─────────────────────────────────── */
.footer-process-link {
  color: #CBD5E1 !important;
  font-style: italic;
  margin-top: .25rem;
}
.footer-process-link .bi { font-size: .75rem; }

/* ── 32. SERVICE DETAIL PROCESS TIMELINE ────────────────────── */
.svc-process-timeline {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .18rem;
  grid-auto-rows: 176px;
  position: relative;
}
.svc-pt-item {
  position: relative;
  padding: .85rem .65rem .75rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(59,130,246,0.12) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%);
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.svc-pt-item:nth-child(6n+1) { border-color: rgba(59,130,246,0.30); background: radial-gradient(140% 120% at 8% 0%, rgba(59,130,246,0.14) 0%, transparent 62%), linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%); }
.svc-pt-item:nth-child(6n+2) { border-color: rgba(22,163,74,0.30); background: radial-gradient(140% 120% at 8% 0%, rgba(22,163,74,0.14) 0%, transparent 62%), linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%); }
.svc-pt-item:nth-child(6n+3) { border-color: rgba(99,102,241,0.30); background: radial-gradient(140% 120% at 8% 0%, rgba(99,102,241,0.14) 0%, transparent 62%), linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%); }
.svc-pt-item:nth-child(6n+4) { border-color: rgba(14,165,233,0.30); background: radial-gradient(140% 120% at 8% 0%, rgba(14,165,233,0.14) 0%, transparent 62%), linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%); }
.svc-pt-item:nth-child(6n+5) { border-color: rgba(245,158,11,0.30); background: radial-gradient(140% 120% at 8% 0%, rgba(245,158,11,0.14) 0%, transparent 62%), linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%); }
.svc-pt-item:nth-child(6n+6) { border-color: rgba(236,72,153,0.30); background: radial-gradient(140% 120% at 8% 0%, rgba(236,72,153,0.14) 0%, transparent 62%), linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%); }
.svc-pt-item::after {
  content: '→';
  position: absolute;
  right: -.28rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: .72rem;
  color: var(--text-muted);
  z-index: 2;
  pointer-events: none;
}
.svc-pt-item:last-child::after { display: none; }
.svc-pt-item:nth-child(3)::after,
.svc-pt-item:nth-child(6)::after { display: none; }
.svc-pt-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--brand-primary);
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  margin: 0 auto .45rem;
}
.svc-pt-title {
  font-size: .92rem;
  font-weight: 800;
  color: #0F172A;
  margin-bottom: .3rem;
  min-height: 2.1em;
  display: flex;
  align-items: center;
}
.svc-pt-desc {
  font-size: .92rem;
  font-weight: 500;
  color: #475569;
  line-height: 1.5;
  margin-top: auto;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .svc-process-timeline {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 170px;
  }
  .svc-pt-item:nth-child(3)::after,
  .svc-pt-item:nth-child(6)::after { display: none; }
}
@media (max-width: 575.98px) {
  .svc-process-timeline {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 164px;
  }
  .svc-pt-item:nth-child(2)::after,
  .svc-pt-item:nth-child(4)::after,
  .svc-pt-item:nth-child(6)::after { display: none; }
}

/* ── 33. SENARYO KARTI (Vaka P→Ç→S formatı) ────────────────── */
.case-scenario-col {
  border-right: 1px solid var(--border-color);
}
.case-scenario-col:last-child { border-right: 0; }
@media (max-width: 767.98px) {
  .case-scenario-col {
    border-right: 0;
    border-bottom: 1px solid var(--border-color);
  }
  .case-scenario-col:last-child { border-bottom: 0; }
}

/* ── 34. NEDEN BİZ KARTI ────────────────────────────────────── */
#neden-biz .card { transition: transform .28s cubic-bezier(0.4,0,0.2,1), box-shadow .28s cubic-bezier(0.4,0,0.2,1); }
#neden-biz .card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover) !important; }
#cozum-alanlari .card { transition: transform .28s cubic-bezier(0.4,0,0.2,1), box-shadow .28s cubic-bezier(0.4,0,0.2,1); }
#cozum-alanlari .card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover) !important; }

/* Pastel card backgrounds (homepage boxes look less "kutu kutu") */
#neden-biz .card,
#cozum-alanlari .card {
  --soft-tint: rgba(59,130,246,0.12);
  --soft-border: rgba(15,23,42,0.10);
  background:
    radial-gradient(140% 120% at 10% 0%, var(--soft-tint) 0%, transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,250,252,0.92) 100%);
  border-color: var(--soft-border) !important;
}
#neden-biz .text-body-secondary,
#cozum-alanlari .text-body-secondary {
  color: rgba(15,23,42,0.70) !important;
}

#neden-biz .row.g-4 > :nth-child(1) .card { --soft-tint: rgba(59,130,246,0.14);  --soft-border: rgba(59,130,246,0.22); }
#neden-biz .row.g-4 > :nth-child(2) .card { --soft-tint: rgba(22,163,74,0.14);   --soft-border: rgba(22,163,74,0.22); }
#neden-biz .row.g-4 > :nth-child(3) .card { --soft-tint: rgba(99,102,241,0.15);  --soft-border: rgba(99,102,241,0.22); }
#neden-biz .row.g-4 > :nth-child(4) .card { --soft-tint: rgba(245,158,11,0.16);  --soft-border: rgba(245,158,11,0.24); }

#cozum-alanlari .row.g-4 > :nth-child(1) .card { --soft-tint: rgba(59,130,246,0.14); --soft-border: rgba(59,130,246,0.22); }
#cozum-alanlari .row.g-4 > :nth-child(2) .card { --soft-tint: rgba(22,163,74,0.14);  --soft-border: rgba(22,163,74,0.22); }
#cozum-alanlari .row.g-4 > :nth-child(3) .card { --soft-tint: rgba(99,102,241,0.15); --soft-border: rgba(99,102,241,0.22); }

/* Vaka kartlarına hafif renk tonu */
body.home-page #vakalar .case-card {
  --case-tint: rgba(59,130,246,0.08);
  --case-border: rgba(15,23,42,0.10);
  background:
    radial-gradient(160% 120% at 0% 0%, var(--case-tint) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%);
  border-color: var(--case-border) !important;
}
body.home-page #vakalar .row.g-4 > :nth-child(1) .case-card { --case-tint: rgba(59,130,246,0.10); --case-border: rgba(59,130,246,0.22); }
body.home-page #vakalar .row.g-4 > :nth-child(2) .case-card { --case-tint: rgba(99,102,241,0.10); --case-border: rgba(99,102,241,0.22); }

/* ── 35. SERVİS KARTI MİKRO GÜVEN SATIRI ──────────────────── */
.svc-micro-trust {
  font-size: .73rem;
  color: #64748B;
  margin-top: .6rem;
  margin-bottom: 0;
  letter-spacing: .01em;
  opacity: .85;
}

/* ── 36. TRUST BAR SEPARATOR ─────────────────────────────── */
.htb-sep {
  color: rgba(30, 64, 175, 0.25);
  font-size: 1.1rem;
  line-height: 1;
}

/* ── 37. MOBILE STICKY CTA ───────────────────────────────── */
.mobile-sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  padding: .75rem 1rem;
  background: rgba(255,255,255,0.97);
  border-top: 1px solid rgba(59,130,246,0.15);
  box-shadow: 0 -4px 20px rgba(15,23,42,0.08);
  backdrop-filter: blur(8px);
}

/* About + referans kutularina pastel renk */
.about-vm-card {
  --ab-tint: rgba(59,130,246,0.12);
  --ab-border: rgba(59,130,246,0.22);
  background:
    radial-gradient(150% 120% at 0% 0%, var(--ab-tint) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%);
  border-color: var(--ab-border) !important;
}
.about-vm-card-vision { --ab-tint: rgba(59,130,246,0.14); --ab-border: rgba(59,130,246,0.22); }
.about-vm-card-mission { --ab-tint: rgba(22,163,74,0.14); --ab-border: rgba(22,163,74,0.22); }

.about-process-step {
  --step-tint: rgba(59,130,246,0.10);
  --step-border: rgba(15,23,42,0.10);
  background:
    radial-gradient(160% 130% at 0% 0%, var(--step-tint) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%);
  border-color: var(--step-border) !important;
  transition: transform .22s ease, box-shadow .22s ease;
}
.about-process-step:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15,23,42,0.08);
}
.about-process-section .row.g-3 > :nth-child(1) .about-process-step { --step-tint: rgba(59,130,246,0.12); --step-border: rgba(59,130,246,0.22); }
.about-process-section .row.g-3 > :nth-child(2) .about-process-step { --step-tint: rgba(99,102,241,0.12); --step-border: rgba(99,102,241,0.22); }
.about-process-section .row.g-3 > :nth-child(3) .about-process-step { --step-tint: rgba(22,163,74,0.12); --step-border: rgba(22,163,74,0.22); }
.about-process-section .row.g-3 > :nth-child(4) .about-process-step { --step-tint: rgba(14,165,233,0.12); --step-border: rgba(14,165,233,0.22); }
.about-process-section .row.g-3 > :nth-child(5) .about-process-step { --step-tint: rgba(245,158,11,0.14); --step-border: rgba(245,158,11,0.24); }

.ref-list-section .ref-case-card {
  --ref-tint: rgba(59,130,246,0.16);
  --ref-border: rgba(59,130,246,0.30);
  background:
    radial-gradient(170% 130% at 0% 0%, var(--ref-tint) 0%, transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(246,249,253,0.93) 100%);
  border: 1px solid var(--ref-border) !important;
}
.ref-list-section .row.g-4 > :nth-child(3n+1) .ref-case-card { --ref-tint: rgba(59,130,246,0.16); --ref-border: rgba(59,130,246,0.30); }
.ref-list-section .row.g-4 > :nth-child(3n+2) .ref-case-card { --ref-tint: rgba(99,102,241,0.16); --ref-border: rgba(99,102,241,0.30); }
.ref-list-section .row.g-4 > :nth-child(3n+3) .ref-case-card { --ref-tint: rgba(22,163,74,0.16); --ref-border: rgba(22,163,74,0.30); }

.metric-mini-box {
  --mini-tint: rgba(59,130,246,0.16);
  --mini-border: rgba(59,130,246,0.28);
  border: 1px solid var(--mini-border);
  background:
    radial-gradient(145% 125% at 8% 0%, var(--mini-tint) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(248,250,252,0.93) 100%);
}
.ref-list-section .row.g-2 > .col-4:nth-child(1) .metric-mini-box { --mini-tint: rgba(22,163,74,0.17); --mini-border: rgba(22,163,74,0.30); }
.ref-list-section .row.g-2 > .col-4:nth-child(2) .metric-mini-box { --mini-tint: rgba(59,130,246,0.17); --mini-border: rgba(59,130,246,0.30); }
.ref-list-section .row.g-2 > .col-4:nth-child(3) .metric-mini-box { --mini-tint: rgba(99,102,241,0.17); --mini-border: rgba(99,102,241,0.30); }
.metric-mini-box--up {
  border-color: rgba(22,163,74,0.30);
  background:
    radial-gradient(145% 125% at 8% 0%, rgba(22,163,74,0.19) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(248,250,252,0.93) 100%);
}
.metric-mini-box--down {
  border-color: rgba(245,158,11,0.32);
  background:
    radial-gradient(145% 125% at 8% 0%, rgba(245,158,11,0.22) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(248,250,252,0.93) 100%);
}
.metric-mini-box .small { color: rgba(15,23,42,0.75) !important; }

/* Contact page: hizalama + renkli kutular */
.contact-main-card {
  --ct-tint: rgba(59,130,246,0.14);
  --ct-border: rgba(59,130,246,0.24);
  background:
    radial-gradient(150% 130% at 0% 0%, var(--ct-tint) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(248,250,252,0.94) 100%);
  border: 1px solid var(--ct-border) !important;
}

.contact-side-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact-side-card {
  border: 1px solid rgba(15,23,42,0.12) !important;
}

.contact-side-card-top {
  --cs-tint: rgba(22,163,74,0.16);
  --cs-border: rgba(22,163,74,0.26);
  background:
    radial-gradient(150% 130% at 0% 0%, var(--cs-tint) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(248,250,252,0.94) 100%);
  border-color: var(--cs-border) !important;
}

.contact-side-card-bottom {
  --cs-tint: rgba(99,102,241,0.16);
  --cs-border: rgba(99,102,241,0.26);
  background:
    radial-gradient(150% 130% at 0% 0%, var(--cs-tint) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(248,250,252,0.94) 100%);
  border-color: var(--cs-border) !important;
}

.contact-quick-links .contact-quick-btn {
  color: #fff;
  border: 1px solid transparent;
  font-weight: 600;
  box-shadow: 0 8px 16px rgba(15,23,42,0.16);
}
.contact-quick-btn-services {
  background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
  border-color: rgba(147,197,253,0.75);
}
.contact-quick-btn-cases {
  background: linear-gradient(135deg, #22C55E 0%, #15803D 100%);
  border-color: rgba(134,239,172,0.75);
}
.contact-quick-btn-blog {
  background: linear-gradient(135deg, #6366F1 0%, #4338CA 100%);
  border-color: rgba(165,180,252,0.8);
}
.contact-quick-links .contact-quick-btn:hover {
  color: #fff;
  transform: translateY(-2px);
  filter: brightness(0.96);
}

.contact-main-card:hover,
.contact-side-card:hover {
  transform: none !important;
}

@media (min-width: 992px) {
  .contact-side-stack {
    min-height: 100%;
  }
  .contact-side-stack .contact-side-card {
    flex: 1;
  }
}

/* Blog CTA: referans gorsele benzer panel */
.blog-cta-wrap { padding-bottom: 1.25rem !important; }
.blog-cta-band {
  background:
    radial-gradient(42% 115% at 20% 18%, rgba(59,130,246,0.34) 0%, transparent 72%),
    radial-gradient(46% 130% at 84% 68%, rgba(16,185,129,0.32) 0%, transparent 72%),
    linear-gradient(120deg, #1f3d7a 0%, #1b2d57 42%, #0e1830 100%);
}
.blog-cta-panel {
  border-radius: 1.6rem;
  border: 1px solid rgba(148,163,184,0.30);
  padding: 2.15rem 1.35rem;
  box-shadow: 0 16px 34px rgba(15,23,42,0.26);
}
.blog-cta-band h2 {
  color: #fff !important;
  font-size: clamp(1.5rem, 3.2vw, 2.6rem);
  letter-spacing: -0.02em;
}
.blog-cta-band p {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1rem, 2vw, 1.1rem);
}
.blog-cta-actions .btn {
  min-width: 290px;
  border-radius: 1.15rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  font-size: 1.05rem;
}
.blog-cta-btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
  border: 1px solid rgba(147,197,253,0.72);
  box-shadow: 0 12px 26px rgba(29,78,216,0.34);
}
.blog-cta-btn-primary:hover {
  color: #fff;
  background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);
}
.blog-cta-btn-secondary {
  color: #fff;
  background: linear-gradient(135deg, #22C55E 0%, #15803D 100%);
  border: 1px solid rgba(110,231,183,0.68);
  box-shadow: 0 12px 26px rgba(21,128,61,0.30);
}
.blog-cta-btn-secondary:hover {
  color: #fff;
  background: linear-gradient(135deg, #16A34A 0%, #166534 100%);
}

/* Service detail final CTA band */
.service-final-cta-wrap {
  padding-top: .2rem;
}
.service-final-cta-band {
  background:
    radial-gradient(42% 115% at 20% 18%, rgba(59,130,246,0.34) 0%, transparent 72%),
    radial-gradient(46% 130% at 84% 68%, rgba(16,185,129,0.32) 0%, transparent 72%),
    linear-gradient(120deg, #1f3d7a 0%, #1b2d57 42%, #0e1830 100%);
}
.service-final-cta-panel {
  border-radius: 1.25rem;
  border: 1px solid rgba(148,163,184,0.30);
  box-shadow: 0 16px 34px rgba(15,23,42,0.26);
  padding: 2.1rem 1.35rem;
}
.service-final-cta-band h3 {
  color: #F8FAFC !important;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}
.service-final-cta-band p,
.service-final-cta-band .text-body-secondary {
  color: rgba(226,232,240,0.92) !important;
}
.service-final-cta-btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%) !important;
  border: 1px solid rgba(147,197,253,0.72) !important;
  box-shadow: 0 10px 22px rgba(29,78,216,0.34);
}
.service-final-cta-btn-primary:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%) !important;
}
.service-final-cta-btn-secondary {
  color: #fff !important;
  background: linear-gradient(135deg, #22C55E 0%, #15803D 100%) !important;
  border: 1px solid rgba(110,231,183,0.68) !important;
  box-shadow: 0 10px 22px rgba(21,128,61,0.30);
}
.service-final-cta-btn-secondary:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #16A34A 0%, #166534 100%) !important;
}
@media (max-width: 575.98px) {
  .service-final-cta-panel {
    padding: 1.55rem 1rem;
  }
  .service-final-cta-wrap .btn {
    width: 100%;
  }
}

/* Service detail sidebar: other services colored box links */
.service-side-service-list {
  display: flex;
  flex-direction: column;
}
.service-side-service-link {
  --svc-side-accent: #3B82F6;
  --svc-side-tint: rgba(59,130,246,0.13);
  --svc-side-border: rgba(59,130,246,0.24);
  border: 1px solid var(--svc-side-border);
  border-radius: .7rem;
  padding: .6rem .7rem;
  min-height: 52px;
  background:
    radial-gradient(150% 130% at 0% 0%, var(--svc-side-tint) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.93) 100%);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.service-side-service-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(15,23,42,0.10);
}
.service-side-service-link span {
  color: rgba(15,23,42,0.82);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service-side-service-icon {
  color: var(--svc-side-accent) !important;
}
.service-side-service-arrow {
  color: rgba(15,23,42,0.45) !important;
}
.service-side-service-list > .service-side-service-item:nth-child(6n+1) .service-side-service-link { --svc-side-accent:#3B82F6; --svc-side-tint:rgba(59,130,246,0.15); --svc-side-border:rgba(59,130,246,0.28); }
.service-side-service-list > .service-side-service-item:nth-child(6n+2) .service-side-service-link { --svc-side-accent:#16A34A; --svc-side-tint:rgba(22,163,74,0.15); --svc-side-border:rgba(22,163,74,0.28); }
.service-side-service-list > .service-side-service-item:nth-child(6n+3) .service-side-service-link { --svc-side-accent:#6366F1; --svc-side-tint:rgba(99,102,241,0.15); --svc-side-border:rgba(99,102,241,0.28); }
.service-side-service-list > .service-side-service-item:nth-child(6n+4) .service-side-service-link { --svc-side-accent:#0EA5E9; --svc-side-tint:rgba(14,165,233,0.15); --svc-side-border:rgba(14,165,233,0.28); }
.service-side-service-list > .service-side-service-item:nth-child(6n+5) .service-side-service-link { --svc-side-accent:#F59E0B; --svc-side-tint:rgba(245,158,11,0.16); --svc-side-border:rgba(245,158,11,0.30); }
.service-side-service-list > .service-side-service-item:nth-child(6n+6) .service-side-service-link { --svc-side-accent:#EC4899; --svc-side-tint:rgba(236,72,153,0.15); --svc-side-border:rgba(236,72,153,0.28); }

/* Service detail hero CTA buttons */
.svc-hero-btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%) !important;
  border-color: rgba(147,197,253,0.76) !important;
  box-shadow: 0 10px 22px rgba(29,78,216,0.30);
}
.svc-hero-btn-primary:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%) !important;
}
.svc-hero-btn-secondary {
  color: #fff !important;
  background: linear-gradient(135deg, #22C55E 0%, #15803D 100%) !important;
  border-color: rgba(110,231,183,0.72) !important;
  box-shadow: 0 10px 22px rgba(21,128,61,0.28);
}
.svc-hero-btn-secondary:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #16A34A 0%, #166534 100%) !important;
}

/* Mid CTA button on service detail */
.svc-mid-cta-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content !important;
  min-width: 0;
  max-width: 100%;
  padding: .5rem 1.1rem !important;
  font-size: .95rem;
}
@media (max-width: 575.98px) {
  .svc-mid-cta-btn {
    min-width: 0;
    width: 100% !important;
  }
}

/* Service detail feature pills */
.service-feature-row {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .35rem !important;
  overflow: visible;
  white-space: normal;
}
.service-feature-row .service-feature-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  white-space: normal;
  text-align: center;
}
@media (max-width: 991.98px) {
  .service-feature-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .service-feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.service-feature-pill {
  color: var(--brand-accent) !important;
  border: 1px solid rgba(59,130,246,0.24) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(59,130,246,0.14) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-feature-pill:nth-child(6n+1) {
  border-color: rgba(59,130,246,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(59,130,246,0.16) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-feature-pill:nth-child(6n+2) {
  border-color: rgba(22,163,74,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(22,163,74,0.16) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-feature-pill:nth-child(6n+3) {
  border-color: rgba(99,102,241,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(99,102,241,0.16) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-feature-pill:nth-child(6n+4) {
  border-color: rgba(14,165,233,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(14,165,233,0.16) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-feature-pill:nth-child(6n+5) {
  border-color: rgba(245,158,11,0.28) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(245,158,11,0.18) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-feature-pill:nth-child(6n+6) {
  border-color: rgba(236,72,153,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(236,72,153,0.15) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}

/* Service detail technical feature cards */
.service-tech-feature-card {
  --svc-tech-accent: #3B82F6;
  border-color: rgba(59,130,246,0.24) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(59,130,246,0.12) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-tech-feature-card .bi {
  color: var(--svc-tech-accent) !important;
}
.service-tech-features-grid > .col-md-6:nth-child(6n+1) .service-tech-feature-card {
  --svc-tech-accent: #2563EB;
  border-color: rgba(59,130,246,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(59,130,246,0.15) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-tech-features-grid > .col-md-6:nth-child(6n+2) .service-tech-feature-card {
  --svc-tech-accent: #16A34A;
  border-color: rgba(22,163,74,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(22,163,74,0.15) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-tech-features-grid > .col-md-6:nth-child(6n+3) .service-tech-feature-card {
  --svc-tech-accent: #4F46E5;
  border-color: rgba(99,102,241,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(99,102,241,0.15) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-tech-features-grid > .col-md-6:nth-child(6n+4) .service-tech-feature-card {
  --svc-tech-accent: #0EA5E9;
  border-color: rgba(14,165,233,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(14,165,233,0.15) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-tech-features-grid > .col-md-6:nth-child(6n+5) .service-tech-feature-card {
  --svc-tech-accent: #D97706;
  border-color: rgba(245,158,11,0.28) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(245,158,11,0.17) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}
.service-tech-features-grid > .col-md-6:nth-child(6n+6) .service-tech-feature-card {
  --svc-tech-accent: #DB2777;
  border-color: rgba(236,72,153,0.26) !important;
  background:
    radial-gradient(140% 120% at 8% 0%, rgba(236,72,153,0.15) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.92) 100%) !important;
}

/* ══════════════════════════════════════════════════════════════
   MOBİL & TABLET KAPSAMLI RESPONSIVE DÜZELTMELER
   xs  < 576px  |  sm 576-767px  |  md 768-991px
   ══════════════════════════════════════════════════════════════ */

/* ── GENEL: tablo overflow ────────────────────────────────── */
.table-responsive-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
table { width: 100%; }

/* ── HERO TRUST BAR: nowrap kaldır ────────────────────────── */
@media (max-width: 991.98px) {
  .hero-trust-bar .d-flex { flex-wrap: wrap; row-gap: .5rem; }
  .htb-item { white-space: normal; }
  .htb-sep  { display: none !important; }
}

/* ── HERO BÖLÜM: mobil iyileştirmeler ─────────────────────── */
@media (max-width: 991.98px) {
  /* Hero CTA butonları: tablet ve mobilden itibaren tam genişlik */
  .hero-section .d-flex.flex-wrap > .btn { flex: 1 1 auto; min-width: 200px; justify-content: center; }
  /* Hero dashboard: tablet için küçük boyut */
  .hero-dashboard { max-width: 100%; padding: 1rem; }
  .dash-metric-val { font-size: 1.1rem; }
  .dash-bars { height: 60px; }
}

@media (max-width: 767.98px) {
  /* Hero dashboard: küçük ekranda sade görünüm */
  .hero-dashboard { padding: .85rem; max-width: 100%; }
  .dash-metric-row { gap: .4rem; }
  .dash-metric { padding: .6rem .45rem; }
  .dash-metric-val { font-size: .95rem; }
  .dash-metric-lbl { font-size: .62rem; }
  .dash-metric-delta { font-size: .66rem; }
  .dash-chart { padding: .85rem; }
  .dash-bars { height: 54px; gap: .3rem; }
  .dash-status { flex-wrap: wrap; gap: .35rem; }
  .dash-status-item { flex: 1 1 calc(50% - .35rem); font-size: .68rem; padding: .45rem .5rem; }
}

@media (max-width: 575.98px) {
  /* Hero dashboard gizle — metnin etkileyici olması yeterli */
  .hero-dashboard { display: none !important; }
  /* Hero CTA butonları tam genişlik */
  .hero-section .d-flex.flex-wrap > .btn { width: 100%; min-width: unset; }
}

/* ── REF-CTA & BLOG-CTA: buton min-width mobil override ──── */
@media (max-width: 767.98px) {
  .ref-cta-actions .btn   { min-width: 0; width: 100% !important; }
  .ref-cta-actions        { flex-direction: column; align-items: stretch !important; gap: .65rem !important; }
  .blog-cta-actions .btn  { min-width: 0; width: 100% !important; }
  .blog-cta-actions       { flex-direction: column; align-items: stretch !important; gap: .65rem !important; }
  .ref-cta-panel          { padding: 1.5rem 1rem; }
  .blog-cta-panel         { padding: 1.65rem 1rem; border-radius: 1rem; }
}

/* ── SERVİS SIDEBAR LINK: nowrap overflow ─────────────────── */
.service-side-service-link span { white-space: normal; overflow: visible; text-overflow: unset; }

/* ── TRUST LAYER: mobil yığma ─────────────────────────────── */
@media (max-width: 575.98px) {
  .trust-divider { display: none !important; }
  .trust-block { border-bottom: 1px solid var(--border-color); padding: 1.1rem 1rem; }
}

/* ── SECTION HEADING: mobil ortalama ──────────────────────── */
@media (max-width: 767.98px) {
  .section-heading-center { margin-bottom: 1.5rem; }
  .section-heading-center h2 { font-size: clamp(1.35rem, 5.5vw, 1.8rem); }
}

/* ── CASE CARDS metrikleri: xs tek sütun ─────────────────── */
@media (max-width: 375px) {
  .metrics-grid { grid-template-columns: 1fr; }
}

/* ── SERVİS KART GAP ─────────────────────────────────────── */
@media (max-width: 575.98px) {
  .svc-card { padding: 1.15rem 1rem; }
  .svc-card-full .card-body { padding: 1.15rem 1rem !important; }
}

/* ── CTA FORM: koyu bölge form mobil ─────────────────────── */
@media (max-width: 575.98px) {
  .cta-form, .home-final-form { padding: 1.25rem .875rem; }
}

/* ── PROCESS STEP: tablet için 1 sütun ─────────────────────── */
@media (min-width: 576px) and (max-width: 991.98px) {
  .process-grid { grid-template-columns: 1fr; }
}

/* ── REFERANS CTA BAND: mobil paddings ─────────────────────── */
@media (max-width: 767.98px) {
  .ref-cta-shell { padding-top: 1.75rem !important; padding-bottom: 2rem !important; }
}

/* ── FOOTER: çok küçük ekranda yığma fix ─────────────────── */
@media (max-width: 359px) {
  .site-footer .col-6 { width: 100% !important; }
}

/* ── NAVBAR DROPDOWN: mobilden tam genişlik ─────────────────── */
@media (max-width: 991.98px) {
  .services-dropdown-menu { min-width: unset; width: 100%; }
  .dropdown-menu          { width: 100%; }
}

/* ── TABLET (768-991px) ÖZEL ────────────────────────────── */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Hero: dashboard görünür, orta ölçek */
  .hero-dashboard { max-width: 100%; }
  .dash-bars { height: 62px; }
  /* Trust layer: 2'li grid */
  .trust-layer .row > [class*="col-"] { flex: 0 0 50%; max-width: 50%; }
  .trust-divider { display: none !important; }
  /* Hizmet kartları tablet: 2 sütun */
  .svc-hero-mosaic { max-width: 100%; }
}

/* ── GENEL: yatay taşmayı önle ──────────────────────────── */
@media (max-width: 991.98px) {
  html, body { overflow-x: hidden; }
  .hero-section::after { display: none; }
  img { max-width: 100%; height: auto; }
  /* Tablo yatay scroll */
  .home-case-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* İletişim sayfası kart hover animasyonu: dokunmatik cihazda kapalı */
  .contact-main-card:hover,
  .contact-side-card:hover { transform: none !important; }
}

/* ── BLOG DETAY: prose genişlik ─────────────────────────── */
@media (max-width: 767.98px) {
  .blog-prose { font-size: .97rem; line-height: 1.78; }
  .blog-prose h2 { font-size: 1.25rem; padding-left: .65rem; }
  .blog-prose h3 { font-size: 1.1rem; }
  .blog-cover-img { border-radius: var(--radius-sm); }
}

/* ── HİZMET DETAY: process timeline sm ─────────────────── */
@media (min-width: 576px) and (max-width: 767.98px) {
  .svc-process-timeline {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 164px;
  }
  .svc-pt-item:nth-child(2)::after,
  .svc-pt-item:nth-child(4)::after,
  .svc-pt-item:nth-child(6)::after { display: none; }
}

/* ── HAKKIMIZDA: süreç kartları tablet ──────────────────── */
@media (max-width: 767.98px) {
  .about-process-section .row { --bs-gutter-y: .6rem; }
}

/* ── REFERANSLAR: küçük metrik kutusu ───────────────────── */
@media (max-width: 575.98px) {
  .metric-mini-box { padding: .6rem .5rem !important; }
  .metric-mini-box .fw-bold { font-size: 1rem !important; }
}

/* ── BUTON GRUPLAR: küçük ekranda dikey yığma ───────────── */
@media (max-width: 575.98px) {
  .d-flex.gap-2.flex-wrap > .btn,
  .d-flex.gap-3.flex-wrap > .btn { flex: 1 1 auto; }
}

/* ── FİNAL: küçük ekran genel güvenlik ───────────────────── */
@media (max-width: 575.98px) {
  .eyebrow { font-size: .68rem; padding: .28rem .7rem; }
  .py-6    { padding-top: 2.75rem !important; padding-bottom: 2.75rem !important; }
  .py-7    { padding-top: 2.5rem !important;  padding-bottom: 2.5rem !important; }
  h1 { font-size: clamp(1.55rem, 6vw, 2rem) !important; }
  h2 { font-size: clamp(1.25rem, 5vw, 1.75rem) !important; }
}