/* Evon CRM — Brand palette */
:root {
  --bg: #FBFBFE;
  --bg-alt: #E8EAF3;
  --bg-card: #FFFFFF;
  --bg-dark: #05236A;
  --ink: #05236A;
  --ink-2: #05236A;
  --muted: #5C6F94;
  --muted-2: #8B98B5;
  --line: #E2E5EF;
  --line-2: #CCD0E0;
  --accent: #92BBF4;          /* secondary */
  --accent-2: #6FA1EC;
  --accent-soft: #E5EEFA;
  --hl: #92BBF4;
  --grad-cta: linear-gradient(90deg, #90E187 0%, #92BBF4 100%);
  --grad-cta-hover: linear-gradient(90deg, #7DD974 0%, #79ABF0 100%);
  --hl-soft: #E5EEFA;
  --green: #05236A;
  --green-soft: #E5EEFA;
  --coral: #92BBF4;
  --purple: #05236A;
  --max: 1240px;
  --pad: clamp(20px, 4vw, 40px);
  --radius: 10px;
  --radius-lg: 18px;
  --radius-xl: 28px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; background: #FBFBFE; }
body {
  font-family: 'Maven Pro', 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.55;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; }

/* Typography */
.h-display, h1.hero-title {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.02;
  font-size: clamp(32px, 6.4vw, 74px);
  color: var(--ink);
  margin: 0;
  text-wrap: balance;
}
.h-display .hl, h1 .hl {
  background: var(--hl);
  padding: 0 0.18em;
  border-radius: 8px;
  white-space: nowrap;
}
.h-display .ital, h1 .ital {
  font-style: italic;
  font-weight: 400;
  font-family: 'Source Serif 4', 'Manrope', serif;
}
h2.section-title {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
  font-size: clamp(32px, 4.4vw, 58px);
  margin: 0 0 18px;
  text-wrap: balance;
}
h2 .hl { background: var(--hl); padding: 0 0.18em; border-radius: 6px; }
h3 {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-weight: 600;
  letter-spacing: -0.018em;
  font-size: 22px;
  margin: 0 0 8px;
  line-height: 1.2;
}
.eyebrow {
  display: none;
}
._unused-eyebrow-style {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.eyebrow::before {
  content: '';
  width: 18px; height: 1.5px;
  background: var(--accent);
}
.lead {
  font-size: clamp(17px, 1.3vw, 20px);
  color: var(--muted);
  max-width: 60ch;
  line-height: 1.55;
  margin: 0;
  font-weight: 400;
}

/* Layout */
.container {
  max-width: var(--max);
  margin: 0 auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}
section { padding: clamp(72px, 9vh, 110px) 0; }
.section-head { margin-bottom: 56px; max-width: 880px; }

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(251, 251, 254, 0.85);
  backdrop-filter: saturate(140%) blur(14px);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  border-bottom: 1px solid var(--line);
}
.site-header .bar {
  display: flex;
  align-items: center;
  gap: 40px;
  height: 72px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  letter-spacing: -0.025em;
  font-size: 19px;
  line-height: 1;
}
.brand img {
  height: 34px;
  width: auto;
  display: block;
}
.nav { display: flex; gap: 4px; flex: 1; justify-content: center; }
.nav a {
  padding: 9px 14px;
  color: var(--ink-2);
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  transition: background .15s, color .15s;
}
.nav a:hover { background: rgba(0,0,0,0.04); }
.nav a.active { color: var(--ink); font-weight: 600; }
.header-cta { display: flex; gap: 10px; align-items: center; }

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  border: 1.5px solid transparent;
  transition: all .18s;
  white-space: nowrap;
  letter-spacing: -0.01em;
}
.btn svg { width: 16px; height: 16px; }
.btn-primary,
.btn-accent {
  background: var(--grad-cta);
  color: var(--ink);
  border-color: transparent;
}
.btn-primary:hover,
.btn-accent:hover {
  background: var(--grad-cta-hover);
  color: var(--ink);
  box-shadow: 0 8px 22px rgba(146, 187, 244, 0.35);
}
.btn-secondary {
  background: #fff;
  color: var(--ink);
  border-color: var(--line-2);
}
.btn-secondary:hover { border-color: var(--ink); }
.btn-ghost {
  background: transparent;
  color: var(--ink);
  padding: 10px 6px;
}
.btn-ghost:hover { color: var(--accent); }
.btn-ghost::after {
  content: ' →';
  transition: transform .18s;
  display: inline-block;
}
.btn-ghost:hover::after { transform: translateX(3px); }
.btn-lg { padding: 16px 28px; font-size: 16px; }

/* Cards */
.card {
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 28px;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.card:hover { border-color: var(--line-2); box-shadow: 0 8px 30px rgba(14,15,18,0.06); }
.card-tight { padding: 22px; }

/* Module card */
.module-card {
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: all .2s;
  position: relative;
}
.module-card:hover {
  border-color: var(--line-2);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(14,15,18,0.07);
}
.module-card .mc-icon {
  width: 42px; height: 42px;
  background: var(--accent-soft);
  color: var(--accent);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-card .mc-icon svg { width: 20px; height: 20px; }
.module-card h3 { font-size: 18px; margin: 0; }
.module-card p {
  font-size: 14.5px;
  color: var(--muted);
  line-height: 1.55;
  margin: 0;
}
.module-card .mc-bullets {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  font-size: 13.5px;
  color: var(--muted-2);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.module-card .mc-bullets li {
  padding-left: 18px;
  position: relative;
}
.module-card .mc-bullets li::before {
  content: '✓';
  position: absolute;
  left: 0; top: 0;
  color: var(--green);
  font-weight: 700;
}

/* Pill tag */
.tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  color: var(--ink-2);
  font-weight: 500;
}
.tag-soft {
  background: var(--accent-soft);
  border-color: transparent;
  color: var(--accent);
}

/* Badge */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  color: var(--ink-2);
  font-weight: 500;
}
.badge .dot {
  width: 7px; height: 7px;
  background: var(--green);
  border-radius: 50%;
  box-shadow: 0 0 0 3px var(--green-soft);
}

/* Footer */
.site-footer {
  background: var(--bg-dark);
  color: #E8ECF4;
  padding: 80px 0 32px;
  margin-top: 0;
}
.site-footer .footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(5, 1fr);
  gap: 40px;
  margin-bottom: 56px;
}
  gap: 48px;
  margin-bottom: 56px;
}
.site-footer h4 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 18px;
  letter-spacing: 0.02em;
}
.site-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.site-footer ul a {
  color: #D7DDEA;
  font-size: 14px;
  transition: color .15s;
}
.site-footer ul a:hover { color: #fff; }
.footer-contact {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: grid;
  gap: 8px;
}
.footer-contact a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .15s;
}
.footer-contact a:hover { opacity: 0.8; }
.site-footer .footer-brand p {
  color: #FFFFFF;
  font-size: 14px;
  margin: 14px 0 0;
  max-width: 28ch;
  line-height: 1.6;
}
.site-footer .footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.12);
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 13px;
  color: #FFFFFF;
}
.site-footer .brand { color: #fff; }
.site-footer .brand img { height: 36px; }

/* Back-to-top */
.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 100px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--ink);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 28px rgba(5,35,106,0.18), 0 4px 10px rgba(5,35,106,0.10);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, background .18s, bottom .25s ease;
  z-index: 89;
  padding: 0;
  font-family: inherit;
}
.back-to-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.back-to-top:hover { background: var(--accent-soft); }
.back-to-top .btt-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: rotate(-90deg);
}
.back-to-top .btt-ring circle {
  fill: none;
  stroke-width: 2.5;
}
.back-to-top .btt-track { stroke: rgba(5,35,106,0.10); }
.back-to-top .btt-progress {
  stroke: var(--ink);
  stroke-linecap: round;
  transition: stroke-dashoffset .12s linear;
}
.back-to-top .btt-arrow {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
}
/* Lift up when WhatsApp bubble is open so we don't overlap */
body:has(.wa-sticky:not(.wa-collapsed) .wa-bubble) .back-to-top {
  bottom: 190px;
}
@media (max-width: 640px) {
  .back-to-top { right: 14px; bottom: 90px; width: 46px; height: 46px; }
  .back-to-top .btt-arrow { width: 18px; height: 18px; }
  body:has(.wa-sticky:not(.wa-collapsed) .wa-bubble) .back-to-top { bottom: 170px; }
}

/* Footer socials */
.footer-socials {
  display: flex;
  gap: 14px;
  margin-top: 24px;
}
.footer-socials a {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff;
  transition: background .18s, border-color .18s, transform .18s;
}
.footer-socials a:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--ink);
  transform: translateY(-2px);
}
.footer-socials svg { width: 26px; height: 26px; }

