/* ===== Tema ===== */
:root{
  --ink:#0a0f1f;
  --muted:#64748b;
  --brand:#0e4af0;
  --paper:#ffffff;
  --alt:#f6f8fc;
  --radius:16px;
  --shadow:0 14px 40px rgba(10,15,31,.10);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink); background:var(--paper); line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}

/* Koyu mod desteği */
@media (prefers-color-scheme: dark){
  :root{ --paper:#0a0f1f; --ink:#f8fafc; --alt:#0f172a; --muted:#94a3b8 }
  body{ background:var(--paper); color:var(--ink) }
  .site-header, .site-footer, .value-box, .about-card, .contact-card{ background:#0e1424 }
  .menu a, .brand{ color:var(--ink) }
  .section--alt{ background:#0f172a }
  .videos img, .card-img, .card-svg{ box-shadow:0 10px 34px rgba(0,0,0,.5) }
  .site-header{ border-bottom:1px solid #1f2937 }
  .site-footer{ border-top:1px solid #1f2937 }
}

/* Genel */
.container{max-width:1120px;margin-inline:auto;padding:0 20px}
.section{padding:88px 0}
.section--alt{background:var(--alt)}
.section--contact{background:linear-gradient(180deg,var(--paper), #f3f6ff)}
h1,h2,h3{line-height:1.2;margin:0 0 12px}
h1{font-size:clamp(36px,4.5vw,56px)}
h2{font-size:clamp(26px,3.2vw,34px)}
h3{font-size:20px}
p{margin:0 0 12px}
.muted{color:var(--muted)}
.small{font-size:.95rem}
.accent{color:var(--brand)}
.tag{
  display:inline-block;font-weight:700;color:var(--brand);
  background:#eef2ff;border:1px solid #dbe1ff;border-radius:999px;
  padding:6px 10px;margin-bottom:8px
}

/* Header */
.site-header{
  position:sticky;top:0;background:var(--paper);
  border-bottom:1px solid #e8ebf2;z-index:10;
  backdrop-filter:saturate(1.1) blur(8px)
}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:800}
.menu{display:flex;gap:22px;align-items:center}
.menu a{text-decoration:none;color:inherit;font-weight:600}
.menu-toggle{display:none;background:transparent;border:0;font-size:28px;line-height:1;cursor:pointer}

.btn{
  display:inline-block;padding:12px 18px;border-radius:12px;
  background:var(--brand);color:#fff;text-decoration:none;
  font-weight:700;box-shadow:var(--shadow);border:0;transition:transform .15s ease
}
.btn:hover{ transform:translateY(-2px) }
.btn--ghost{background:#fff;color:var(--brand);border:2px solid var(--brand)}
.btn--small{padding:8px 14px;border-radius:10px}

/* Hero */
.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.lead{font-size:18px;color:var(--muted)}
.cta{display:flex;gap:12px;margin:20px 0 8px;flex-wrap:wrap}
.badges{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:16px 0 0;list-style:none}
.hero-card{
  display:grid;gap:14px;background:linear-gradient(135deg,#0e4af0,#1939b7);
  color:#fff;padding:24px;border-radius:var(--radius);box-shadow:var(--shadow)
}
.stat{display:flex;align-items:center;gap:14px}
.stat__num{font-size:28px;font-weight:800}
.stat__label{opacity:.92}

/* Görsel şeritleri */
.video-strip{border-block:1px solid #e8ebf2;background:var(--paper)}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0}
.videos img{width:100%;height:180px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow)}

/* Finansman Modeli */
.about-points{display:grid;gap:14px;margin-top:14px}
.about-card{display:flex;gap:16px;align-items:center;background:#fff;padding:18px;border-radius:var(--radius);box-shadow:var(--shadow)}
.avatar{width:56px;height:56px;border-radius:14px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:800}
.value-box{background:#fff;padding:24px;border-radius:16px;box-shadow:var(--shadow)}

/* Görseller (cards) */
.photos{
  display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;
  gap:24px;margin-top:28px
}
.card-img,.card-svg{
  width:320px;max-width:100%;height:auto;border-radius:14px;background:#fff;box-shadow:0 10px 34px rgba(10,15,31,.08);
  transition:transform .25s ease
}
.card-img:hover,.card-svg:hover{transform:translateY(-4px)}

/* Form & Contact */
.form{display:grid;gap:12px;margin-top:12px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:grid;gap:6px;font-weight:600}
input,textarea{
  width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font:inherit;background:#fff
}
input:focus,textarea:focus{outline:3px solid rgba(14,74,240,.18);border-color:var(--brand)}
.contact-card{background:#fff;padding:24px;border-radius:16px;box-shadow:var(--shadow);display:grid;gap:12px}

/* Footer */
.site-footer{border-top:1px solid #e8ebf2;background:var(--paper)}
.footer{display:flex;justify-content:space-between;align-items:center;height:82px}

/* Sticky CTA */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:16px;display:flex;gap:12px;justify-content:center;
  z-index:9999;pointer-events:none
}
.sticky-cta .btn{
  pointer-events:auto;padding:14px 18px;border-radius:999px;font-weight:800;
  box-shadow:0 12px 30px rgba(0,0,0,.12)
}
.btn--whatsapp{background:#25D366}
.btn--call{background:var(--brand)}

/* Görsel/Video güvenliği ve scroll offset */
img,svg,video{display:block;max-width:100%;height:auto}
.section,[id]{scroll-margin-top:90px}
body{padding-bottom:96px}

/* Fade-in animasyonu (sıralı gecikmeler) */
.fade-in{opacity:0;transform:translateY(20px);animation:fadeInMove 0.9s ease-out forwards}
.d0{animation-delay:.0s}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}.d5{animation-delay:.5s}
@keyframes fadeInMove{
  0%{opacity:0;transform:translateY(28px)}
  100%{opacity:1;transform:translateY(0)}
}
/* Hareket tercihine saygı */
@media (prefers-reduced-motion: reduce){
  .fade-in{opacity:1;transform:none;animation:none}
}

/* Responsive */
@media (max-width:980px){
  .grid-2{grid-template-columns:1fr}
}
@media (max-width:880px){
  .menu{display:none;position:absolute;top:68px;right:12px;background:var(--paper);padding:10px;border:1px solid #e8ebf2;border-radius:12px;box-shadow:var(--shadow);flex-direction:column}
  .menu.open{display:flex}
  .menu-toggle{display:block}
}
@media (max-width:540px){
  .container{padding:0 14px}
  .section{padding:64px 0}
  .card-img,.card-svg{width:100%}
  .videos img{height:160px}
}
/* ===== OVERLAP & STICKY FIX (HTML DEĞİŞTİRMEDEN) ===== */

/* 1) Kartları opak yap ve arka planın üstüne al */
.contact-card,
.value-box {
  position: relative;
  z-index: 2;
  background-color: #ffffff !important;          /* cam efekti varsa kapat */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(10,15,31,.10);
}

/* Dark mode karşılığı */
@media (prefers-color-scheme: dark){
  .contact-card,
  .value-box {
    background-color: #0f172a !important;
    border-color: #1f2937;
    box-shadow: 0 14px 40px rgba(0,0,0,.45);
  }
}

/* 2) Kart içindeki tüm içerikleri normal akışa sok (üst üste binme bitsin) */
.contact-card *,.value-box *{
  position: static !important;
  transform: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
}

/* 3) Form/Buton hizası – akışta, net, taşma yok */
.form{ display:grid; gap:14px; }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form__row > .full{ grid-column:1 / -1; }

.contact-card .btn,
.value-box .btn,
.form .btn {
  display:inline-flex;
  align-items:center; justify-content:center;
  position: static !important;
  min-height:44px; padding:12px 20px;
  border-radius:12px; white-space:nowrap;
  margin-top:10px;
}

/* Küçük ekranda buton tam genişlik */
@media (max-width:700px){
  .form__row{ grid-template-columns:1fr; }
  .contact-card .btn,
  .value-box .btn,
  .form .btn{ width:100%; }
}

/* 4) Sticky CTA altta kapatmasın: sayfaya ekstra tampon ve sticky düzeni */
body{ padding-bottom: 140px; } /* daha önce 96px idi; sticky yüksekliğine tampon */
.section--contact{ padding-bottom: 120px; } /* kartlar sticky’ye çarpmasın */

.sticky-cta{
  position: fixed;
  left: 12px; right: 12px;   /* kenarlara yapışmasın */
  bottom: 16px;
  z-index: 9999;             /* her şeyin üstünde */
}
.sticky-cta .btn{ border-radius:999px; }

/* 5) Dekoratif mutlak öğeler (varsa) içerik üstüne çıkmasın */
.section .decor,[data-decor]{
  position:absolute; z-index:0; pointer-events:none;
}
.section > *{ position:relative; z-index:1; }

/* 6) Bölüm sonlarında küçük nefes alanı */
.contact-card:last-child,
.value-box:last-child{ margin-bottom:24px; }
/* ===== GİZLİLİK METNİ - ORTADA VE NET ===== */
.contact-card .privacy {
  display: block;
  text-align: center;
  margin: 22px auto 0 auto;
  max-width: 90%;
  padding: 14px 20px;
  border-radius: 12px;
  font-size: 0.97rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.95);
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}

/* Açık modda kontrast */
@media (prefers-color-scheme: light){
  .contact-card .privacy{
    color:#1e293b;
    background:#f4f7ff;
    border:1px solid #dbe1ff;
    box-shadow:0 3px 10px rgba(0,0,0,0.08);
  }
}/* ===== GİZLİLİK METNİ — FORM İÇİN KESİN EŞLEŞME ===== */
/* privacy paragrafı formun neresinde olursa olsun uygulansın */
.section--contact .privacy,
form .privacy {
  display: block;
  text-align: center;
  margin: 22px auto 0;
  max-width: 90%;
  padding: 14px 20px;
  border-radius: 12px;
  font-size: 0.97rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.95) !important;  /* eski .muted küçük gelirse bastır */
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}

/* Açık mod kontrastı */
@media (prefers-color-scheme: light){
  .section--contact .privacy,
  form .privacy {
    color: #1e293b !important;
    background: #f4f7ff;
    border: 1px solid #dbe1ff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  }
}