/* ========================================================================
   ARAÇ TAKİP — RESPONSIVE SATIŞ SAYFASI KATMANI
   Bu dosya mevcut aractakip.css/aractakip.min.css dosyalarından SONRA
   yüklenir. Mevcut PHP, POS, fiyat ve form akışını değiştirmez.
   ======================================================================== */

:root {
  --at-page: #f5f8fc;
  --at-surface: #ffffff;
  --at-ink: #10213d;
  --at-muted: #52627a;
  --at-line: #dce7f4;
  --at-primary: #2563eb;
  --at-accent: #06b6d4;
  --at-dark: #0b2444;
  --at-radius: 22px;
}

.tracking-saas-page {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-x: clip;
  background: var(--at-page);
  color: var(--at-ink);
}

.tracking-saas-page *,
.tracking-saas-page *::before,
.tracking-saas-page *::after {
  box-sizing: border-box;
}

.tracking-saas-page img {
  display: block;
  max-width: 100%;
  height: auto;
}

.tracking-saas-page :is(h1, h2, h3, p, ul) {
  overflow-wrap: anywhere;
}

.tracking-saas-page :is(a, button, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

/* Hero: aynı hizada, satış odaklı dört CTA. */
.tracking-hero-saas {
  position: relative;
  isolation: isolate;
  padding: clamp(66px, 7vw, 108px) 24px clamp(62px, 7vw, 96px) !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 12%, rgba(6, 182, 212, .22), transparent 28rem),
    radial-gradient(circle at 12% 90%, rgba(37, 99, 235, .22), transparent 30rem),
    linear-gradient(135deg, #071a32 0%, #0c315d 52%, #0a274b 100%) !important;
}

.tracking-hero-saas::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .22;
  background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent);
}

.tracking-hero-inner {
  width: min(1180px, 100% - 48px) !important;
  margin-inline: auto;
  display: grid !important;
  grid-template-columns: minmax(0, 1.07fr) minmax(340px, .93fr) !important;
  gap: clamp(32px, 6vw, 82px) !important;
  align-items: center !important;
}

.tracking-hero-text {
  min-width: 0;
}

.tracking-hero-saas .tracking-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 13px;
  border: 1px solid rgba(186, 230, 253, .28);
  border-radius: 999px;
  background: rgba(14, 165, 233, .13);
  color: #d9f5ff !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.tracking-hero-saas h1 {
  max-width: 26ch;
  margin: 15px 0 14px;
  color: #ffffff !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.07 !important;
  letter-spacing: -.035em;
  text-shadow: none !important;
}

.tracking-hero-saas .tracking-hero-text > p {
  max-width: 61ch;
  margin: 0;
  color: rgba(239, 248, 255, .91) !important;
  font-size: clamp(15.5px, 1.45vw, 17.5px) !important;
  line-height: 1.64 !important;
  text-shadow: none !important;
}

.tracking-hero-saas .hero-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  max-width: 650px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.tracking-hero-saas .hero-benefits li {
  min-width: 0;
  color: rgba(255, 255, 255, .94) !important;
  font-size: 14px !important;
  line-height: 1.45;
  text-shadow: none !important;
}

.tracking-hero-saas .hero-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px !important;
  width: min(100%, 560px) !important;
  max-width: none !important;
  margin: 22px 0 0 !important;
}

.tracking-hero-saas .hero-actions a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-width: 0;
  min-height: 54px;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  font-size: 14.5px !important;
  font-weight: 850 !important;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.tracking-hero-saas .hero-btn {
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, var(--at-primary), var(--at-accent)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(6, 182, 212, .24) !important;
}

.tracking-hero-saas .hero-btn-outline {
  border: 1px solid rgba(226, 242, 255, .35) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.tracking-hero-saas .hero-actions a:hover {
  transform: translateY(-2px);
}

.tracking-hero-saas .hero-btn-outline:hover {
  background: rgba(255, 255, 255, .16) !important;
}

.tracking-hero-saas .hero-trust {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px 16px !important;
  margin-top: 16px !important;
}

.tracking-hero-saas .hero-trust span {
  color: rgba(236, 249, 255, .9) !important;
  font-size: 12.5px !important;
  line-height: 1.5;
}

.tracking-hero-visual {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  min-width: 0;
  align-items: center;
}

.tracking-hero-visual img {
  width: 100% !important;
  min-width: 0;
  max-height: 390px !important;
  padding: 10px;
  border: 1px solid rgba(186, 230, 253, .18);
  border-radius: 20px;
  background: rgba(2, 12, 28, .24);
  object-fit: contain;
  filter: drop-shadow(0 22px 36px rgba(0, 0, 0, .25)) !important;
}

/* Bölümler arası boşluğu dengeler; mevcut içerik korunur. */
.tracking-saas-value,
.tracking-features,
.tracking-social-proof,
.tracking-how-it-works,
.tracking-faq,
.tracking-lead-form,
.tracking-final-cta {
  padding-inline: 24px !important;
}

.tracking-saas-value,
.tracking-features,
.tracking-social-proof,
.tracking-how-it-works,
.tracking-faq {
  padding-block: clamp(64px, 7vw, 96px) !important;
}

.tracking-saas-inner,
.tracking-features-inner,
.tracking-social-inner,
.tracking-how-inner,
.tracking-faq-inner,
.tracking-lead-inner {
  width: min(1180px, 100%) !important;
  margin-inline: auto;
}

.tracking-saas-page .section-head {
  max-width: 740px;
  margin-inline: auto;
}

.tracking-saas-page .section-head h2 {
  color: var(--at-ink) !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em;
}

.tracking-saas-page .section-head p {
  color: var(--at-muted) !important;
  font-size: clamp(15px, 1.45vw, 17px) !important;
  line-height: 1.7 !important;
}

.saas-value-grid,
.features-grid,
.use-cases,
.stats-grid,
.testimonials,
.how-steps,
.timeline-grid {
  gap: clamp(14px, 2vw, 22px) !important;
}

.saas-card,
.feature-card,
.use-case,
.stat-card,
.testimonial,
.how-step,
.timeline-item {
  min-width: 0;
  border-color: var(--at-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .055) !important;
}

/* Fiyatlar: üç eşit kart, CTA'lar kart altına kilitli. */
.atk-methods {
  padding: clamp(64px, 8vw, 100px) 24px !important;
  overflow-x: hidden;
  overflow-x: clip;
}

.atk-methods-inner {
  width: min(1080px, 100%) !important;
  margin-inline: auto;
}

.atk-methods-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 20px !important;
  margin-top: 36px !important;
}