/* Hero */
.hero {
  position: relative;
  padding: clamp(28px, 4vh, 48px) 0 clamp(40px, 6vh, 64px);
  text-align: center;
  isolation: isolate;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 640px;
  z-index: -1;
  background: url('hero-bg.webp') center top / cover no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 92%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 92%);
  pointer-events: none;
}
.hero .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13.5px;
  color: var(--ink-2);
  font-weight: 500;
  margin-bottom: 28px;
}
.hero .hero-eyebrow strong { color: var(--accent); font-weight: 700; }
.hero .lead {
  margin: 28px auto 0;
  max-width: 56ch;
  text-align: center;
  font-size: clamp(18px, 1.4vw, 21px);
}
.hero .hero-ctas {
  margin-top: 36px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Brands strip — kayan logo şeridi */
.brands-strip {
  padding: clamp(40px, 5vh, 64px) 0 clamp(36px, 4.5vh, 56px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.brands-label {
  text-align: center;
  font-size: clamp(15px, 1.2vw, 17px);
  font-weight: 500;
  letter-spacing: -.005em;
  text-transform: none;
  color: var(--muted);
  margin: 0 0 32px;
}
.brands-label strong { color: var(--ink); font-weight: 700; }
.brands-marquee {
  position: relative;
  width: 100%;
}
.brands-track {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(32px, 4vw, 64px);
}
.brand-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(140px, 13vw, 180px);
  height: clamp(46px, 4.4vw, 58px);
  flex-shrink: 0;
}
.brand-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: .78;
  transition: filter .25s ease, opacity .25s ease;
  user-select: none;
  -webkit-user-drag: none;
}
.brand-item:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
/* Raster logoları SVG'lere oranla görsel olarak daha sıkı dolduğu için
   biraz küçülterek tüm logoları aynı görsel ağırlıkta tutuyoruz. */
.brand-item img[src$=".webp"], .brand-item img[src$=".png"] {
  max-width: 72%;
  max-height: 62%;
}

/* Demo block (tabbed product preview) */
.demo-block {
  padding-top: 0;
}
.demo-tabs {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.demo-tab {
  padding: 12px 20px;
  background: transparent;
  border: 1.5px solid var(--line);
  border-radius: 999px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink-2);
  font-family: inherit;
  transition: all .18s;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
.demo-tab .dt-ico {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  flex-shrink: 0;
}
.demo-tab .dt-ico svg { width: 18px; height: 18px; }
.demo-tab:hover { border-color: var(--ink); }
.demo-tab.active {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.demo-frame {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  padding: 14px;
  box-shadow: 0 30px 80px -20px rgba(14,15,18,0.18), 0 8px 24px rgba(14,15,18,0.06);
  position: relative;
  overflow: hidden;
}
.demo-frame img {
  width: 100%;
  border-radius: 14px;
  display: block;
}
.demo-frame .frame-dots {
  position: absolute;
  top: 28px; left: 30px;
  display: flex;
  gap: 6px;
  z-index: 2;
}
.demo-frame .frame-dots span {
  width: 11px; height: 11px;
  border-radius: 50%;
  background: var(--line-2);
}
.demo-frame .demo-caption {
  position: absolute;
  left: clamp(20px, 3vw, 36px);
  bottom: clamp(20px, 3vw, 36px);
  background: rgba(5,35,106,0.92);
  color: #fff;
  border-radius: 16px;
  padding: 18px 22px;
  max-width: 360px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 16px 40px rgba(5,35,106,0.32);
  z-index: 2;
}
.demo-frame .demo-caption .dc-title {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.012em;
  margin-bottom: 4px;
  color: #fff;
}
.demo-frame .demo-caption .dc-desc {
  font-size: 13.5px;
  line-height: 1.5;
  color: rgba(255,255,255,0.86);
}
@media (max-width: 640px) {
  .demo-frame .demo-caption {
    left: 16px; right: 16px; bottom: 16px;
    max-width: none;
    padding: 14px 16px;
  }
}

/* Logos strip */
.logos-strip {
  padding: 40px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.logos-strip .logos-label {
  font-size: 13px;
  color: var(--muted);
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}
.logos-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 32px;
  align-items: center;
}
.logos-row .lg {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: var(--muted-2);
  text-align: center;
  letter-spacing: -0.01em;
  opacity: 0.7;
  transition: opacity .2s;
}
.logos-row .lg:hover { opacity: 1; }

/* ============================================================
   Hero pill + trust chips
   ============================================================ */
.hero .hero-title { font-size: clamp(28px, 5.3vw, 59px); }
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1.5px solid var(--line-2);
  background: #fff;
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.hero-badge svg { width: 15px; height: 15px; color: var(--accent-2); }
.hero .hero-trust {
  margin-top: 44px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.hero .hero-trust .ht-item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 4px 26px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink);
}
.hero .hero-trust .ht-item:not(:last-child) { border-right: 1px solid var(--line); }
.hero .hero-trust .ht-item svg { width: 19px; height: 19px; color: var(--accent-2); flex-shrink: 0; }

/* ============================================================
   Suite — product cards
   ============================================================ */
.suite-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
.product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 32px 32px 30px;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.product-card:hover {
  border-color: var(--line-2);
  transform: translateY(-3px);
  box-shadow: 0 18px 40px -16px rgba(5,35,106,.18);
}
.product-card.featured { border-color: var(--accent-2); box-shadow: 0 0 0 1px var(--accent-2) inset; }
.pc-ico {
  width: 56px; height: 56px;
  border-radius: 14px;
  background: var(--accent-soft);
  color: var(--ink);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 22px;
}
.pc-ico svg { width: 28px; height: 28px; }
.product-card h3 { font-size: 23px; margin: 0 0 10px; }
.product-card p { color: var(--muted); font-size: 15.5px; line-height: 1.55; margin: 0 0 20px; }
.pc-tag {
  display: inline-block;
  padding: 5px 13px;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.005em;
}
.pc-link {
  margin-top: 18px;
  font-weight: 600;
  font-size: 15px;
  color: var(--accent-2);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pc-link::after { content: '→'; transition: transform .18s; display: inline-block; }
.product-card:hover .pc-link::after { transform: translateX(4px); }

/* ============================================================
   Who — role cards in a soft panel
   ============================================================ */
.who { padding-top: clamp(56px, 7vh, 96px); }
.hero + .who { padding-top: 0; }
.who-panel {
  background: var(--bg-alt);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  padding: clamp(40px, 5vw, 64px) clamp(28px, 4vw, 56px);
}
.who-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.role-card {
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 28px;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.role-card:hover {
  border-color: var(--line-2);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px -16px rgba(5,35,106,.16);
}
.role-ico {
  width: 48px; height: 48px;
  border-radius: 12px;
  background: var(--accent-soft);
  color: var(--ink);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 18px;
}
.role-ico svg { width: 25px; height: 25px; }
.role-card h3 { font-size: 20px; margin: 0 0 14px; }
.role-combo { display: flex; flex-wrap: wrap; gap: 8px; }
.role-combo span {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--muted);
  background: var(--bg-alt);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 11px;
}

/* ============================================================
   Journey — 4-step flow
   ============================================================ */
.journey-flow {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
}
.journey-step {
  flex: 1;
  max-width: 240px;
  text-align: center;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 28px 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.journey-step .js-num {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--muted-2);
}
.js-ico {
  width: 50px; height: 50px;
  border-radius: 13px;
  background: var(--accent-soft);
  color: var(--ink);
  display: flex; align-items: center; justify-content: center;
}
.js-ico svg { width: 26px; height: 26px; }
.journey-step .js-title { font-weight: 600; font-size: 17px; letter-spacing: -0.01em; }
.journey-arrow {
  display: flex;
  align-items: center;
  color: var(--accent-2);
  flex-shrink: 0;
}
.journey-arrow svg { width: 26px; height: 26px; }

@media (max-width: 860px) {
  .suite-grid { grid-template-columns: 1fr; }
  .who-grid { grid-template-columns: 1fr; }
  .journey-flow { flex-direction: column; align-items: stretch; gap: 4px; }
  .journey-step { max-width: none; width: 100%; flex-direction: row; text-align: left; justify-content: flex-start; gap: 16px; padding: 18px 22px; }
  .journey-step .js-num { order: -1; }
  .journey-step .js-title { flex: 1; }
  .journey-arrow { transform: rotate(90deg); align-self: center; padding: 2px 0; }
}
@media (max-width: 560px) {
  .hero .hero-trust { gap: 4px 0; }
  .hero .hero-trust .ht-item { padding: 6px 14px; border-right: none !important; font-size: 13.5px; }
}

/* Feature row — alternating image + text */
.feature-row {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: clamp(40px, 6vw, 88px);
  align-items: center;
  margin-bottom: clamp(80px, 10vh, 130px);
}
.feature-row:last-child { margin-bottom: 0; }
.feature-row.reverse { grid-template-columns: 1.15fr 1fr; }
.feature-row.reverse .feature-text { order: 2; }
.feature-row.reverse .feature-media { order: 1; }
.feature-row h2 {
  font-size: clamp(28px, 3.4vw, 44px);
  margin-bottom: 16px;
}
.feature-eyebrow {
  display: inline-block;
  font-family: 'Manrope', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  background: rgba(146, 187, 244, 0.14);
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 18px;
}
.feature-row .feature-text p { color: var(--muted); font-size: 17px; line-height: 1.6; margin: 0 0 24px; }
.feature-row .feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.feature-row .feature-list li {
  display: flex;
  gap: 12px;
  font-size: 15.5px;
  color: var(--ink-2);
  font-weight: 500;
}
.feature-row .feature-list li::before {
  content: '✓';
  flex-shrink: 0;
  width: 22px; height: 22px;
  background: var(--green-soft);
  color: var(--green);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}
.feature-media {
  position: relative;
}
.feature-media img {
  width: 100%;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px -20px rgba(14,15,18,0.18);
}
.feature-media .media-tag {
  position: absolute;
  top: -12px;
  left: 24px;
  background: var(--ink);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}

/* AI / dark block */
.dark-block {
  background: linear-gradient(rgba(5,35,106,0.55), rgba(5,35,106,0.55)), url('evon-ai-bg.webp') center/cover no-repeat;
  background-color: var(--bg-dark);
  color: #fff;
  border-radius: var(--radius-xl);
  padding: clamp(48px, 7vw, 90px);
  margin: 0 var(--pad);
  position: relative;
  overflow: hidden;
}
.dark-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(5,35,106,0.45) 0%, rgba(5,35,106,0.05) 50%, rgba(5,35,106,0.55) 100%);
  pointer-events: none;
}
.dark-block h2 { color: #fff; max-width: 14ch; }
.dark-block .lead { color: #B8C5DC; max-width: 50ch; }
.dark-block .eyebrow { color: var(--accent); }
.dark-block .eyebrow::before { background: var(--accent); }
.dark-block .btn-primary,
.dark-block .btn-accent { background: var(--grad-cta); color: var(--ink); }
.dark-block .btn-primary:hover,
.dark-block .btn-accent:hover { background: var(--grad-cta-hover); }
.dark-block .btn-secondary { background: transparent; color: #fff; border-color: rgba(255,255,255,0.25); }
.dark-block .btn-secondary:hover { border-color: #fff; }

/* Testimonial cards */
.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.testimonial {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.testimonial blockquote {
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
  font-weight: 500;
  letter-spacing: -0.005em;
}
.testimonial blockquote::before { content: '"'; color: var(--accent); font-weight: 700; }
.testimonial blockquote::after { content: '"'; color: var(--accent); font-weight: 700; }
.testimonial .author {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}
.testimonial .avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
}
.testimonial .author .name { font-weight: 700; font-size: 14.5px; color: var(--ink); }
.testimonial .author .role { font-size: 13px; color: var(--muted); }

/* Testimonial carousel — desktop'ta 3'lü grid, mobilde swipe edilebilir carousel */
.testimonial-carousel { position: relative; }
.testimonial-carousel .testimonial-track {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.testimonial-carousel .tc-arrow,
.testimonial-carousel .tc-dots { display: none; }
@media (max-width: 900px) {
  .testimonial-carousel .testimonial-track {
    display: flex;
    grid-template-columns: none;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 4px 4px 8px;
    margin: 0 -4px;
  }
  .testimonial-carousel .testimonial-track::-webkit-scrollbar { display: none; }
  .testimonial-carousel .testimonial {
    flex: 0 0 calc(100% - 8px);
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
  .testimonial-carousel .tc-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 20px;
  }
  .testimonial-carousel .tc-dots button {
    width: 8px; height: 8px;
    border-radius: 50%;
    border: none;
    background: rgba(5, 35, 106, 0.18);
    padding: 0;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
  }
  .testimonial-carousel .tc-dots button.is-active {
    background: var(--accent);
    transform: scale(1.25);
  }
}

/* Pricing-style CTA cards */
.cta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.cta-card {
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
  transition: all .2s;
}
.cta-card.featured {
  border-color: var(--ink);
  background: var(--ink);
  color: #fff;
}
.cta-card.featured h3 { color: #fff; }
.cta-card.featured p { color: #B8BCC4; }
.cta-card .pop {
  position: absolute;
  top: -12px;
  right: 24px;
  background: var(--hl);
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}
.cta-card .price {
  font-size: 42px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
}
.cta-card .price small { font-size: 14px; font-weight: 500; color: var(--muted); }
.cta-card.featured .price small { color: #9CA0AB; }
.cta-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14.5px;
}
.cta-card ul li {
  display: flex;
  gap: 10px;
}
.cta-card ul li::before {
  content: '✓';
  color: var(--green);
  font-weight: 700;
}
.cta-card.featured ul li::before { color: var(--hl); }

/* Consultant block — sales closer for real estate agents */
.consultant-block {
  background: #FFFFFF;
  padding: clamp(72px, 10vh, 120px) 0;
}
.consultant-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 56px;
  align-items: center;
}
.consultant-text h2.section-title { margin: 12px 0 18px; max-width: 18ch; }
.consultant-text .lead { max-width: 50ch; }
.consultant-ctas {
  margin-top: 32px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}
.consultant-media {
  display: flex;
  justify-content: center;
  align-items: center;
}
.consultant-media img {
  width: 100%;
  max-width: 600px;
  height: auto;
  display: block;
}
@media (max-width: 880px) {
  .consultant-grid { grid-template-columns: 1fr; gap: 32px; }
  .consultant-media img { max-width: 440px; }
}

/* Final CTA banner */
.final-cta {
  background: #DDE9F5;
  padding: clamp(72px, 11vh, 120px) 0;
  position: relative;
  overflow: hidden;
}
.final-cta-deco {
  position: absolute;
  left: 26%;
  bottom: -120px;
  width: clamp(220px, 22vw, 320px);
  height: auto;
  z-index: 0;
  pointer-events: none;
  transform: rotate(-8deg);
}
.final-cta .container { position: relative; z-index: 1; }
.final-cta .final-cta-grid { position: relative; z-index: 1; }
.final-cta-grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 72px;
  align-items: center;
}
.pill-eyebrow {
  display: inline-block;
  background: #fff;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--ink);
  text-transform: uppercase;
}
.cta-headline {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-size: clamp(36px, 4.8vw, 60px);
  font-weight: 600;
  letter-spacing: -0.032em;
  line-height: 1.02;
  margin: 24px 0 18px;
  color: var(--ink);
  max-width: 14ch;
  text-wrap: balance;
}
.cta-sub {
  max-width: 40ch;
  margin: 0 0 32px;
  color: var(--ink);
  opacity: 0.74;
  font-size: 17px;
  line-height: 1.55;
}
.cta-checks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}
.cta-checks li {
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 600;
  color: var(--ink);
  font-size: 15.5px;
}
.cta-checks .ck {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--ink);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cta-checks .ck svg { width: 14px; height: 14px; }
.cta-form-card {
  display: grid;
  gap: 14px;
}
.cta-form-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.cta-form-card input {
  background: #fff;
  border: 1.5px solid transparent;
  border-radius: 14px;
  padding: 22px 24px;
  font-size: 15.5px;
  font-family: inherit;
  color: var(--ink);
  transition: box-shadow .15s, border-color .15s;
  width: 100%;
}
.cta-form-card input::placeholder {
  color: rgba(5,35,106,0.45);
  font-weight: 500;
}
.cta-form-card input:focus {
  outline: none;
  border-color: var(--ink);
}
.cta-form-submit {
  width: 100%;
  padding: 22px;
  border-radius: 14px;
  border: none;
  background: var(--grad-cta);
  color: var(--ink);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background .18s, transform .18s, box-shadow .18s;
  margin-top: 4px;
  font-family: inherit;
}
.cta-form-submit:hover { background: var(--grad-cta-hover); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(146,187,244,.35); }
.cta-form-submit:disabled { background: var(--grad-cta); opacity: .85; cursor: default; transform: none; }
.cta-form-kvkk { margin-top: 6px; }
.cta-form-kvkk label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.82); }
.cta-form-kvkk input[type="checkbox"] { margin-top: 3px; accent-color: var(--accent); flex-shrink: 0; width: 16px; height: 16px; cursor: pointer; }
.cta-form-kvkk a { color: var(--accent); text-decoration: underline; font-weight: 600; }
@media (max-width: 880px) {
  .final-cta-grid { grid-template-columns: 1fr; gap: 48px; }
  .cta-headline { max-width: none; }
  .cta-sub { max-width: none; }
  .final-cta-deco { left: auto; right: -40px; bottom: auto; top: -40px; width: 180px; opacity: 0.35; }
}
.final-cta .ctas {
  margin-top: 32px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Stat row */
.stat-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: #fff;
  overflow: hidden;
}
.stat-row .stat {
  padding: 32px;
  border-right: 1px solid var(--line);
}
.stat-row .stat:last-child { border-right: none; }
.stat-row .stat .num {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--ink);
}
.stat-row .stat .label {
  font-size: 14px;
  color: var(--muted);
  margin-top: 8px;
}

/* Module filter chips */
.filter-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.filter-chips button {
  padding: 9px 18px;
  border-radius: 999px;
  border: 1.5px solid var(--line);
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink-2);
  cursor: pointer;
  transition: all .15s;
  font-family: inherit;
}
.filter-chips button:hover { border-color: var(--ink); }
.filter-chips button.active {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}

/* Forms */
.form-row { display: grid; gap: 18px; }
.form-grid-2 { grid-template-columns: 1fr 1fr; }
.form-field label {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--ink-2);
}
.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  padding: 13px 16px;
  border: 1.5px solid var(--line);
  border-radius: 12px;
  font-size: 15px;
  font-family: inherit;
  background: #fff;
  color: var(--ink);
  transition: border-color .15s, box-shadow .15s;
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-soft);
}
.form-field textarea { min-height: 120px; resize: vertical; }
.form-field .err { color: #DC2626; font-size: 13px; margin-top: 6px; display: none; }
.form-field.has-error input,
.form-field.has-error select,
.form-field.has-error textarea { border-color: #DC2626; }
.form-field.has-error .err { display: block; }
.checkbox-row { display: flex; gap: 10px; align-items: flex-start; }
.checkbox-row input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--accent); }
.checkbox-row label { font-size: 14px; color: var(--muted); line-height: 1.5; }