.atk-method {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  padding: 34px 24px 24px !important;
  border-radius: var(--at-radius) !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .07) !important;
}

.atk-method h3 {
  min-height: 2.55em;
  margin-bottom: 14px !important;
}

.atk-method-price {
  min-width: 0;
  min-height: 98px;
  padding: 18px !important;
}

.atk-method-price strong {
  display: block;
  white-space: normal;
}

.atk-method-desc {
  min-height: 4.9em;
}

.atk-method-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 22px !important;
}

.atk-method-actions :is(.atk-buy, .atk-ghost),
.atk-product-actions :is(.atk-buy, .atk-ghost) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-width: 0;
  min-height: 54px;
  padding: 12px 18px !important;
  border-radius: 13px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}

.atk-methods-note {
  width: min(100%, 1080px);
  margin: 24px auto 0 !important;
  padding: 16px 20px !important;
  border-radius: 16px !important;
}

/* Ürün kartı: görsel, teknik bilgi ve CTA dar ekranlarda taşmaz. */
.atk-shop {
  padding: clamp(64px, 8vw, 100px) 24px !important;
  overflow-x: hidden;
  overflow-x: clip;
}

.atk-shop-inner {
  width: min(1080px, 100%) !important;
  margin-inline: auto;
}

.atk-product {
  grid-template-columns: minmax(240px, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(22px, 4vw, 44px) !important;
  min-width: 0;
}

.atk-product-media,
.atk-product-body,
.atk-product-actions {
  min-width: 0;
}

.atk-product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.atk-trustbar {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* Ekran görüntüsü 1: koyu alan okunabilir, butik ve dengeli. */
.atk-access {
  position: relative;
  padding: clamp(72px, 8vw, 110px) 24px !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 18%, rgba(14, 165, 233, .24), transparent 27rem),
    linear-gradient(135deg, #071a32 0%, #123d70 100%) !important;
}

.atk-access-inner {
  width: min(1080px, 100%) !important;
  margin-inline: auto;
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr) !important;
  gap: clamp(32px, 6vw, 82px) !important;
  align-items: center !important;
}

.atk-access-text,
.atk-access-visual {
  min-width: 0;
}

.atk-access .atk-kicker.light {
  border: 1px solid rgba(186, 230, 253, .3) !important;
  background: rgba(186, 230, 253, .13) !important;
  color: #e0f7ff !important;
}

.atk-access h2 {
  max-width: 19ch;
  margin: 16px 0 !important;
  color: #ffffff !important;
  font-size: clamp(30px, 3.8vw, 48px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.025em;
}

.atk-access-text > p {
  max-width: 62ch;
  margin-bottom: 22px !important;
  color: rgba(239, 248, 255, .91) !important;
  font-size: clamp(15px, 1.5vw, 17px) !important;
  line-height: 1.72 !important;
}

.atk-access-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  list-style: none;
}

.atk-access-list li {
  position: relative;
  min-width: 0;
  padding-left: 26px !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}

.atk-access-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #7dd3fc;
  font-weight: 900;
}

.atk-access-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.atk-portal-btn,
.atk-store {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 74px;
  padding: 12px 14px !important;
  border-radius: 15px !important;
  text-decoration: none;
}

.atk-portal-btn {
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(6, 182, 212, .22) !important;
}

.atk-stores {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0;
}

.atk-store {
  gap: 7px !important;
  border: 1px solid rgba(226, 242, 255, .27) !important;
  background: rgba(255, 255, 255, .1) !important;
  color: #ffffff !important;
}

.atk-store :is(small, strong),
.atk-portal-btn :is(small, strong) {
  display: block;
  color: inherit !important;
}

.atk-store small,
.atk-portal-btn small {
  opacity: .8;
  font-size: 10px !important;
}

.atk-store strong,
.atk-portal-btn strong {
  font-size: 13px !important;
}

.atk-access-note {
  max-width: 58ch;
  margin-top: 16px !important;
  color: rgba(224, 242, 254, .82) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}

.atk-access-visual img {
  width: 100%;
  min-height: 300px;
  max-height: 440px;
  border: 1px solid rgba(186, 230, 253, .22);
  border-radius: 22px;
  object-fit: cover;
  box-shadow: 0 26px 54px rgba(0, 0, 0, .28);
}

/* SSS kartları: dev boşluk yok, üç sütun dengeli. */
.tracking-faq {
  background: #f8fafc !important;
}

.faq-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 34px !important;
}

.faq-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0 !important;
  padding: 26px !important;
  border: 1px solid var(--at-line) !important;
  border-radius: 18px !important;
  background: var(--at-surface) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .05) !important;
}