/* Reveal animation */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s, transform .6s; }
.reveal.in { opacity: 1; transform: none; }

/* Page hero (interior pages) */
.page-hero {
  padding: clamp(56px, 8vh, 96px) 0 clamp(32px, 5vh, 56px);
}
.page-hero h1 {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.05;
  font-size: clamp(36px, 5vw, 60px);
  margin: 0 0 18px;
  max-width: 20ch;
  text-wrap: balance;
}
.page-hero h1 .ital { font-family: 'Source Serif 4', serif; font-style: italic; font-weight: 400; }
.page-hero h1 .hl { background: var(--hl); padding: 0 0.18em; border-radius: 8px; }
.page-hero .lead { max-width: 60ch; }
.crumbs {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(14, 15, 18, 0.55);
  margin-bottom: 24px;
  font-weight: 500;
}
.crumbs a { color: rgba(14, 15, 18, 0.55); transition: color .15s; }
.crumbs a:hover { color: var(--ink); }
.crumbs .sep { color: rgba(14, 15, 18, 0.35); }

/* Responsive */
@media (max-width: 980px) {
  .feature-row, .feature-row.reverse {
    grid-template-columns: 1fr;
  }
  .feature-row.reverse .feature-text,
  .feature-row.reverse .feature-media { order: initial; }
  .testimonial-grid, .cta-grid { grid-template-columns: 1fr; }
  .stat-row { grid-template-columns: repeat(2, 1fr); }
  .stat-row .stat { border-right: none; border-bottom: 1px solid var(--line); }
  .stat-row .stat:nth-child(odd) { border-right: 1px solid var(--line); }
  .stat-row .stat:nth-last-child(-n+2) { border-bottom: none; }
  .logos-row { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .site-footer .footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
  .site-footer .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .nav { display: none; }
  .header-cta .btn-ghost { display: none; }
  .dark-block { margin: 0 0; border-radius: 0; }
  .logos-row { grid-template-columns: repeat(2, 1fr); }
  .site-footer .footer-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   Anasayfa — Entegrasyonlar section
   ============================================================ */
.integrations .int-head { text-align: center; max-width: 720px; margin: 0 auto 48px; }
.integrations .int-head h2 { margin: 0 0 14px; }
.integrations .int-head p { color: var(--muted); font-size: 17px; line-height: 1.55; margin: 0; }
.int-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ic-card { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; transition: border-color .2s, transform .2s, box-shadow .2s; }
.ic-card:hover { border-color: var(--line-2); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(14,15,18,.06); }
.ic-logo { width: 46px; height: 46px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--line); overflow: hidden; }
.ic-logo svg { width: 30px; height: 30px; display: block; }
.ic-logo img { width: 32px; height: 32px; object-fit: contain; display: block; }
.ic-logo.ic-mono { color: #fff; }
.ic-logo.ic-mono span { font-family: 'Maven Pro', Manrope, sans-serif; font-weight: 800; font-size: 18px; line-height: 1; }
.ic-meta .nm { font-weight: 700; font-size: 15px; color: var(--ink); letter-spacing: -.01em; }
.ic-meta .cat { font-size: 13px; color: var(--muted); margin-top: 1px; }
.int-foot { text-align: center; margin-top: 40px; }
@media (max-width: 980px) { .int-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) {
  .int-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
  .ic-card { padding: 12px 12px; gap: 10px; border-radius: 12px; }
  .ic-logo { width: 38px; height: 38px; border-radius: 9px; }
  .ic-logo svg { width: 24px; height: 24px; }
  .ic-logo img { width: 26px; height: 26px; }
  .ic-meta .nm { font-size: 13.5px; line-height: 1.2; }
  .ic-meta .cat { font-size: 11.5px; }
}

/* ============================================================
   Header — Dil seçici (injected by site.js)
   ============================================================ */
.lang-switch { position: relative; display: inline-flex; align-items: center; padding-right: 14px; margin-right: 4px; border-right: 1px solid var(--line); }
.lang-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 4px; border-radius: 8px; border: none; background: transparent; color: var(--ink); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: color .15s; line-height: 1; }
.lang-btn:hover { color: var(--accent-2); }
.lang-btn svg { width: 16px; height: 16px; }
.lang-btn .lang-cur { letter-spacing: .02em; }
.lang-btn .lang-caret { width: 12px; height: 12px; opacity: .55; transition: transform .18s; }
.lang-switch.open .lang-btn .lang-caret { transform: rotate(180deg); }
.lang-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 180px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 40px -14px rgba(5,35,106,.25); padding: 6px; opacity: 0; transform: translateY(-6px); pointer-events: none; transition: opacity .16s, transform .16s; z-index: 60; }
.lang-switch.open .lang-menu { opacity: 1; transform: none; pointer-events: auto; }
.lang-opt { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; border: none; background: transparent; border-radius: 8px; font-family: inherit; font-size: 14px; font-weight: 500; color: var(--ink); cursor: pointer; transition: background .14s; }
.lang-opt:hover { background: var(--bg-alt); }
.lang-opt .code { font-size: 12px; font-weight: 700; color: var(--muted-2); letter-spacing: .04em; }
.lang-opt.active { color: var(--accent-2); font-weight: 700; }
.lang-opt.active .code { color: var(--accent-2); }
@media (max-width: 640px) { .lang-btn { padding: 8px 10px; } }