.faq-item h3 {
  margin: 0 0 12px !important;
  color: var(--at-ink) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

.faq-item p {
  margin: 0 !important;
  color: var(--at-muted) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}

/* Form ve final CTA: satır taşmasını önler, dokunma alanını korur. */
.tracking-lead-form {
  padding-block: clamp(64px, 8vw, 100px) !important;
}

.tracking-lead-form .lead-form-grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 390px) !important;
  gap: clamp(20px, 4vw, 36px) !important;
}

.tracking-lead-form .lead-form,
.tracking-lead-form .lead-trust-side,
.tracking-lead-form .form-group {
  min-width: 0;
}

.tracking-lead-form .lead-form :is(input, select, button) {
  max-width: 100%;
  box-sizing: border-box;
}

.tracking-final-cta .final-cta-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: min(100%, 620px) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.tracking-final-cta .final-cta-actions a {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  height: auto !important;
  min-height: 54px;
  padding: 12px 16px !important;
  border-radius: 14px !important;
}

@media (max-width: 980px) {
  .tracking-hero-inner,
  .atk-access-inner,
  .atk-product {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tracking-hero-visual {
    width: min(560px, 100%);
    margin-inline: auto;
  }

  .atk-access-visual {
    width: min(620px, 100%);
    margin-inline: auto;
  }

  .atk-access h2,
  .tracking-hero-saas h1 {
    max-width: 22ch;
  }

  .atk-trustbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tracking-lead-form .lead-form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .tracking-hero-saas,
  .tracking-saas-value,
  .tracking-features,
  .tracking-social-proof,
  .tracking-how-it-works,
  .tracking-faq,
  .tracking-lead-form,
  .tracking-final-cta,
  .atk-methods,
  .atk-shop,
  .atk-access {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .tracking-hero-saas {
    padding-top: max(72px, calc(52px + env(safe-area-inset-top))) !important;
    padding-bottom: 64px !important;
  }

  .tracking-hero-inner,
  .tracking-saas-inner,
  .tracking-features-inner,
  .tracking-social-inner,
  .tracking-how-inner,
  .tracking-faq-inner,
  .tracking-lead-inner,
  .atk-methods-inner,
  .atk-shop-inner,
  .atk-access-inner {
    width: min(100%, 560px) !important;
  }

  .tracking-hero-text {
    text-align: left !important;
  }

  .tracking-hero-saas h1 {
    margin-top: 15px;
    font-size: clamp(31px, 9vw, 42px) !important;
  }

  .tracking-hero-saas .hero-benefits,
  .atk-access-list {
    grid-template-columns: 1fr !important;
  }

  .tracking-hero-saas .hero-actions,
  .tracking-final-cta .final-cta-actions {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .tracking-hero-saas .hero-actions a,
  .tracking-final-cta .final-cta-actions a {
    min-height: 52px;
    font-size: 15px !important;
  }

  .tracking-hero-saas .hero-trust {
    gap: 7px 14px !important;
  }

  .tracking-hero-visual {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .tracking-hero-visual img {
    max-height: 220px !important;
    padding: 6px;
    border-radius: 15px;
  }

  .tracking-saas-page .section-head h2 {
    font-size: clamp(26px, 7vw, 34px) !important;
  }

  .atk-methods-grid,
  .faq-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .atk-method {
    min-height: 0;
    padding: 28px 20px 20px !important;
  }

  .atk-method h3,
  .atk-method-desc {
    min-height: 0;
  }

  .atk-product-actions,
  .atk-access-cta {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .atk-stores {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .atk-portal-btn,
  .atk-store {
    min-height: 58px;
  }

  .atk-access h2 {
    font-size: clamp(28px, 7.5vw, 36px) !important;
  }

  .atk-access-visual img {
    min-height: 0;
    max-height: 300px;
    border-radius: 18px;
  }

  .faq-item {
    padding: 22px 20px !important;
  }

  .atk-trustbar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .tracking-lead-form .lead-form :is(input, select, button) {
    min-height: 52px;
    font-size: 16px !important;
  }
}

@media (max-width: 390px) {
  .tracking-hero-saas,
  .tracking-saas-value,
  .tracking-features,
  .tracking-social-proof,
  .tracking-how-it-works,
  .tracking-faq,
  .tracking-lead-form,
  .tracking-final-cta,
  .atk-methods,
  .atk-shop,
  .atk-access {
    padding-right: 13px !important;
    padding-left: 13px !important;
  }

  .atk-stores,
  .atk-trustbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tracking-hero-saas .hero-trust {
    display: grid !important;
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tracking-saas-page *,
  .tracking-saas-page *::before,
  .tracking-saas-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ========================================================================
   YETKİLİ BAYİ LOGOLARI — ANA SATIŞ SAYFASI
   logo.png beyaz detaylı, triomobil.png koyu detaylıdır. Her ikisi de kendi
   kontrast zemininde ve sınırlı bir kart içinde gösterilir.
   ======================================================================== */

.atk-shop .atk-authorized {
  display: grid !important;
  grid-template-columns: minmax(190px, 230px) minmax(170px, 210px) minmax(190px, 1fr) !important;
  align-items: center !important;
  justify-content: initial !important;
  gap: 12px !important;
  width: min(100%, 760px);
  margin: 22px auto 0 !important;
  padding: 12px !important;
  border: 1px solid #d7e4f2 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #eff6ff, #f8fbff) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06) !important;
}

.atk-shop .atk-authorized > img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 64px !important;
  min-width: 0;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid transparent;
  border-radius: 13px;
  object-fit: contain !important;
}

.atk-shop .atk-authorized > img:first-child {
  background: linear-gradient(135deg, #06213f, #0c3f70) !important;
  border-color: rgba(125, 211, 252, .32);
}

.atk-shop .atk-authorized > img:nth-of-type(2) {
  background: #ffffff !important;
  border-color: #d9e4ef;
}

.atk-shop .atk-authorized-sep {
  display: none !important;
}

.atk-shop .atk-authorized > span:last-child {
  min-width: 0;
  padding: 4px 7px;
  color: #17365f !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.38 !important;
  text-align: left;
}

.atk-shop .atk-authorized > span:last-child small {
  margin-top: 3px;
  color: #5b6d84 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .atk-shop .atk-authorized {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
    gap: 9px !important;
    margin-top: 18px !important;
    padding: 9px !important;
    border-radius: 16px !important;
  }

  .atk-shop .atk-authorized > img {
    height: 54px !important;
    padding: 8px 10px !important;
    border-radius: 11px;
  }

  .atk-shop .atk-authorized > span:last-child {
    grid-column: 1 / -1;
    padding: 4px 2px 1px;
    font-size: 12.5px !important;
    text-align: center;
  }
}

@media (max-width: 390px) {
  .atk-shop .atk-authorized > img {
    height: 46px !important;
    padding: 7px 8px !important;
  }
}

/* ========================================================================
   APP STORE / GOOGLE PLAY ROZETLERİ
   Ana sayfadaki müşteri erişimi alanı için, görseldeki resmi mağaza rozet
   oranını korur. Bağlantıların hedefi ve erişilebilir adı değişmez.
   ======================================================================== */

.atk-access .atk-access-cta {
  grid-template-columns: minmax(190px, .82fr) minmax(0, 1.18fr) !important;
  align-items: stretch !important;
}

.atk-access .atk-portal-btn {
  min-height: 58px;
}

.atk-access .atk-stores {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100%;
  max-width: 390px;
  gap: 8px !important;
}

.atk-access .atk-store {
  min-height: 58px;
  padding: 7px 10px !important;
  gap: 8px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 9px !important;
  background: #050505 !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px rgba(2, 6, 23, .24) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.atk-access .atk-store:hover {
  border-color: #ffffff !important;
  background: #101010 !important;
  box-shadow: 0 11px 22px rgba(2, 6, 23, .32) !important;
  transform: translateY(-1px);
}

.atk-access .atk-store-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 28px;
  color: #ffffff !important;
}

.atk-access .atk-store-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}

.atk-access .atk-store-text {
  min-width: 0;
  text-align: left;
}

.atk-access .atk-store-text small,
.atk-access .atk-store-text strong {
  display: block;
  overflow: hidden;
  color: #ffffff !important;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.atk-access .atk-store-text small {
  margin-bottom: 3px;
  opacity: .92;
  font-size: 9px !important;
  font-weight: 600 !important;
}

.atk-access .atk-store-text strong {
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: -.02em;
}

@media (max-width: 767px) {
  .atk-access .atk-access-cta {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .atk-access .atk-portal-btn,
  .atk-access .atk-stores {
    width: min(100%, 390px);
    margin-inline: auto;
  }

  .atk-access .atk-store {
    min-height: 56px;
  }
}

@media (max-width: 390px) {
  .atk-access .atk-store {
    min-height: 52px;
    padding: 6px 7px !important;
    gap: 6px !important;
  }

  .atk-access .atk-store-icon,
  .atk-access .atk-store-icon svg {
    width: 21px;
    height: 21px;
  }

  .atk-access .atk-store-text small {
    font-size: 8px !important;
  }

  .atk-access .atk-store-text strong {
    font-size: 16px !important;
  }
}

/* ========================================================================
   TEKLİF FORMU — YÜKSEK KONTRAST, KONTROLLÜ ZEMİN VE RESPONSIVE DÜZEN
   Koyu saydam katman, eski koyu metin kuralının başlıkları ezmesini önler.
   ======================================================================== */

.tracking-lead-form {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(72px, 8vw, 112px) 24px !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(6, 182, 212, .26), transparent 26rem),
    radial-gradient(circle at 90% 84%, rgba(37, 99, 235, .24), transparent 30rem),
    linear-gradient(135deg, #061a33 0%, #092b52 52%, #07182e 100%) !important;
}

.tracking-lead-form::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .2;
  background-image: linear-gradient(rgba(186, 230, 253, .14) 1px, transparent 1px), linear-gradient(90deg, rgba(186, 230, 253, .14) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
}

.tracking-lead-form .tracking-lead-inner {
  width: min(1080px, 100%) !important;
  min-width: 0;
}

.tracking-lead-form .section-head {
  max-width: 690px;
  margin: 0 auto 36px !important;
  text-align: center;
}

.tracking-lead-form .section-head h2 {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(30px, 4vw, 46px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em;
  text-shadow: none !important;
}

.tracking-lead-form .section-head p {
  margin: 0 auto !important;
  color: rgba(226, 242, 255, .88) !important;
  font-size: clamp(15px, 1.5vw, 17px) !important;
  line-height: 1.7 !important;
}

.tracking-lead-form .lead-form-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr) !important;
  align-items: stretch !important;
  gap: clamp(22px, 4vw, 42px) !important;
}

.tracking-lead-form .lead-form,
.tracking-lead-form .lead-trust-side {
  min-width: 0;
  border: 1px solid rgba(186, 230, 253, .24);
  border-radius: 22px;
  box-shadow: 0 24px 54px rgba(2, 6, 23, .24);
}

.tracking-lead-form .lead-form {
  padding: clamp(22px, 3vw, 30px) !important;
  background: rgba(255, 255, 255, .97) !important;
}

.tracking-lead-form .form-group {
  min-width: 0;
  margin-bottom: 13px !important;
}

.tracking-lead-form .lead-form input:not([type="checkbox"]),
.tracking-lead-form .lead-form select {
  width: 100% !important;
  min-width: 0;
  min-height: 52px !important;
  padding: 0 15px !important;
  border: 1px solid #d4e0ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #152b49 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

.tracking-lead-form .lead-form input:not([type="checkbox"])::placeholder {
  color: #7186a2 !important;
  opacity: 1;
}

.tracking-lead-form .lead-form select {
  padding-right: 40px !important;
}

.tracking-lead-form .lead-form :is(input, select):focus {
  border-color: #159de3 !important;
  outline: 0;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, .15) !important;
}

.tracking-lead-form .kvkk {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 18px 0 16px !important;
  padding: 0 !important;
}

.tracking-lead-form .kvkk input[type="checkbox"] {
  appearance: auto;
  width: 18px !important;
  height: 18px !important;
  margin: 1px 0 0 !important;
  accent-color: #1677e8;
  flex: 0 0 auto;
}

.tracking-lead-form .kvkk label {
  margin: 0 !important;
  color: #4b607a !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.tracking-lead-form .lead-submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 54px !important;
  padding: 13px 20px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #1677e8, #08b9dc) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.3;
  box-shadow: 0 12px 24px rgba(6, 182, 212, .25) !important;
}

.tracking-lead-form .lead-submit:hover {
  background: linear-gradient(135deg, #1269d2, #07a9c8) !important;
  transform: translateY(-1px);
}

.tracking-lead-form .form-microcopy {
  margin-top: 14px !important;
  color: #5f7390 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.tracking-lead-form .lead-trust-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 4vw, 38px) !important;
  background: rgba(5, 23, 46, .48) !important;
  backdrop-filter: blur(10px);
}

.tracking-lead-form .lead-trust-side h3 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(22px, 2.5vw, 28px) !important;
  line-height: 1.2 !important;
}

.tracking-lead-form .trust-list {
  display: grid;
  gap: 12px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.tracking-lead-form .trust-list li {
  color: rgba(240, 249, 255, .96) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.tracking-lead-form .trust-badges {
  display: flex !important;
  flex-wrap: wrap;
  gap: 9px !important;
  margin-top: 24px !important;
}

.tracking-lead-form .trust-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px !important;
  border: 1px solid rgba(186, 230, 253, .2) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .1) !important;
  color: #e5f7ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2;
}

.tracking-lead-form .tracking-form-alert {
  margin-bottom: 16px !important;
}

@media (max-width: 820px) {
  .tracking-lead-form {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .tracking-lead-form .lead-form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tracking-lead-form .lead-trust-side {
    order: 2;
  }
}

@media (max-width: 560px) {
  .tracking-lead-form {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
  }

  .tracking-lead-form .section-head {
    margin-bottom: 26px !important;
  }

  .tracking-lead-form .section-head h2 {
    font-size: clamp(27px, 8vw, 34px) !important;
  }

  .tracking-lead-form .lead-form,
  .tracking-lead-form .lead-trust-side {
    padding: 20px 16px !important;
    border-radius: 18px;
  }

  .tracking-lead-form .lead-form input:not([type="checkbox"]),
  .tracking-lead-form .lead-form select {
    min-height: 50px !important;
    font-size: 16px !important;
  }

  .tracking-lead-form .lead-trust-side h3 {
    font-size: 22px !important;
  }

  .tracking-lead-form .trust-list {
    gap: 10px;
  }

  .tracking-lead-form .trust-list li {
    font-size: 14px !important;
  }
}

/* ========================================================================
   HERO — KURUMSAL SATIŞ KATMANI  (2026-09-18)
   Fiyat çapası, birincil CTA hiyerarşisi ve ödeme planı notu.
   Mevcut hero ızgarası ve renk paleti korunur.
   ======================================================================== */

/* --- Fiyat çapası: satış odaklı, fiyat motorundan canlı gelir --- */
.tracking-hero-saas .hero-pricelead {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin: 19px 0 0;
  padding: 12px 17px;
  border: 1px solid rgba(186, 230, 253, .3);
  border-left: 3px solid #22d3ee;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(8, 47, 88, .72), rgba(6, 30, 58, .5));
  backdrop-filter: blur(4px);
}

.tracking-hero-saas .hero-pricelead-main {
  color: #f2fbff;
  font-size: clamp(15px, 1.6vw, 17px);
  font-weight: 700;
  line-height: 1.4;
}

.tracking-hero-saas .hero-pricelead-main strong {
  color: #67e8f9;
  font-size: clamp(21px, 2.4vw, 27px);
  font-weight: 900;
  letter-spacing: -.02em;
}

.tracking-hero-saas .hero-pricelead-sub {
  color: rgba(224, 244, 255, .8);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.5;
}

/* --- CTA hiyerarşisi: birincil buton iki kolonu kaplar --- */
.tracking-hero-saas .hero-actions .hero-btn-primary {
  grid-column: 1 / -1;
  min-height: 60px !important;
  font-size: clamp(15px, 1.6vw, 16.5px) !important;
  letter-spacing: -.01em;
  box-shadow: 0 16px 34px rgba(6, 182, 212, .32) !important;
}

.tracking-hero-saas .hero-actions .hero-btn-primary::after {
  content: "→";
  margin-left: 10px;
  font-size: 1.05em;
  transition: transform .18s ease;
}

.tracking-hero-saas .hero-actions .hero-btn-primary:hover::after {
  transform: translateX(3px);
}

/* Telefon butonu: kurumsal güven sinyali */
.tracking-hero-saas .hero-actions .hero-btn-phone {
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}

/* --- Ödeme planı notu (taksit kuralı) --- */
.atk-methods-note-sub {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(148, 163, 184, .45);
  color: #475569;
  font-size: 13.5px;
  line-height: 1.7;
}

.atk-methods-note-sub strong { color: #0f172a; }

/* --- Tablet --- */
@media (max-width: 980px) {
  .tracking-hero-saas .hero-pricelead {
    width: 100%;
  }
}

/* --- Telefon --- */
@media (max-width: 767px) {
  .tracking-hero-saas .hero-pricelead {
    margin-top: 20px;
    padding: 13px 15px;
  }

  .tracking-hero-saas .hero-pricelead-main {
    font-size: 15px;
  }

  .tracking-hero-saas .hero-pricelead-main strong {
    font-size: 23px;
  }

  .tracking-hero-saas .hero-pricelead-sub {
    font-size: 12px;
  }

  /* Tek kolonda birincil buton yine tam genişlik ve baskın */
  .tracking-hero-saas .hero-actions .hero-btn-primary {
    min-height: 56px !important;
    font-size: 15.5px !important;
  }
}

@media (max-width: 400px) {
  .tracking-hero-saas .hero-actions .hero-btn-primary {
    font-size: 14.5px !important;
  }

  .tracking-hero-saas .hero-actions .hero-btn-primary::after {
    margin-left: 7px;
  }
}

/* Hero üst boşluğu: eyebrow sabit başlığın altında kalmasın */
@media (max-width: 767px) {
  .tracking-hero-saas {
    padding-top: max(96px, calc(76px + env(safe-area-inset-top))) !important;
  }

  .tracking-hero-saas .tracking-eyebrow {
    font-size: 11px;
    letter-spacing: .08em;
  }

  .tracking-hero-saas h1 {
    font-size: clamp(29px, 8.2vw, 38px) !important;
  }

  .tracking-hero-saas .hero-benefits {
    gap: 8px 14px !important;
    margin-top: 20px !important;
  }

  .tracking-hero-saas .tracking-hero-text > p {
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }
}

/* Kısa yükseklikli ekranlar (1366x768 gibi dizüstü): birincil CTA
   ilk ekranda kalsın diye hero ritmi bir kademe daha sıkılaşır. */
@media (min-width: 768px) and (max-height: 840px) {
  /* Sabit başlık 83px yüksekliğinde; eyebrow altında kalmasın. */
  .tracking-hero-saas {
    padding-top: 104px !important;
    padding-bottom: 56px !important;
  }

  .tracking-hero-saas h1 {
    margin: 12px 0 11px;
    font-size: clamp(32px, 3.4vw, 46px) !important;
  }

  .tracking-hero-saas .tracking-hero-text > p {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .tracking-hero-saas .hero-benefits {
    gap: 8px 16px;
    margin-top: 16px !important;
  }

  .tracking-hero-saas .hero-pricelead {
    margin-top: 15px;
    padding: 11px 15px;
  }

  .tracking-hero-saas .hero-pricelead-main strong {
    font-size: clamp(20px, 2.1vw, 24px);
  }

  .tracking-hero-saas .hero-actions {
    margin-top: 17px !important;
  }

  .tracking-hero-saas .hero-actions .hero-btn-primary {
    min-height: 54px !important;
  }

  .tracking-hero-saas .hero-actions a {
    min-height: 48px;
  }

  .tracking-hero-saas .hero-trust {
    margin-top: 13px !important;
  }
}

/* ========================================================================
   SATIŞ ODAKLI CTA KATMANI  (2026-09-18)
   ------------------------------------------------------------------------
   Tüm kurallar `.tracking-saas-page` altına kapsanmıştır; ödeme ekranı
   (body.atk-shop-body) ve sitenin diğer sayfaları ETKİLENMEZ.
   İçerik ve yapı değişmez — yalnızca CTA'ların görsel baskısı artar.
   ======================================================================== */

.tracking-saas-page {
  --cta-blue: #1d4ed8;
  --cta-blue-dark: #1e3a8a;
  --cta-cyan: #06b6d4;
  --cta-ring: rgba(37, 99, 235, .38);
}

/* ---- Ortak: birincil CTA gövdesi ---------------------------------- */
.tracking-saas-page .atk-buy,
.tracking-saas-page .roi-cta,
.tracking-saas-page .lead-submit,
.tracking-saas-page .final-cta-actions .hero-btn,
.tracking-saas-page .hero-actions .hero-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  font-weight: 900 !important;
  letter-spacing: -.01em;
  text-shadow: 0 1px 1px rgba(2, 12, 28, .18);
}

/* Parlama süpürmesi: yalnızca hover/focus'ta bir kez geçer */
.tracking-saas-page .atk-buy::before,
.tracking-saas-page .roi-cta::before,
.tracking-saas-page .lead-submit::before,
.tracking-saas-page .final-cta-actions .hero-btn::before,
.tracking-saas-page .hero-actions .hero-btn::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -60%;
  z-index: -1;
  width: 45%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .34), transparent);
  transition: left .55s ease;
  pointer-events: none;
}

.tracking-saas-page .atk-buy:hover::before,
.tracking-saas-page .atk-buy:focus-visible::before,
.tracking-saas-page .roi-cta:hover::before,
.tracking-saas-page .lead-submit:hover::before,
.tracking-saas-page .final-cta-actions .hero-btn:hover::before,
.tracking-saas-page .hero-actions .hero-btn:hover::before {
  left: 115%;
}

/* ---- Plan kartı CTA'ları: en baskın eyleme dönüşür ---------------- */
.tracking-saas-page .atk-method-actions {
  gap: 10px;
}

.tracking-saas-page .atk-method-actions .atk-buy {
  min-height: 58px;
  border-radius: 15px;
  background-color: var(--cta-blue);
  background-image: linear-gradient(135deg, #2563eb 0%, #1d4ed8 55%, #06b6d4 100%);
  font-size: 16px !important;
  box-shadow:
    0 14px 30px rgba(29, 78, 216, .34),
    inset 0 1px 0 rgba(255, 255, 255, .22);
}

.tracking-saas-page .atk-method-actions .atk-buy::after {
  content: "→";
  margin-left: 9px;
  font-size: 1.08em;
  transition: transform .18s ease;
}

.tracking-saas-page .atk-method-actions .atk-buy:hover {
  transform: translateY(-3px);
  box-shadow:
    0 22px 44px rgba(29, 78, 216, .46),
    inset 0 1px 0 rgba(255, 255, 255, .26);
}

.tracking-saas-page .atk-method-actions .atk-buy:hover::after {
  transform: translateX(4px);
}

.tracking-saas-page .atk-method-actions .atk-buy:active {
  transform: translateY(-1px) scale(.995);
}

/* İkincil eylem bilinçli olarak sessizleşir: dikkat birincilde kalır */
.tracking-saas-page .atk-method-actions .atk-ghost {
  min-height: 48px;
  border-color: #dbe6f4;
  background: #fbfdff;
  color: #2b4a75;
  font-size: 13.8px !important;
  font-weight: 800 !important;
}

.tracking-saas-page .atk-method-actions .atk-ghost:hover {
  border-color: #b9d2f2;
  background: #f1f7ff;
  color: var(--cta-blue);
}

/* ---- Öne çıkan plan kartı görsel olarak kazanır ------------------- */
.tracking-saas-page .atk-method.is-featured {
  border-color: #2563eb;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, .2),
    0 28px 62px rgba(29, 78, 216, .2);
}

/* Geniş ekranda önerilen plan hafifçe öne çıkar; ızgara bozulmaz */
@media (min-width: 981px) {
  .tracking-saas-page .atk-methods-grid {
    align-items: center;
  }

  .tracking-saas-page .atk-method.is-featured {
    transform: scale(1.035);
    z-index: 2;
  }
}

.tracking-saas-page .atk-method.is-featured .atk-method-price {
  background: linear-gradient(135deg, #eff6ff, #e0f2fe);
  border-color: #bfdbfe;
}

/* Fiyat daha güçlü okunur */
.tracking-saas-page .atk-method-price strong {
  letter-spacing: -.03em;
}

/* ---- ROI bölümü CTA'sı -------------------------------------------- */
.tracking-saas-page .roi-cta {
  display: inline-flex !important;
  width: auto !important;   /* mevcut a[class*="cta"]{width:100%} kuralını dengeler */
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 15px 30px !important;
  background-color: var(--cta-blue);
  background-image: linear-gradient(135deg, #2563eb, #06b6d4);
  color: #fff !important;
  font-size: 15.5px;
  box-shadow: 0 16px 34px rgba(37, 99, 235, .4);
}

.tracking-saas-page .roi-cta:hover {
  transform: translateY(-3px);
  background-image: linear-gradient(135deg, #1d4ed8, #0891b2);
  color: #fff !important;
  box-shadow: 0 24px 46px rgba(37, 99, 235, .5);
}

/* ---- Teklif formu gönder butonu ----------------------------------- */
.tracking-saas-page .lead-submit {
  min-height: 60px;
  padding: 17px 24px !important;
  background-color: var(--cta-blue);
  background-image: linear-gradient(135deg, #2563eb, #06b6d4);
  font-size: 17px !important;
  box-shadow: 0 16px 36px rgba(37, 99, 235, .42);
  animation: none !important;   /* eski sürekli pulse kaldırıldı */
  transition: transform .2s ease, box-shadow .2s ease;
}

.tracking-saas-page .lead-submit:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 48px rgba(37, 99, 235, .54);
}

.tracking-saas-page .lead-submit:active {
  transform: translateY(-1px) scale(.995);
}

/* ---- Sayfa sonu CTA ----------------------------------------------- */
.tracking-saas-page .final-cta-actions .hero-btn {
  min-height: 60px;
  background-color: var(--cta-blue);
  background-image: linear-gradient(135deg, #2563eb, #06b6d4);
  font-size: 16.5px !important;
  box-shadow: 0 16px 36px rgba(37, 99, 235, .42);
}

.tracking-saas-page .final-cta-actions .hero-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 48px rgba(37, 99, 235, .54);
}

.tracking-saas-page .final-cta-actions .hero-btn-outline {
  min-height: 56px;
  font-variant-numeric: tabular-nums;
}

/* ---- Hero birincil CTA: en güçlü vurgu ---------------------------- */
.tracking-hero-saas .hero-actions .hero-btn-primary {
  background-color: var(--cta-blue);
  background-image: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #06b6d4 100%) !important;
  box-shadow:
    0 18px 38px rgba(6, 182, 212, .36),
    inset 0 1px 0 rgba(255, 255, 255, .2) !important;
}

.tracking-hero-saas .hero-actions .hero-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow:
    0 26px 52px rgba(6, 182, 212, .46),
    inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

.tracking-hero-saas .hero-actions .hero-btn-primary:active {
  transform: translateY(-1px) scale(.995);
}

/* İkincil hero butonları: okunur ama birincille yarışmaz */
.tracking-hero-saas .hero-actions .hero-btn-outline:hover {
  border-color: rgba(226, 242, 255, .6) !important;
  transform: translateY(-2px);
}

/* ---- Ürün bloğu CTA'sı -------------------------------------------- */
.tracking-saas-page .atk-product-actions .atk-buy {
  min-height: 58px;
  background-color: var(--cta-blue);
  background-image: linear-gradient(135deg, #2563eb, #06b6d4);
  font-size: 16px !important;
  box-shadow: 0 14px 32px rgba(37, 99, 235, .38);
}

.tracking-saas-page .atk-product-actions .atk-buy:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 44px rgba(37, 99, 235, .5);
}

/* ---- Güven şeridi: rakamlar daha güçlü --------------------------- */
.tracking-saas-page .atk-trustbar strong {
  font-size: 23px;
  letter-spacing: -.02em;
}

.tracking-saas-page .stat-card strong {
  letter-spacing: -.02em;
}

/* ---- Portal / mağaza butonları ----------------------------------- */
.tracking-saas-page .atk-portal-btn {
  background-color: var(--cta-blue);
  background-image: linear-gradient(135deg, #2563eb, #06b6d4);
  box-shadow: 0 16px 34px rgba(37, 99, 235, .4);
}

.tracking-saas-page .atk-portal-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 46px rgba(37, 99, 235, .5);
}


/* ---- Sayfa sonu CTA: hiyerarşi düzeltmesi -------------------------
   Mevcut aractakip.css içinde `.final-cta-actions a` için sürekli bir
   `pulse` animasyonu ve her iki butona da gradient tanımlıdır. Bu,
   birincil butonun etrafında halka artefaktı bırakıyor ve ikincil
   butonu birincille aynı ağırlığa getiriyordu. Burada düzeltilir. */
.tracking-saas-page .final-cta-actions a {
  animation: none !important;
}

.tracking-saas-page .final-cta-actions .hero-btn-outline {
  background-color: transparent !important;
  background-image: none !important;
  border: 1.5px solid rgba(226, 242, 255, .42) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

.tracking-saas-page .final-cta-actions .hero-btn-outline:hover {
  background-color: rgba(255, 255, 255, .12) !important;
  border-color: rgba(226, 242, 255, .68) !important;
  transform: translateY(-2px);
}

/* Teklif formu butonundaki eski halka animasyonu da kapatılır */
.tracking-saas-page .lead-submit,
.tracking-saas-page .roi-cta {
  animation: none !important;
}

/* ========================================================================
   MOBİL SABİT CTA ÇUBUĞU
   ======================================================================== */
.atk-buybar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  display: none;
  align-items: center;
  gap: 10px;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: rgba(7, 26, 50, .96);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(125, 211, 252, .26);
  box-shadow: 0 -8px 26px rgba(2, 12, 28, .34);
  transform: translateY(105%);
  transition: transform .28s ease;
}

.atk-buybar.is-visible {
  transform: translateY(0);
}

.atk-buybar-lead {
  flex: 0 1 auto;
  min-width: 0;
  line-height: 1.2;
}

.atk-buybar-lead small {
  display: block;
  color: rgba(224, 244, 255, .76);
  font-size: 10.5px;
  font-weight: 700;
  white-space: nowrap;
}

.atk-buybar-lead strong {
  display: block;
  color: #67e8f9;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -.02em;
  white-space: nowrap;
}

.atk-buybar-go {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 12px 14px;
  border-radius: 13px;
  background-color: #1d4ed8;
  background-image: linear-gradient(135deg, #2563eb, #06b6d4);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(6, 182, 212, .36);
}

.atk-buybar-go:active {
  transform: scale(.985);
}

.atk-buybar-call {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(226, 242, 255, .34);
  border-radius: 13px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  text-decoration: none;
}

.atk-buybar-call svg {
  width: 21px;
  height: 21px;
}

.atk-buybar-call:active {
  background: rgba(255, 255, 255, .18);
}

/* Çubuk yalnızca dokunmatik/dar ekranlarda görünür */
@media (max-width: 900px) {
  .atk-buybar {
    display: flex;
  }

  /* Sayfa sonu çubuğun altında kalmasın */
  .tracking-saas-page .tracking-final-cta {
    padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 380px) {
  .atk-buybar-lead {
    display: none;
  }

  .atk-buybar-go {
    font-size: 14.5px;
  }
}

/* ========================================================================
   CTA RESPONSIVE İNCE AYAR
   ======================================================================== */
@media (max-width: 767px) {
  .tracking-saas-page .atk-method-actions .atk-buy {
    min-height: 56px;
    font-size: 15.5px !important;
  }

  .tracking-saas-page .roi-cta,
  .tracking-saas-page .final-cta-actions .hero-btn {
    width: 100% !important;
    min-height: 56px;
    font-size: 15.5px !important;
  }

  .tracking-saas-page .lead-submit {
    min-height: 56px;
    font-size: 16px !important;
  }

  .tracking-saas-page .atk-trustbar strong {
    font-size: 19px;
  }
}

/* Dokunmatik cihazlarda hover dönüşümleri kapalı */
@media (hover: none) {
  .tracking-saas-page .atk-buy:hover,
  .tracking-saas-page .roi-cta:hover,
  .tracking-saas-page .lead-submit:hover,
  .tracking-saas-page .final-cta-actions .hero-btn:hover,
  .tracking-hero-saas .hero-actions .hero-btn-primary:hover,
  .tracking-saas-page .atk-portal-btn:hover {
    transform: none;
  }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .tracking-saas-page .atk-buy::before,
  .tracking-saas-page .roi-cta::before,
  .tracking-saas-page .lead-submit::before,
  .tracking-saas-page .final-cta-actions .hero-btn::before,
  .tracking-saas-page .hero-actions .hero-btn::before {
    display: none;
  }

  .atk-buybar {
    transition: none;
  }
}

/* Klavye odağı: agresif butonlarda da net görünür */
.tracking-saas-page .atk-buy:focus-visible,
.tracking-saas-page .atk-ghost:focus-visible,
.tracking-saas-page .roi-cta:focus-visible,
.tracking-saas-page .lead-submit:focus-visible,
.atk-buybar-go:focus-visible,
.atk-buybar-call:focus-visible {
  outline: 3px solid #7dd3fc;
  outline-offset: 3px;
}