/* ============================================================
   Mobile hamburger + drawer
   ============================================================ */
.hamburger-btn {
  display: none;
  width: 40px; height: 40px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: #fff;
  padding: 0;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-left: 4px;
  transition: background .15s, border-color .15s;
}
.hamburger-btn span {
  display: block;
  width: 18px; height: 2px;
  background: var(--ink);
  border-radius: 2px;
  transition: transform .2s, opacity .2s;
}
.hamburger-btn.is-active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hamburger-btn.is-active span:nth-child(2) { opacity: 0; }
.hamburger-btn.is-active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.mob-drawer-backdrop {
  position: fixed; inset: 0;
  background: rgba(5,35,106,0.42);
  backdrop-filter: blur(2px);
  opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
  z-index: 998;
}
.mob-drawer-backdrop.open { opacity: 1; pointer-events: auto; }
.mob-drawer {
  position: fixed; top: 0; right: 0;
  width: min(320px, 88vw);
  height: 100dvh;
  background: #fff;
  box-shadow: -20px 0 50px -10px rgba(5,35,106,0.18);
  z-index: 999;
  transform: translateX(100%);
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
  display: flex; flex-direction: column;
  padding: 8px 0;
}
.mob-drawer.open { transform: none; }
.mob-drawer-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 18px 14px;
  border-bottom: 1px solid var(--line);
}
.mob-drawer-title {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 700; font-size: 15px;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.mob-drawer-close {
  width: 34px; height: 34px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.mob-drawer-close:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.mob-drawer-close svg { width: 16px; height: 16px; }
.mob-drawer-nav {
  display: flex; flex-direction: column;
  padding: 14px 12px;
  gap: 2px;
  overflow-y: auto;
  flex: 1;
}
.mob-drawer-nav .mob-link,
.mob-group-btn {
  width: 100%;
  text-align: left;
  display: flex; align-items: center; justify-content: space-between;
  padding: 13px 14px;
  border-radius: 10px;
  border: none;
  background: transparent;
  color: var(--ink);
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.mob-drawer-nav .mob-link:hover,
.mob-group-btn:hover { background: var(--bg-alt); }
.mob-drawer-nav .mob-link.active,
.mob-group.is-active > .mob-group-btn { color: var(--accent-2); }
.mob-caret { width: 14px; height: 14px; opacity: .55; transition: transform .2s; }
.mob-group.open .mob-caret { transform: rotate(180deg); }
.mob-group-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height .25s ease;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mob-group.open .mob-group-panel { max-height: 320px; padding: 2px 0 6px; }
.mob-group-panel .mob-sub {
  padding: 10px 14px 10px 28px;
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink-2);
  letter-spacing: -0.005em;
  transition: background .15s, color .15s;
}
.mob-group-panel .mob-sub:hover { background: var(--bg-alt); color: var(--ink); }
.mob-group-panel .mob-sub.active { color: var(--accent-2); background: var(--accent-soft); font-weight: 600; }
.mob-drawer-lang {
  margin-top: auto;
  padding: 14px 18px 18px;
  border-top: 1px solid var(--line);
}
.mob-drawer-lang-label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted-2);
  margin-bottom: 8px;
}
.mob-drawer-lang-opts {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.mob-lang-opt {
  display: inline-flex; align-items: center; justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .15s, background .15s, color .15s;
}
.mob-lang-opt:hover { border-color: var(--line-2); }
.mob-lang-opt.active { background: var(--ink); color: #fff; border-color: var(--ink); }
.mob-lang-opt .code { font-size: 11px; font-weight: 700; letter-spacing: .04em; opacity: .7; }
body.mob-drawer-lock { overflow: hidden; }

.mob-login-btn {
  display: none;
  width: 40px; height: 40px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  align-items: center;
  justify-content: center;
  transition: background .15s, border-color .15s, color .15s;
}
.mob-login-btn:hover { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-2); }
.mob-login-btn svg { width: 18px; height: 18px; }

@media (max-width: 720px) {
  .hamburger-btn { display: inline-flex; }
  .mob-login-btn { display: inline-flex; }
  .site-header .bar { gap: 12px; }
  .site-header .brand { margin-right: auto; }
  .site-header .header-cta { gap: 6px; }
  .site-header .header-cta .lang-switch,
  .site-header .header-cta > .btn-ghost { display: none !important; }
}

/* ============================================================
   Üst duyuru şeridi (announcement bar)
   ============================================================ */
.evon-announce {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 11px 52px;
  background: linear-gradient(90deg, #03194E 0%, #05236A 26%, #18408F 64%, #3B74D6 100%);
  color: #fff;
  text-align: center;
}
.evon-announce .ea-inner { display: inline-flex; align-items: center; gap: 10px; }
.evon-announce .ea-ic { width: 18px; height: 18px; flex-shrink: 0; color: var(--accent); }
.evon-announce .ea-tx { font-size: 14px; font-weight: 500; letter-spacing: .005em; color: rgba(255,255,255,.92); }
.evon-announce .ea-tx strong { font-weight: 700; color: #fff; }
.evon-announce a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  transition: color .15s;
}
.evon-announce a:hover { color: var(--accent); }
.evon-announce .ea-close {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px; height: 26px;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent;
  border: none;
  color: rgba(255,255,255,.65);
  cursor: pointer;
  border-radius: 6px;
  transition: background .15s, color .15s;
}
.evon-announce .ea-close svg { width: 15px; height: 15px; }
.evon-announce .ea-close:hover { background: rgba(255,255,255,.14); color: #fff; }
@media (max-width: 560px) {
  .evon-announce { padding: 10px 38px; gap: 10px; }
  .evon-announce .ea-tx { font-size: 12.5px; }
  .evon-announce .ea-ic { display: none; }
}

/* ============================================================
   Header — "Ürün" megamenü (injected by site.js)
   ============================================================ */
.site-header .bar { position: relative; }
.nav-mega { align-self: stretch; display: inline-flex; align-items: center; }
.nav-mega-btn { display: inline-flex; align-items: center; gap: 5px; padding: 9px 14px; color: var(--ink-2); font-size: 15px; font-weight: 500; border-radius: 8px; transition: background .15s, color .15s; }
.nav-mega-btn:hover { background: rgba(0,0,0,0.04); }
.nav-mega-btn svg { width: 13px; height: 13px; opacity: .6; transition: transform .18s; }
.nav-mega:hover .nav-mega-btn svg { transform: rotate(180deg); }
.nav-mega-panel { position: absolute; top: 100%; left: 0; right: 0; padding-top: 12px; opacity: 0; pointer-events: none; transform: translateY(6px); transition: opacity .18s, transform .18s; z-index: 55; }
.nav-mega:hover .nav-mega-panel, .nav-mega.open .nav-mega-panel { opacity: 1; pointer-events: auto; transform: none; }
.nav-mega-inner { background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 30px 70px -24px rgba(5,35,106,.32); padding: 30px; display: grid; grid-template-columns: 1fr 1fr 1.05fr; gap: 32px; }
.nmg-col h4 { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted-2); margin: 0 0 14px; }
.nmg-link { display: flex; gap: 12px; align-items: flex-start; padding: 9px 8px; border-radius: 10px; transition: background .14s; }
.nmg-link:hover { background: var(--bg-alt); }
.nmg-ic { width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--accent-soft); color: var(--accent-2); transition: background .15s, color .15s; }
.nmg-ic svg { width: 20px; height: 20px; }
.nmg-link:hover .nmg-ic { background: var(--accent-2); color: #fff; }
.nmg-tx { display: flex; flex-direction: column; min-width: 0; }
.nmg-link .t { display: block; font-size: 14.5px; font-weight: 600; color: var(--ink); letter-spacing: -.01em; transition: color .14s; }
.nmg-link .d { display: block; font-size: 12.5px; color: var(--muted); margin-top: 2px; line-height: 1.4; }
.nmg-link:hover .t { color: var(--accent-2); }

/* Ürünler kolonu — daha güçlü görünüm, büyük ikonlar */
.nmg-col--products .nmg-link { padding: 12px 10px; gap: 14px; }
.nmg-col--products .nmg-ic {
  width: 48px; height: 48px; border-radius: 12px;
  background: linear-gradient(135deg, var(--accent-soft) 0%, #DCE7F8 100%);
  color: var(--accent-2);
  box-shadow: inset 0 0 0 1px rgba(146, 187, 244, 0.35);
}
.nmg-col--products .nmg-ic svg { width: 26px; height: 26px; stroke-width: 2; }
.nmg-col--products .nmg-link .t { font-size: 15.5px; font-weight: 700; }
.nmg-col--products .nmg-link .d { font-size: 13px; margin-top: 3px; }
.nmg-col--products .nmg-link:hover .nmg-ic {
  background: var(--accent-2);
  color: #fff;
  box-shadow: inset 0 0 0 1px var(--accent-2);
}
.nmg-feature { display: flex; flex-direction: column; background: var(--bg-dark); color: #fff; border-radius: 16px; padding: 22px; overflow: hidden; transition: background .22s; }
.nmg-feature:hover { background: var(--grad-cta); }
.nmg-feature:hover .nmg-feature-tag { color: var(--ink); border-color: rgba(5,35,106,.4); }
.nmg-feature:hover .nmg-feature-h { color: var(--ink); }
.nmg-feature:hover .nmg-feature-p { color: rgba(5,35,106,.78); }
.nmg-feature:hover .nmg-feature-cta { color: var(--ink); }
.nmg-feature-tag { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; border: 1.5px solid rgba(255,255,255,.3); padding: 5px 12px; border-radius: 999px; margin-bottom: 14px; }
.nmg-feature-h { font-family: 'Maven Pro', sans-serif; font-weight: 700; font-size: 22px; line-height: 1.12; letter-spacing: -.02em; color: #fff; }
.nmg-feature-p { font-size: 13px; color: #B8C5DC; line-height: 1.5; margin-top: 8px; }
.nmg-feature-shot { margin-top: 16px; border-radius: 11px; overflow: hidden; box-shadow: 0 18px 40px -18px rgba(0,0,0,.7); }
.nmg-feature-shot img { width: 100%; display: block; }
.nmg-feature-cta { font-size: 14px; font-weight: 700; color: var(--accent); margin-top: auto; padding-top: 16px; }

/* ============================================================
   Çözümler sayfası
   ============================================================ */
.sol-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sol-card { display: flex; flex-direction: column; gap: 12px; background: var(--bg-card); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 26px; transition: border-color .2s, transform .2s, box-shadow .2s; }
.sol-card:hover { border-color: var(--line-2); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(14,15,18,.07); }
.sol-card .sc-ico { width: 46px; height: 46px; border-radius: 12px; background: var(--accent-soft); color: var(--accent-2); display: flex; align-items: center; justify-content: center; }
.sol-card .sc-ico svg { width: 24px; height: 24px; }
.sol-card h3 { font-size: 18px; margin: 0; letter-spacing: -.01em; }
.sol-card p { font-size: 14px; color: var(--muted); line-height: 1.55; margin: 0; flex: 1; }
.sol-card .sc-link { font-size: 14px; font-weight: 600; color: var(--accent-2); display: inline-flex; align-items: center; gap: 6px; transition: gap .18s; }
.sol-card:hover .sc-link { gap: 10px; }
.sol-section { scroll-margin-top: 90px; }
@media (max-width: 900px) { .sol-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .sol-cards { grid-template-columns: 1fr; } }

/* ============================================================
   Demo Talep — Modal popup (injected by site.js on all pages)
   ============================================================ */
.em-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(5, 35, 106, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}
.em-overlay.open { opacity: 1; pointer-events: auto; }
body.em-lock { overflow: hidden; }

.em-modal {
  position: relative;
  width: min(1040px, 100%);
  max-height: calc(100dvh - 48px);
  background: #fff;
  border-radius: var(--radius-xl);
  overflow: hidden;
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  box-shadow: 0 40px 100px -24px rgba(5, 35, 106, 0.55);
  transform: translateY(14px) scale(0.98);
  opacity: 0;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), opacity .3s ease;
}
.em-overlay.open .em-modal { transform: none; opacity: 1; }

/* Left media panel */
.em-media {
  position: relative;
  background:
    radial-gradient(120% 90% at 50% 0%, #EAF1FC 0%, #DDE9F5 55%, #CFE0F4 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
.em-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
}
.em-media .em-media-tag {
  position: absolute;
  left: 22px;
  top: 22px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink);
  box-shadow: 0 6px 18px rgba(5, 35, 106, 0.12);
}
.em-media .em-media-tag .dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #90E187;
  box-shadow: 0 0 0 3px rgba(144, 225, 135, 0.3);
}

/* Right body */
.em-body {
  padding: clamp(28px, 3.2vw, 44px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.em-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid var(--line);
  background: #fff;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s, transform .15s;
  z-index: 3;
}
.em-close:hover { background: var(--ink); color: #fff; border-color: var(--ink); transform: rotate(90deg); }
.em-close svg { width: 18px; height: 18px; }

.em-head { margin-bottom: 22px; padding-right: 36px; }
.em-head h2 {
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1;
  font-size: clamp(30px, 3.4vw, 42px);
  margin: 0 0 8px;
  color: var(--ink);
}
.em-head p {
  margin: 0;
  font-size: 16px;
  color: var(--muted);
  font-weight: 500;
}
.em-head p a {
  color: var(--accent-2);
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -0.01em;
}
.em-head p a:hover { text-decoration: underline; }

.em-form { display: grid; gap: 16px; }
.em-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.em-field { display: flex; flex-direction: column; gap: 7px; }
.em-field label {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink-2);
  letter-spacing: -0.005em;
}
.em-field label .req { color: #DC2626; }
.em-field input,
.em-field select {
  width: 100%;
  padding: 14px 15px;
  border: 1.5px solid var(--line);
  border-radius: 12px;
  font-size: 15px;
  font-family: inherit;
  background: var(--bg);
  color: var(--ink);
  transition: border-color .15s, box-shadow .15s, background .15s;
  appearance: none;
}
.em-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2305236A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}
.em-field input::placeholder { color: var(--muted-2); }
.em-field input:focus,
.em-field select:focus {
  outline: none;
  background: #fff;
  border-color: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-soft);
}
.em-field.invalid input,
.em-field.invalid select { border-color: #DC2626; background: #fff; }
.em-field.invalid input:focus,
.em-field.invalid select:focus { box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12); }

.em-submit {
  width: 100%;
  margin-top: 4px;
  padding: 17px 22px;
  border: none;
  border-radius: 999px;
  background: var(--grad-cta);
  color: var(--ink);
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  transition: background .18s, transform .18s, box-shadow .18s;
}
.em-submit:hover { background: var(--grad-cta-hover); transform: translateY(-1px); box-shadow: 0 12px 26px rgba(146, 187, 244, 0.4); }
.em-submit svg { width: 17px; height: 17px; }

.em-kvkk { margin-top: 2px; }
.em-checkbox-row { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.em-checkbox-row input[type="checkbox"] { margin-top: 3px; appearance: auto; -webkit-appearance: auto; accent-color: var(--accent-2); flex-shrink: 0; width: 16px; height: 16px; cursor: pointer; }
.em-checkbox-row a { color: var(--accent-2); text-decoration: underline; font-weight: 600; }
.em-checkbox-row .req { color: #dc2626; }
.em-field.invalid .em-checkbox-row { color: #dc2626; }

.em-legal {
  margin: 4px 0 0;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--muted);
}
.em-legal a { color: var(--accent-2); text-decoration: underline; font-weight: 600; }

/* Success state */
.em-success {
  display: none;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px 10px;
}
.em-body.is-done .em-form,
.em-body.is-done .em-head { display: none; }
.em-body.is-done .em-success { display: flex; }
.em-success .ic {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: var(--grad-cta);
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
.em-success .ic svg { width: 30px; height: 30px; }
.em-success h3 { font-size: 26px; margin: 0 0 10px; letter-spacing: -0.02em; }
.em-success p { color: var(--muted); margin: 0; max-width: 34ch; font-size: 15px; }

@media (max-width: 820px) {
  .em-modal { grid-template-columns: 1fr; }
  .em-media { display: none; }
}
@media (max-width: 560px) {
  .em-overlay { padding: 24px 5vw; align-items: center; }
  .em-modal { width: 100%; max-height: calc(100dvh - 48px); height: auto; border-radius: 18px; }
  .em-grid2 { grid-template-columns: 1fr 1fr; gap: 10px; }
  .em-body { padding: 20px 18px 24px; }
  .em-head { margin-bottom: 14px; padding-right: 44px; }
  .em-head h2 { font-size: 22px; }
  .em-head p, .em-head .em-sub { font-size: 13.5px; }
  .em-head h2 + .em-sub { margin-top: 4px; }
  .em-form { gap: 12px; }
  .em-field { gap: 5px; }
  .em-field label { font-size: 12.5px; }
  .em-field input, .em-field select { padding: 11px 13px; font-size: 15px; border-radius: 10px; }
  .em-close { top: 10px; right: 10px; width: 36px; height: 36px; }
  .em-products .em-prod-grid { gap: 6px; }
  .em-prod { padding: 10px 11px; font-size: 13.5px; gap: 8px; }
  .em-prod-ico { width: 24px; height: 24px; border-radius: 7px; }
  .em-prod-ico svg { width: 13px; height: 13px; }
  .em-submit { padding: 14px 18px; font-size: 15px; margin-top: 2px; }
  .em-legal { font-size: 12px; line-height: 1.5; }
}

/* Subtitle under modal title */
.em-head .em-sub {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--muted);
  font-weight: 500;
  letter-spacing: 0;
  max-width: 52ch;
}
.em-head h2 + .em-sub { margin-top: 8px; }

/* Product cards (multi-select) */
.em-products .em-prod-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.em-prod {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  font-family: 'Maven Pro', 'Manrope', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
  cursor: pointer;
  text-align: left;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
}
.em-prod:hover { border-color: var(--accent); }
.em-prod-full {
  grid-column: 1 / -1;
  padding: 12px 14px;
  font-size: 14px;
}
.em-prod-ico {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: var(--bg-alt);
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .15s ease, color .15s ease;
}
.em-prod-ico svg { width: 15px; height: 15px; }
.em-prod-full .em-prod-ico { width: 32px; height: 32px; border-radius: 8px; }
.em-prod-full .em-prod-ico svg { width: 17px; height: 17px; }
.em-prod-tx { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.em-prod-check {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1.5px solid var(--line-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  background: #fff;
  flex-shrink: 0;
  transition: all .15s ease;
}
.em-prod-check svg { width: 12px; height: 12px; }
/* Small cards: subtle check indicator via border accent only */
.em-prod:not(.em-prod-full) .em-prod-check { display: none; }
.em-prod.on {
  border-color: var(--accent-2);
  background: var(--accent-soft);
  box-shadow: 0 0 0 3px rgba(146, 187, 244, 0.18);
}
.em-prod.on .em-prod-ico { background: var(--ink); color: #fff; }
.em-prod.on .em-prod-check {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.em-field.invalid .em-prod-grid .em-prod { border-color: #DC2626; }

/* "Opsiyonel" inline hint next to label */
.em-field label .opt {
  font-weight: 500;
  color: var(--muted-2);
  margin-left: 4px;
  font-size: 12.5px;
}

@media (max-width: 640px) {
  .em-products .em-prod-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Trust row above legal */
.em-trust {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  font-family: 'Manrope', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--muted);
}
.em-trust li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.em-trust svg {
  width: 14px;
  height: 14px;
  color: var(--accent-2);
  flex-shrink: 0;
}

/* ============================================================
   Header — "Ürün" dropdown menu
   ============================================================ */
.nav-dd { position: relative; display: inline-flex; }
.nav-dd-trigger {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 14px;
  color: var(--ink-2);
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  transition: background .15s, color .15s;
}
.nav-dd-trigger::after {
  content: '';
  width: 7px; height: 7px;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform .2s;
  opacity: .65;
}
.nav-dd:hover .nav-dd-trigger,
.nav-dd:focus-within .nav-dd-trigger { background: rgba(0,0,0,0.04); }
.nav-dd:hover .nav-dd-trigger::after,
.nav-dd:focus-within .nav-dd-trigger::after { transform: rotate(225deg) translateY(-2px); }
.nav-dd-trigger.active { color: var(--ink); font-weight: 600; }
.nav-dd-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  min-width: 300px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 24px 50px -18px rgba(5,35,106,.22), 0 6px 16px rgba(5,35,106,.06);
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s, transform .18s, visibility .18s;
  z-index: 60;
}
.nav-dd-menu::before {
  content: '';
  position: absolute;
  top: -14px; left: 0; right: 0; height: 14px;
}
.nav-dd:hover .nav-dd-menu,
.nav-dd:focus-within .nav-dd-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.nav-dd-menu a {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 11px 13px;
  border-radius: 11px;
  color: var(--ink);
  font-weight: 500;
  font-size: 15px;
}
.nav-dd-menu a:hover { background: var(--bg-alt); }
.nav-dd-menu a.dd-all { justify-content: space-between; color: var(--accent-2); font-weight: 600; margin-top: 4px; }
.nav-dd-menu a.dd-all::after { content: '→'; }
.nav-dd-menu .dd-sep { height: 1px; background: var(--line); margin: 6px 4px; }
.dd-ic {
  width: 38px; height: 38px;
  border-radius: 10px;
  background: var(--accent-soft);
  color: var(--ink);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.dd-ic svg { width: 20px; height: 20px; }
.dd-tx { display: flex; flex-direction: column; line-height: 1.25; }
.dd-tx .dd-nm { font-weight: 600; letter-spacing: -.01em; }
.dd-tx .dd-sb { font-size: 12.5px; color: var(--muted); font-weight: 400; }
@media (max-width: 860px) {
  .nav-dd-menu { min-width: 240px; }
}

/* ============================================================
   Homepage hero — 4-product selector
   ============================================================ */
.hero-products {
  margin-top: clamp(34px, 4.5vh, 56px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  text-align: left;
}
.hp-card {
  --c: var(--accent-2); --cs: var(--accent-soft);
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-bottom: 3px solid var(--c);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
}
.hp-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 50px -22px rgba(5,35,106,.28);
}
.hp-crm   { --c:#2F62C4; --cs:#E9F0FB; }
.hp-maket { --c:#2E9E4F; --cs:#E5F6E9; }
.hp-sunum { --c:#6D5BD0; --cs:#EDEAFB; }
.hp-muh   { --c:#D79A2B; --cs:#FAF1DC; }
.hp-media {
  position: relative;
  overflow: hidden;
  background: #fff;
  line-height: 0;
}
.hp-media .hp-shot {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .3s ease;
}
.hp-card:hover .hp-media .hp-shot { transform: scale(1.035); }
.hp-body { padding: 22px 22px 20px; display: flex; flex-direction: column; flex: 1; }
.hp-body h3 { font-size: 20px; margin: 0 0 8px; letter-spacing: -.02em; }
.hp-body p { color: var(--muted); font-size: 14px; line-height: 1.5; margin: 0 0 18px; }
.hp-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.hp-link { font-weight: 600; font-size: 15px; color: var(--c); display: inline-flex; align-items: center; gap: 7px; }
.hp-go {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1.5px solid var(--c);
  color: var(--c);
  display: flex; align-items: center; justify-content: center;
  transition: background .18s, color .18s;
  flex-shrink: 0;
}
.hp-go svg { width: 16px; height: 16px; transition: transform .18s; }
.hp-card:hover .hp-go svg { transform: translateX(2px); }
.hp-card:hover .hp-go { background: var(--c); color: #fff; }
@media (max-width: 980px) { .hero-products { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) {
  .hero-products { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .hp-card { border-radius: 14px; }
  .hp-body { padding: 14px 14px 14px; }
  .hp-body h3 { font-size: 16px; margin: 0 0 4px; }
  .hp-body p { display: none; }
  .hp-foot { margin-top: 4px; }
  .hp-link { font-size: 13px; gap: 4px; }
  .hp-go { width: 30px; height: 30px; }
  .hp-go svg { width: 13px; height: 13px; }
}

/* ============================================================
   Product landing pages — shared components (promoted from urun.html)
   ============================================================ */
.urun-hero { background: var(--bg-dark); color: #fff; padding: clamp(52px,7vh,92px) 0 clamp(60px,9vh,108px); overflow: hidden; }
.urun-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(36px,5vw,76px); align-items: center; }
.urun-hero-text h1 { font-family:'Maven Pro',sans-serif; font-weight:700; letter-spacing:-0.035em; line-height:1.03; font-size: clamp(34px,4.4vw,58px); color:#fff; margin:0 0 22px; text-wrap:balance; }
.urun-hero-text h1 .hl { background: var(--hl); color: var(--ink); padding:0 .14em; border-radius:8px; }
.urun-hero-text .uh-eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--accent); margin-bottom:18px; }
.urun-hero-text .uh-eyebrow::before { content:''; width:18px; height:1.5px; background:var(--accent); }
.urun-hero-text p { color:#B8C5DC; font-size: clamp(16px,1.25vw,19px); line-height:1.6; max-width:46ch; margin:0 0 32px; }
.urun-hero-ctas { display:flex; gap:14px; flex-wrap:wrap; }
.urun-hero .btn-secondary { background:transparent; color:#fff; border-color:rgba(255,255,255,.32); }
.urun-hero .btn-secondary:hover { border-color:#fff; }
.urun-hero-media { position:relative; }
.uh-frame { background:#fff; border-radius:18px; padding:9px; box-shadow:0 44px 90px -30px rgba(0,0,0,.6); }
.uh-frame img { width:100%; border-radius:11px; display:block; }
.uh-float { position:absolute; background:#fff; border-radius:14px; padding:12px 15px; box-shadow:0 22px 50px -16px rgba(0,0,0,.55); display:flex; align-items:center; gap:12px; max-width:230px; }
.uh-float-1 { left:-22px; bottom:78px; animation: uhFloatA 5s ease-in-out infinite; }
.uh-float-2 { right:-18px; bottom:-20px; animation: uhFloatB 6s ease-in-out infinite; }
@keyframes uhFloatA { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@keyframes uhFloatB { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }
.uh-ic { width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.uh-ic svg { width:18px; height:18px; }
.uh-ic-green { background:#E3F7E0; color:#2E9E4F; }
.uh-ic-blue { background:var(--accent-soft); color:var(--accent-2); }
.uh-tt { font-size:13px; font-weight:700; color:var(--ink); letter-spacing:-.01em; }
.uh-sb { font-size:11.5px; color:var(--muted); margin-top:1px; }
@media (max-width:880px){ .urun-hero-grid{ grid-template-columns:1fr; } .urun-hero-media{ margin-top:8px; } .uh-float-1{ left:0; } .uh-float-2{ right:0; } }
@media (max-width:520px){ .uh-float{ display:none; } }

.value-boxes .vb-head { text-align:center; max-width:760px; margin:0 auto 48px; }
.value-boxes .vb-head h2 { margin:0 0 14px; }
.value-boxes .vb-head p { color:var(--muted); font-size:17px; line-height:1.55; margin:0; }
.vb-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.vbox { background:var(--bg-dark); color:#fff; border-radius:16px; padding:30px 26px; display:flex; flex-direction:column; gap:14px; transition: transform .2s; }
.vbox:hover { transform:translateY(-3px); }
.vbox .vb-ico { width:46px; height:46px; border-radius:12px; background:rgba(144,225,135,.15); color:#90E187; display:flex; align-items:center; justify-content:center; }
.vbox .vb-ico svg { width:24px; height:24px; }
.vbox h3 { color:#fff; font-size:18px; margin:0; letter-spacing:-.01em; }
.vbox p { color:#A9B6CE; font-size:14px; line-height:1.55; margin:0; }
@media (max-width:980px){ .vb-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:540px){ .vb-grid{ grid-template-columns:1fr; } }

.feature-flow { padding-top: clamp(56px,8vh,92px); }
.flow-intro { text-align:center; max-width:720px; margin:0 auto clamp(48px,7vh,76px); }
.flow-intro h2 { margin:0 0 14px; }
.flow-intro p { color:var(--muted); font-size:17px; line-height:1.55; margin:0; }
.flow-row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,84px); align-items:center; margin-bottom:clamp(64px,9vh,112px); }
.flow-row:last-child { margin-bottom:0; }
.flow-row.reverse .flow-text { order:2; }
.flow-row.reverse .flow-media { order:1; }
.flow-num { font-family:'Manrope',monospace; font-size:13px; font-weight:600; color:var(--accent-2); letter-spacing:.05em; display:block; margin-bottom:16px; }
.flow-text h3 { font-family:'Maven Pro',sans-serif; font-weight:600; letter-spacing:-.025em; font-size:clamp(26px,3vw,38px); line-height:1.08; margin:0 0 16px; text-wrap:balance; }
.flow-text > p { color:var(--muted); font-size:17px; line-height:1.6; margin:0 0 26px; max-width:42ch; }
.flow-chips { display:flex; flex-wrap:wrap; gap:10px; }
.flow-chips span { display:inline-flex; align-items:center; gap:9px; padding:9px 15px; background:#fff; border:1px solid var(--line); border-radius:999px; font-size:14px; font-weight:500; color:var(--ink); }
.flow-chips span::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--accent-2); flex-shrink:0; }
.flow-media { position:relative; }
.flow-media .fm-panel { background:transparent; border-radius:var(--radius-xl); padding:0; }
.flow-media img { width:100%; border-radius:var(--radius-xl); display:block; }
@media (max-width:880px){ .flow-row, .flow-row.reverse { grid-template-columns:1fr; gap:30px; } .flow-row.reverse .flow-text, .flow-row.reverse .flow-media { order:initial; } }

/* ============================================================
   FAQ / SSS accordion
   ============================================================ */
.faq { max-width: 820px; margin: 0 auto; }
.faq-head { text-align:center; margin-bottom: 44px; }
.faq-head h2 { margin: 0 0 14px; }
.faq-head p { color: var(--muted); font-size: 17px; margin: 0; }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 24px 48px 24px 0;
  position: relative;
  font-family: 'Maven Pro', sans-serif;
  font-weight: 600;
  font-size: 18.5px;
  letter-spacing: -.015em;
  color: var(--ink);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: '';
  position: absolute;
  right: 6px; top: 28px;
  width: 11px; height: 11px;
  border-right: 2px solid var(--accent-2);
  border-bottom: 2px solid var(--accent-2);
  transform: rotate(45deg);
  transition: transform .2s;
}
.faq-item[open] summary::after { transform: rotate(225deg); top: 32px; }
.faq-item p { color: var(--muted); font-size: 16px; line-height: 1.65; margin: 0 0 24px; max-width: 70ch; }


/* ============================================================
   WhatsApp sticky widget (sayfa içi inline'dan global'a taşındı)
   ============================================================ */
.wa-sticky{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-decoration:none;font-family:'Manrope',sans-serif}
.wa-bubble{background:#fff;border:1px solid #E2E5EF;border-radius:18px;padding:10px 14px 10px 10px;box-shadow:0 18px 40px -12px rgba(14,15,18,.18),0 6px 14px rgba(14,15,18,.06);max-width:280px;transition:transform .25s,opacity .25s;transform-origin:bottom right;animation:waPop .5s ease-out .8s both}
@keyframes waPop{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
.wa-bubble-row{display:flex;align-items:center;gap:12px}
.wa-avatar{position:relative;width:44px;height:44px;border-radius:50%;overflow:visible;flex-shrink:0}
.wa-avatar svg{display:block;border-radius:50%;background:#FFE6D5}
.wa-online{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;background:#25D366;border:2px solid #fff;border-radius:50%}
.wa-bubble-text{line-height:1.25;min-width:0}
.wa-bubble-title{font-weight:700;font-size:13.5px;color:#05236A;letter-spacing:-.01em;white-space:nowrap}
.wa-bubble-sub{font-size:12px;color:#5C6F94;display:flex;align-items:center;gap:6px;margin-top:2px;white-space:nowrap}
.wa-bubble-sub::before{content:'';width:6px;height:6px;background:#25D366;border-radius:50%;display:inline-block}
.wa-close{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:1px solid #E2E5EF;background:#fff;color:#5C6F94;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;padding:0}
.wa-close:hover{background:#05236A;color:#fff;border-color:#05236A}
.wa-fab{width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(37,211,102,.4),0 4px 10px rgba(37,211,102,.25);transition:transform .2s;position:relative}
.wa-fab::before{content:'';position:absolute;inset:-6px;border-radius:50%;background:#25D366;opacity:.3;animation:waPulse 2.2s infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.45}80%,100%{transform:scale(1.5);opacity:0}}
.wa-sticky:hover .wa-fab{transform:scale(1.06)}
.wa-collapsed .wa-bubble{display:none}
@media (max-width:640px){.wa-sticky{right:14px;bottom:14px}.wa-bubble{max-width:240px}}

/* ============================================================
   Cookie consent (sol alt, kompakt)
   ============================================================ */
.cookie-consent{position:fixed;left:20px;bottom:20px;z-index:80;max-width:340px;background:#fff;border:1px solid #E2E5EF;border-radius:14px;box-shadow:0 16px 40px -10px rgba(14,15,18,.18),0 4px 12px rgba(14,15,18,.06);padding:16px;font-family:'Manrope',sans-serif;color:var(--ink);transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .35s ease-out,opacity .3s ease-out}
.cookie-consent.show{transform:none;opacity:1;pointer-events:auto}
.cookie-consent h4{font-family:inherit;font-size:14px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.cookie-consent h4 svg{width:16px;height:16px;flex-shrink:0;color:var(--accent-2)}
.cookie-consent p{font-size:12.5px;line-height:1.5;margin:0 0 12px;color:var(--muted)}
.cookie-consent p a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.cookie-consent-row{display:flex;gap:8px;align-items:center}
.cookie-consent-row .cc-accept{flex:1;background:var(--ink);color:#fff;border:none;padding:9px 14px;border-radius:8px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}
.cookie-consent-row .cc-accept:hover{background:#0A2F86}
.cookie-consent-row .cc-decline{background:transparent;border:1px solid #E2E5EF;color:var(--muted);padding:9px 12px;border-radius:8px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s,color .15s}
.cookie-consent-row .cc-decline:hover{background:var(--bg-alt);color:var(--ink)}
@media (max-width:640px){
  .cookie-consent{left:10px;right:10px;bottom:10px;max-width:none;padding:12px 14px;border-radius:12px}
  .cookie-consent h4{font-size:13px;margin-bottom:4px}
  .cookie-consent p{font-size:12px;margin-bottom:10px}
  .cookie-consent-row .cc-accept{padding:8px 12px;font-size:12.5px}
  .cookie-consent-row .cc-decline{padding:8px 10px;font-size:12.5px}
}

/* ============================================================
   Footer mobil accordion — başlıklar tıklanabilir, alt menüler katlanır
   ============================================================ */
@media (max-width: 720px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-bottom: 32px !important;
  }
  .site-footer .footer-brand {
    padding-bottom: 24px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
  .site-footer .footer-grid > div:not(.footer-brand) {
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
  .site-footer .footer-grid > div:not(.footer-brand) h4 {
    margin: 0;
    padding: 18px 32px 18px 0;
    cursor: pointer;
    user-select: none;
    position: relative;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    color: #fff;
  }
  .site-footer .footer-grid > div:not(.footer-brand) h4::after {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid rgba(255,255,255,0.7);
    border-bottom: 2px solid rgba(255,255,255,0.7);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .25s ease;
  }
  .site-footer .footer-grid > div:not(.footer-brand).is-open h4::after {
    transform: translateY(-30%) rotate(-135deg);
  }
  .site-footer .footer-grid > div:not(.footer-brand) ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .25s ease;
    padding: 0;
    margin: 0;
    gap: 0 !important;
  }
  .site-footer .footer-grid > div:not(.footer-brand).is-open ul {
    max-height: 600px;
    padding-bottom: 16px;
  }
  .site-footer .footer-grid > div:not(.footer-brand) ul li {
    padding: 8px 0;
  }
  .site-footer .footer-grid > div:not(.footer-brand) ul a {
    font-size: 14px;
    color: #D7DDEA;
  }
  .site-footer .footer-bottom {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    text-align: left;
    font-size: 12px;
  }
}
.cookie-consent.show{transform:none;opacity:1;pointer-events:auto}
.cookie-consent h4{font-family:inherit;font-size:14px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.cookie-consent h4 svg{width:16px;height:16px;flex-shrink:0;color:var(--accent-2)}
.cookie-consent p{font-size:12.5px;line-height:1.5;margin:0 0 12px;color:var(--muted)}
.cookie-consent p a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.cookie-consent-row{display:flex;gap:8px;align-items:center}
.cookie-consent-row .cc-accept{flex:1;background:var(--ink);color:#fff;border:none;padding:9px 14px;border-radius:8px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}
.cookie-consent-row .cc-accept:hover{background:#0A2F86}
.cookie-consent-row .cc-decline{background:transparent;border:1px solid #E2E5EF;color:var(--muted);padding:9px 12px;border-radius:8px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s,color .15s}
.cookie-consent-row .cc-decline:hover{background:var(--bg-alt);color:var(--ink)}
@media (max-width:640px){
  .cookie-consent{left:10px;right:10px;bottom:10px;max-width:none;padding:12px 14px;border-radius:12px}
  .cookie-consent h4{font-size:13px;margin-bottom:4px}
  .cookie-consent p{font-size:12px;margin-bottom:10px}
  .cookie-consent-row .cc-accept{padding:8px 12px;font-size:12.5px}
  .cookie-consent-row .cc-decline{padding:8px 10px;font-size:12.5px}
}

/* ============================================================
   MOBİL OPTİMİZASYON — kompakt ux, font ölçekleri, taşma fixleri
   ============================================================ */

/* Genel: hiçbir element viewport'tan taşmasın */
@media (max-width: 720px) {
  html, body { overflow-x: hidden; }
  img, svg, video { max-width: 100%; height: auto; }

  /* Bölüm padding'lerini daralt */
  section { padding: clamp(40px, 6vh, 64px) 0; }
  .container { padding-left: 20px; padding-right: 20px; }

  /* Başlık ölçekleri — kompakt */
  h1, .page-hero h1, .urun-hero-text h1 {
    font-size: clamp(28px, 7vw, 38px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.025em !important;
  }
  h1 .hl, .page-hero h1 .hl, .urun-hero-text h1 .hl {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  h2, h2.section-title, .cta-headline {
    font-size: clamp(24px, 6vw, 32px) !important;
    line-height: 1.12 !important;
  }
  h3 { font-size: clamp(18px, 4.6vw, 22px) !important; line-height: 1.2 !important; }
  .lead { font-size: 15.5px !important; line-height: 1.55 !important; }
  p { font-size: 15px; line-height: 1.6; }

  /* Hero alt güven satırı */
  .hero .hero-trust { font-size: 12.5px; }

  /* Inline 2-col grid'leri (AI bloğu vb.) tek sütun yap */
  .dark-block > div[style*="grid-template-columns"],
  div[style*="grid-template-columns: 1.1fr"],
  div[style*="grid-template-columns:1.1fr"],
  div[style*="grid-template-columns: 1fr 1.2fr"],
  div[style*="grid-template-columns: 1fr 1.4fr"],
  div[style*="grid-template-columns:1fr 1.4fr"],
  div[style*="grid-template-columns: 1.05fr 1fr"],
  div[style*="grid-template-columns:1.05fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  /* Final CTA */
  .final-cta { padding: 56px 0 !important; }
  .final-cta-deco {
    display: block !important;
    left: auto !important;
    right: 16px !important;
    top: 12px !important;
    bottom: auto !important;
    width: 110px !important;
    opacity: 0.9 !important;
    transform: rotate(-8deg) !important;
    z-index: 1 !important;
  }
  .cta-headline { max-width: calc(100% - 120px) !important; }

  /* Header — TR seçici daha kompakt */
  .lang-btn { padding: 6px 8px !important; font-size: 12.5px !important; }

  /* Buton boyutları */
  .btn-lg { padding: 12px 18px; font-size: 15px; }
  .btn { padding: 10px 16px; font-size: 14.5px; }

  /* Sticky WhatsApp + back-to-top: daha küçük ve içeriği örtmesin */
  .wa-sticky { right: 12px !important; bottom: 12px !important; }
  .wa-fab { width: 50px !important; height: 50px !important; }
  .wa-fab svg { width: 22px !important; height: 22px !important; }
  .wa-bubble { display: none !important; } /* mobilde balon kapansın, sadece fab */

  .back-to-top { right: 12px !important; bottom: 86px !important; width: 40px !important; height: 40px !important; }
  .back-to-top .btt-arrow { width: 16px !important; height: 16px !important; }

  /* Dark block tüm genişlik, kenar boşluksuz */
  .dark-block { padding: 32px 20px !important; border-radius: 0 !important; }
  .dark-block h2 { max-width: none !important; }
  .dark-block .lead { max-width: none !important; }

  /* Suite/who/stat/journey gibi grid'leri tek sütun */
  .suite-grid, .who-grid, .journey-flow, .stat-row, .testimonial-grid,
  .cta-grid, .vb-grid, .sol-cards, .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .footer-grid { gap: 28px !important; }

  /* Stat row, brand row */
  .stat-row { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
  .stat .num { font-size: 28px !important; }
  .logos-row { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }

  /* Flow rows */
  .flow-row, .flow-row.reverse { grid-template-columns: 1fr !important; gap: 24px !important; margin-bottom: 48px !important; }
  .flow-text h3 { font-size: 22px !important; line-height: 1.18 !important; }
  .flow-text > p { font-size: 15px !important; max-width: none !important; }
  .flow-chips span { font-size: 12.5px; padding: 7px 12px; }

  /* Feature row */
  .feature-row, .feature-row.reverse { grid-template-columns: 1fr !important; gap: 24px !important; }
  .feature-text h2 { font-size: 24px !important; }

  /* Urun hero + üzerinde uçuşan kartları küçült */
  .urun-hero-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .urun-hero { padding: 40px 0 56px !important; }
  .urun-hero-text p { font-size: 15px !important; max-width: none !important; }
  .urun-hero-ctas { gap: 10px !important; flex-wrap: wrap; }

  /* Ürün hero üzerindeki "uçan" bilgi kartları gizlensin */
  .uh-float { display: none !important; }

  /* Çözüm / değer kartları padding daha kompakt */
  .vbox, .sol-card, .cta-card, .card { padding: 20px !important; }
  .vbox h3 { font-size: 17px !important; }
  .sol-card h3 { font-size: 16px !important; }

  /* Mega menü mobilde gizli (zaten nav gizli) */
  .nav-mega, .nav-dd-menu { display: none !important; }

  /* Demo overlay daha kompakt */
  .em-modal { border-radius: 18px !important; }

  /* SSS sayfası sticky toc mobilde static */
  .sss-toc, .legal-toc { position: static !important; }
  .sss-grid, .legal-grid { grid-template-columns: 1fr !important; gap: 28px !important; }

  /* Hakkımızda ilkeler tek sütun */
  .ilke-list { grid-template-columns: 1fr !important; }
  .about-grid { grid-template-columns: 1fr !important; gap: 16px !important; }

  /* İletişim form alanları tam genişlik */
  .contact-grid { grid-template-columns: 1fr !important; gap: 28px !important; }

  /* FAQ */
  .faq-item summary { font-size: 16px !important; padding: 18px 40px 18px 0 !important; }
  .faq-item summary::after { right: 6px !important; top: 22px !important; width: 12px !important; height: 12px !important; }
  .faq-item p { font-size: 14.5px !important; }

  /* Blog detay */
  .article-layout { grid-template-columns: 1fr !important; }
  .toc { position: static !important; }
}

/* ≤ 420px (küçük telefonlar) */
@media (max-width: 420px) {
  .container { padding-left: 16px; padding-right: 16px; }
  h1, .page-hero h1, .urun-hero-text h1 { font-size: 26px !important; }
  h2, .cta-headline { font-size: 22px !important; }
  .lead { font-size: 15px !important; }
  .stat-row { grid-template-columns: 1fr 1fr !important; }
  .stat .num { font-size: 24px !important; }
  .logos-row { grid-template-columns: repeat(2, 1fr) !important; }
  .footer-grid { grid-template-columns: 1fr !important; }
  .cta-form-row { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .cta-form-card input { padding: 16px 16px !important; font-size: 15px !important; }
  .cta-form-submit { padding: 18px !important; font-size: 15.5px !important; }
}