/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:#334155;background:#fff;line-height:1.65;font-weight:400;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .2s}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}

/* ===== CSS DEĞIŞKENLER (Tasarım Sistemi) ===== */
:root{
  /* Renkler - modern profesyonel palet */
  --primary:#0066ff;
  --primary-dark:#0052cc;
  --primary-light:#e6f0ff;
  --accent:#00d4aa;
  --accent-dark:#00a884;
  --warning:#ff9500;
  --danger:#ef4444;

  /* Nötrler */
  --dark:#0f172a;
  --gray-900:#1e293b;
  --gray-700:#334155;
  --gray-500:#64748b;
  --gray-400:#94a3b8;
  --gray-200:#e2e8f0;
  --gray-100:#f1f5f9;
  --gray-50:#f8fafc;
  --white:#ffffff;

  /* WhatsApp */
  --wa:#25d366;
  --wa-dark:#1ebe5a;

  /* Tipografi */
  --font-sans:'Inter',system-ui,sans-serif;

  /* Boşluklar */
  --container:1240px;
  --section-py:5rem;

  /* Köşe yuvarlamaları */
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-xl:24px;
  --r-pill:999px;

  /* Gölgeler */
  --shadow-sm:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 4px 12px rgba(15,23,42,.08),0 2px 6px rgba(15,23,42,.04);
  --shadow-lg:0 12px 32px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06);
  --shadow-xl:0 24px 48px rgba(15,23,42,.16),0 8px 16px rgba(15,23,42,.08);
  --shadow-glow:0 8px 24px rgba(0,102,255,.25);

  /* Geçişler */
  --t-fast:.15s ease;
  --t-base:.25s cubic-bezier(.4,0,.2,1);
  --t-slow:.4s cubic-bezier(.4,0,.2,1);
}

/* ===== CONTAINER ===== */
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
@media(max-width:640px){.container{padding:0 16px}}

/* ===== TIPOGRAFI ===== */
h1,h2,h3,h4,h5{font-weight:700;line-height:1.2;color:var(--dark);letter-spacing:-.02em}
h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}
h3{font-size:clamp(1.25rem,2vw,1.5rem)}
h4{font-size:1.0625rem}
p{font-size:1rem;color:var(--gray-700)}

/* Section header (her bölümde tekrar kullanılan) */
.section-header{text-align:center;margin-bottom:3.5rem;max-width:720px;margin-left:auto;margin-right:auto}
.section-header .eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;background:var(--primary-light);padding:.4rem 1rem;border-radius:var(--r-pill);margin-bottom:1rem}
.section-header h2{margin-bottom:.75rem}
.section-header p{color:var(--gray-500);font-size:1.0625rem}

/* ===== BUTONLAR ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;transition:var(--t-base);text-align:center;white-space:nowrap;font-family:inherit;text-decoration:none}
.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,102,255,.35)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.3)}
.btn-wa:hover{background:var(--wa-dark);transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,211,102,.4)}
.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn-outline:hover{background:var(--primary);color:#fff}
.btn-ghost{background:rgba(15,23,42,.04);color:var(--dark)}
.btn-ghost:hover{background:rgba(15,23,42,.08)}
.btn-lg{padding:1rem 2rem;font-size:1rem}
.btn-sm{padding:.5rem 1rem;font-size:.875rem}

/* ============================================
   HEADER & NAVBAR
   ============================================ */
#header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(15,23,42,.06);transition:var(--t-base)}
#header.scrolled{background:rgba(255,255,255,.95);box-shadow:var(--shadow-md)}



/* Logo */
.brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0;font-weight:800;font-size:1.0625rem;color:var(--dark);letter-spacing:-.02em}
.brand img{height:42px;width:auto;display:block}
.brand:hover{color:var(--primary)}

/* Navigasyon */
#navbar{display:flex;align-items:center}
#navbar>ul{display:flex;align-items:center;gap:1.75rem}
#navbar>ul>li{position:relative}
#navbar>ul>li>a{display:flex;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.9rem;font-weight:500;color:var(--gray-700);border-radius:var(--r-sm);transition:var(--t-fast);position:relative}
#navbar>ul>li>a:hover{color:var(--primary);background:var(--primary-light)}
#navbar>ul>li>a .arrow{font-size:.7rem;transition:transform var(--t-fast)}
#navbar>ul>li.megamenu:hover>a .arrow{transform:rotate(180deg)}

/* Megamenu */
.megamenu>.mega-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-8px);background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);padding:1.5rem;min-width:780px;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem 1.5rem;opacity:0;visibility:hidden;transition:var(--t-base);z-index:1001}
.megamenu:hover>.mega-panel,.megamenu:focus-within>.mega-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mega-col{display:flex;flex-direction:column;gap:.1rem}
.mega-col a{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.825rem;color:var(--gray-700);border-radius:var(--r-sm);transition:var(--t-fast);white-space:nowrap}
.mega-col a:hover{color:var(--primary);background:var(--primary-light);transform:translateX(2px)}

/* Header sağ butonlar */
.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}

/* Mobil menü toggle */
.nav-toggle{display:none;width:42px;height:42px;border-radius:var(--r-sm);background:var(--gray-100);align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:var(--t-fast)}
.nav-toggle:hover{background:var(--gray-200)}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--dark);border-radius:2px;transition:var(--t-base)}
.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Header içi ufak telefon ikonu (SVG) */
.icon-phone{width:16px;height:16px;flex-shrink:0}

/* ===== Mobil ===== */
@media(max-width:1024px){
  .header-inner{padding:.75rem 16px}
  .brand img{height:38px}
  #navbar{position:fixed;top:0;right:-100%;bottom:0;width:min(340px,90vw);background:#fff;flex-direction:column;align-items:stretch;padding:5rem 1.5rem 2rem;box-shadow:-12px 0 40px rgba(0,0,0,.1);transition:right var(--t-base);overflow-y:auto;z-index:999}
  #navbar.open{right:0}
  #navbar>ul{flex-direction:column;align-items:stretch;gap:.25rem;width:100%}
  #navbar>ul>li{width:100%}
  #navbar>ul>li>a{padding:.75rem 1rem;justify-content:space-between;font-size:.95rem}
  .megamenu>.mega-panel{position:static;transform:none;opacity:1;visibility:visible;display:none;min-width:auto;grid-template-columns:1fr 1fr;padding:.75rem 0 .75rem 1rem;border:none;box-shadow:none;background:var(--gray-50);border-radius:var(--r-md);margin-top:.25rem}
  .megamenu.open>.mega-panel{display:grid}
  .nav-toggle{display:flex}
  /* Mobil overlay */
  .nav-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:998;backdrop-filter:blur(2px)}
  .nav-overlay.open{display:block}
}
@media(min-width:1025px){
  .nav-overlay{display:none!important}
}



/* ============================================
   HERO SECTION
   ============================================ */
#hero{
  position:relative;
  padding:8rem 0 5rem;
  background:linear-gradient(135deg,#f0f6ff 0%,#fff 50%,#f0fdf9 100%);
  overflow:hidden;
  min-height:100vh;
  display:flex;
  align-items:center;
}

/* Arka plan dekorasyon */
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:blob-move 20s ease-in-out infinite}
.blob-1{width:500px;height:500px;background:linear-gradient(135deg,#0066ff,#4d94ff);top:-100px;right:-100px;animation-delay:0s}
.blob-2{width:400px;height:400px;background:linear-gradient(135deg,#00d4aa,#5eead4);bottom:-100px;left:-100px;animation-delay:5s}
.blob-3{width:300px;height:300px;background:linear-gradient(135deg,#fbbf24,#f97316);top:50%;left:50%;animation-delay:10s;opacity:.3}
@keyframes blob-move{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(40px,-30px) scale(1.05)}
  66%{transform:translate(-30px,30px) scale(.95)}
}
.grid-pattern{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);
  background-size:50px 50px;
  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);
}

/* Hero grid */
.hero-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:4rem;
  align-items:center;
  position:relative;
  z-index:1;
}

/* Sol içerik */
.hero-content{animation:slideUp .6s ease-out}
@keyframes slideUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

/* Üst rozet */
.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.5rem 1rem;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-pill);
  font-size:.825rem;
  color:var(--gray-700);
  margin-bottom:1.75rem;
  box-shadow:var(--shadow-sm);
}
.hero-badge strong{color:var(--primary);font-weight:700}
.badge-dot{
  width:8px;height:8px;
  background:var(--accent);
  border-radius:50%;
  position:relative;
}
.badge-dot::after{
  content:'';position:absolute;inset:0;
  border-radius:50%;background:var(--accent);
  animation:pulse-dot 2s infinite;
}
@keyframes pulse-dot{
  0%{transform:scale(1);opacity:.7}
  100%{transform:scale(2.5);opacity:0}
}

/* Başlık */
.hero-title{
  margin-bottom:1.5rem;
  line-height:1.1;
}
.gradient-text{
  background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  display:inline-block;
}

/* Açıklama */
.hero-description{
  font-size:1.125rem;
  line-height:1.7;
  color:var(--gray-500);
  margin-bottom:2rem;
  max-width:540px;
}
.hero-description strong{color:var(--gray-900);font-weight:600}

/* Eylem butonları */
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:3rem;
}

/* Güven göstergeleri */
.hero-trust{
  display:flex;
  align-items:center;
  gap:1.5rem;
  padding:1.25rem 1.5rem;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(10px);
  border:1px solid var(--gray-200);
  border-radius:var(--r-lg);
  flex-wrap:wrap;
}
.trust-item{flex:1;min-width:80px}
.trust-number{
  font-size:1.5rem;
  font-weight:800;
  color:var(--dark);
  letter-spacing:-.02em;
  line-height:1;
  margin-bottom:.25rem;
}
.trust-label{
  font-size:.75rem;
  color:var(--gray-500);
  font-weight:500;
}
.trust-divider{
  width:1px;height:32px;
  background:var(--gray-200);
}

/* SAĞ: Görsel sahne */
.hero-visual{
  position:relative;
  min-height:480px;
  animation:slideUp .8s ease-out .2s both;
}

/* Ana ödeme kartı */
.payment-card{
  background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);
  color:#fff;
  border-radius:var(--r-xl);
  padding:1.75rem;
  box-shadow:0 24px 60px rgba(15,23,42,.3);
  position:relative;
  overflow:hidden;
  z-index:2;
}
.payment-card::before{
  content:'';
  position:absolute;
  top:-50%;left:-50%;
  width:200%;height:200%;
  background:radial-gradient(circle,rgba(0,212,170,.2) 0%,transparent 50%);
  animation:rotate-bg 20s linear infinite;
}
@keyframes rotate-bg{
  to{transform:rotate(360deg)}
}
.payment-card-header{
  display:flex;
  align-items:center;
  gap:.875rem;
  margin-bottom:1.25rem;
  position:relative;
}
.payment-icon{
  width:48px;height:48px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  border-radius:var(--r-md);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex-shrink:0;
}
.payment-title{
  font-size:1.0625rem;
  font-weight:700;
  color:#fff;
}
.payment-subtitle{
  font-size:.8125rem;
  color:rgba(255,255,255,.6);
}
.payment-tag{
  margin-left:auto;
  background:var(--accent);
  color:#0f172a;
  font-size:.6875rem;
  font-weight:800;
  padding:.25rem .6rem;
  border-radius:var(--r-pill);
  letter-spacing:.05em;
}
.payment-card-body{position:relative;margin-bottom:1.25rem}
.payment-card-body p{
  color:rgba(255,255,255,.85);
  font-size:.9375rem;
  line-height:1.6;
}
.payment-card-body p strong{color:#fff}
.payment-features{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  position:relative;
}
.payment-features span{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  padding:.4rem .7rem;
  border-radius:var(--r-sm);
  font-size:.75rem;
  color:rgba(255,255,255,.9);
  font-weight:500;
}

/* Float mini kartlar */
.float-card{
  position:absolute;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-md);
  padding:.875rem 1rem;
  box-shadow:var(--shadow-lg);
  display:flex;
  align-items:center;
  gap:.75rem;
  z-index:3;
  animation:float-y 4s ease-in-out infinite;
}
@keyframes float-y{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.float-card-1{
  top:-30px;right:-20px;
  animation-delay:0s;
}
.float-card-2{
  bottom:50px;left:-30px;
  animation-delay:1.5s;
}
.float-card-3{
  bottom:-20px;right:20px;
  animation-delay:3s;
}
.float-icon{
  width:38px;height:38px;
  border-radius:var(--r-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.float-title{
  font-size:.875rem;
  font-weight:700;
  color:var(--dark);
  line-height:1.2;
  margin-bottom:.15rem;
  white-space:nowrap;
}
.float-sub{
  font-size:.75rem;
  color:var(--gray-500);
  white-space:nowrap;
}

/* Aşağı kaydır oku */
.hero-scroll{
  position:absolute;
  bottom:2rem;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
}
.hero-scroll a{
  width:44px;height:44px;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--primary);
  box-shadow:var(--shadow-md);
  animation:bounce-arrow 2s infinite;
}
.hero-scroll a:hover{
  background:var(--primary);
  color:#fff;
  transform:scale(1.1);
}
@keyframes bounce-arrow{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(6px)}
}

/* RESPONSIVE */
@media(max-width:1024px){
  #hero{padding:6rem 0 4rem;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:5rem;text-align:center}
  .hero-content{order:1}
  .hero-visual{order:2;min-height:auto;max-width:480px;margin:0 auto;width:100%}
  .hero-description{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .hero-badge{margin-left:auto;margin-right:auto}
  .hero-trust{justify-content:center}
}
@media(max-width:640px){
  #hero{padding:5rem 0 3rem}
  .hero-trust{padding:1rem;gap:.75rem}
  .trust-divider{display:none}
  .trust-item{min-width:calc(50% - .5rem)}
  .trust-number{font-size:1.25rem}
  .float-card-1{top:-20px;right:0}
  .float-card-2{display:none}
  .float-card-3{bottom:-30px;right:auto;left:0}
  .float-title{font-size:.8125rem}
  .hero-actions .btn{width:100%}
  .hero-scroll{display:none}
}
@media(max-width:1024px){
  #navbar{
    z-index:1002;
  }

  .nav-overlay{
    z-index:999;
  }

  .nav-toggle{
    position:relative;
    z-index:1003;
  }

  body.nav-open{
    overflow:hidden;
  }
}
/* ============================================
   CLIENTS / REFERANSLAR
   ============================================ */
#clients{
  padding:4rem 0 3rem;
  background:var(--gray-50);
  border-top:1px solid var(--gray-200);
  border-bottom:1px solid var(--gray-200);
  overflow:hidden;
}
.clients-header{text-align:center;margin-bottom:2.5rem}
.clients-eyebrow{
  display:inline-block;
  font-size:.75rem;
  font-weight:700;
  color:var(--gray-500);
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:.75rem;
}
.clients-title{
  font-size:1.25rem;
  font-weight:600;
  color:var(--gray-700);
}
.clients-title strong{
  color:var(--primary);
  font-weight:800;
}

/* Marquee kaydırma */
.clients-marquee{
  position:relative;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.clients-track{
  display:flex;
  gap:3rem;
  width:max-content;
  animation:scroll-x 50s linear infinite;
}
.clients-track:hover{animation-play-state:paused}
@keyframes scroll-x{
  to{transform:translateX(-50%)}
}
.client-logo{
  flex-shrink:0;
  width:140px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  filter:grayscale(100%) opacity(.55);
  transition:var(--t-base);
}
.client-logo:hover{
  filter:grayscale(0) opacity(1);
  transform:scale(1.05);
}
.client-logo img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

/* ============================================
   ABOUT / HAKKIMIZDA
   ============================================ */
#about{padding:var(--section-py) 0}

.about-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:4rem;
  align-items:start;
}

/* SOL: Görsel + flot kartlar */
.about-visual{position:relative}
.about-image-wrap{
  position:relative;
  border-radius:var(--r-xl);
  overflow:visible;
}
.about-image-wrap img{
  width:100%;
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-xl);
  display:block;
}

.about-card{
  position:absolute;
  background:#fff;
  border-radius:var(--r-md);
  padding:1rem 1.25rem;
  box-shadow:var(--shadow-lg);
  display:flex;
  align-items:center;
  gap:.875rem;
  z-index:2;
  border:1px solid var(--gray-200);
}

.about-card-stats{
  top:1.5rem;
  left:-1.5rem;
}
.stats-icon{
  width:44px;height:44px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  color:#fff;
  border-radius:var(--r-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.stats-value{
  font-size:1.125rem;
  font-weight:800;
  color:var(--dark);
  line-height:1;
}
.stats-label{
  font-size:.8125rem;
  color:var(--gray-500);
  margin-top:.2rem;
}

.about-card-quality{
  bottom:2rem;
  right:-1.5rem;
  flex-direction:column;
  align-items:flex-start;
  gap:.4rem;
}
.quality-stars{
  color:#fbbf24;
  font-size:.95rem;
  letter-spacing:.1em;
}
.quality-text{
  font-size:.8125rem;
  color:var(--gray-500);
  line-height:1.4;
}
.quality-text strong{
  color:var(--dark);
  font-size:1rem;
  font-weight:700;
}
.quality-text span{
  font-size:.75rem;
}

/* SAĞ: İçerik */
.about-content h3{
  margin-bottom:1rem;
  color:var(--dark);
}
.about-intro{
  color:var(--gray-700);
  margin-bottom:1rem;
  line-height:1.7;
}
.about-intro:last-of-type{
  margin-bottom:2rem;
}
.about-intro strong{color:var(--dark);font-weight:600}

/* Tabs Navigation */
.tabs-nav{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-bottom:1.5rem;
  padding:.4rem;
  background:var(--gray-100);
  border-radius:var(--r-md);
}
.tab-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.6rem 1rem;
  background:transparent;
  border:none;
  font-size:.875rem;
  font-weight:600;
  color:var(--gray-500);
  cursor:pointer;
  border-radius:var(--r-sm);
  transition:var(--t-base);
  flex:1;
  justify-content:center;
  white-space:nowrap;
}
.tab-btn:hover{color:var(--gray-700)}
.tab-btn.active{
  background:#fff;
  color:var(--primary);
  box-shadow:var(--shadow-sm);
}
.tab-btn svg{flex-shrink:0}

/* Tab Content */
.tab-pane{display:none;animation:fadeIn .3s ease-out}
.tab-pane.active{display:block}
@keyframes fadeIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.tab-intro{
  color:var(--gray-500);
  font-style:italic;
  margin-bottom:1.25rem;
  font-size:.95rem;
}
.tab-intro strong{color:var(--primary);font-style:normal}

/* Tab 1: Responsibility List */
.responsibility-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.resp-item{
  display:flex;
  gap:.75rem;
  padding:.875rem;
  background:var(--gray-50);
  border-radius:var(--r-sm);
  border:1px solid var(--gray-200);
  transition:var(--t-base);
}
.resp-item:hover{
  background:#fff;
  border-color:var(--primary);
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.resp-icon{
  width:32px;height:32px;
  background:var(--accent);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.resp-content h4{
  font-size:.9375rem;
  font-weight:700;
  color:var(--dark);
  margin-bottom:.25rem;
}
.resp-content p{
  font-size:.825rem;
  color:var(--gray-500);
  line-height:1.5;
  margin:0;
}

/* Tab 2: Diller Cloud */
.diller-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.dil-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.5rem .875rem;
  background:var(--gray-50);
  border:1px solid var(--gray-200);
  border-radius:var(--r-pill);
  font-size:.8125rem;
  color:var(--gray-700);
  font-weight:500;
  transition:var(--t-base);
  cursor:pointer;
}
.dil-pill:hover{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.dil-pill span{font-size:1rem}

/* Tab 3: Bölgeler */
.bolge-cards{
  display:grid;
  gap:1rem;
  margin-bottom:1.5rem;
}
.bolge-card{
  padding:1.25rem;
  background:var(--gray-50);
  border-radius:var(--r-md);
  border-left:3px solid var(--primary);
  transition:var(--t-base);
}
.bolge-card:hover{
  background:#fff;
  box-shadow:var(--shadow-md);
  transform:translateX(4px);
}
.bolge-card-icon{
  font-size:1.5rem;
  margin-bottom:.5rem;
}
.bolge-card h4{
  font-size:1rem;
  font-weight:700;
  color:var(--dark);
  margin-bottom:.4rem;
}
.bolge-card p{
  font-size:.875rem;
  color:var(--gray-500);
  line-height:1.6;
  margin:0;
}

.bolge-toggle-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:.875rem 1.25rem;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-md);
  font-size:.9rem;
  font-weight:600;
  color:var(--gray-700);
  cursor:pointer;
  transition:var(--t-base);
  margin-bottom:.75rem;
}
.bolge-toggle-btn:hover{
  border-color:var(--primary);
  color:var(--primary);
}
.bolge-toggle-btn svg{transition:transform var(--t-base)}
.bolge-toggle-btn.open svg{transform:rotate(180deg)}

.bolge-list{
  display:none;
  max-height:0;
  overflow:hidden;
  transition:max-height var(--t-base);
}
.bolge-list.open{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:.25rem;
  max-height:400px;
  overflow-y:auto;
  padding:.875rem;
  background:var(--gray-50);
  border:1px solid var(--gray-200);
  border-radius:var(--r-md);
}
.bolge-list a{
  padding:.4rem .65rem;
  font-size:.8125rem;
  color:var(--gray-700);
  border-radius:var(--r-sm);
  transition:var(--t-fast);
}
.bolge-list a:hover{
  background:var(--primary);
  color:#fff;
}

/* Custom scrollbar */
.bolge-list::-webkit-scrollbar{width:6px}
.bolge-list::-webkit-scrollbar-track{background:transparent}
.bolge-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}
.bolge-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}

/* RESPONSIVE */
@media(max-width:1024px){
  .about-grid{grid-template-columns:1fr;gap:5rem}
  .about-card-stats{left:1rem}
  .about-card-quality{right:1rem}
  .responsibility-list{grid-template-columns:1fr}
}
@media(max-width:640px){
  .clients-track{gap:2rem}
  .client-logo{width:110px;height:50px}
  .about-card{padding:.75rem 1rem}
  .stats-value{font-size:1rem}
  .tabs-nav{flex-direction:column}
  .tab-btn{justify-content:flex-start;flex:none}
  .bolge-list.open{grid-template-columns:repeat(2,1fr)}
}

/* ============================================
   DİLLER GRID
   ============================================ */
#diller{
  padding:var(--section-py) 0;
  background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%);
}

/* Filtre */
.diller-filter{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:center;
  margin-bottom:2.5rem;
  padding:.5rem;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-pill);
  width:fit-content;
  margin-left:auto;
  margin-right:auto;
  box-shadow:var(--shadow-sm);
}
.filter-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem 1.1rem;
  background:transparent;
  border:none;
  border-radius:var(--r-pill);
  font-size:.875rem;
  font-weight:600;
  color:var(--gray-500);
  cursor:pointer;
  transition:var(--t-base);
  white-space:nowrap;
}
.filter-btn span{
  background:var(--gray-100);
  color:var(--gray-500);
  padding:.1rem .45rem;
  border-radius:var(--r-pill);
  font-size:.7rem;
  font-weight:700;
  transition:var(--t-base);
}
.filter-btn:hover{color:var(--dark);background:var(--gray-50)}
.filter-btn.active{
  background:var(--primary);
  color:#fff;
  box-shadow:var(--shadow-glow);
}
.filter-btn.active span{
  background:rgba(255,255,255,.25);
  color:#fff;
}

/* Grid */
.diller-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
  margin-bottom:3rem;
}

/* Dil Kartı */
.dil-card{
  position:relative;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-md);
  padding:1.25rem;
  transition:var(--t-base);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.dil-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--primary),var(--accent));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform var(--t-base);
}
.dil-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:transparent;
}
.dil-card:hover::before{transform:scaleX(1)}
.dil-card.is-premium{
  background:linear-gradient(135deg,#fff 0%,#fffbeb 100%);
  border-color:#fef3c7;
}

/* Premium badge */
.dil-premium-badge{
  position:absolute;
  top:.75rem;
  right:.75rem;
  background:#fbbf24;
  color:#78350f;
  font-size:.65rem;
  font-weight:800;
  padding:.2rem .55rem;
  border-radius:var(--r-pill);
  letter-spacing:.03em;
}

/* Kart başı */
.dil-card-head{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:1rem;
  padding-right:1.5rem;
}
.dil-flag{
  font-size:2rem;
  line-height:1;
  flex-shrink:0;
}
.dil-card-title h3{
  font-size:1rem;
  font-weight:700;
  color:var(--dark);
  margin:0;
  line-height:1.2;
}
.dil-card-sub{
  font-size:.75rem;
  color:var(--gray-500);
  font-weight:500;
}

/* Stats grid */
.dil-card-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.5rem;
  padding:.75rem;
  background:var(--gray-50);
  border-radius:var(--r-sm);
  margin-bottom:1rem;
}
.dil-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.25rem;
  text-align:center;
}
.dil-stat-icon{
  width:24px;height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--primary);
}
.dil-stat-value{
  font-size:.9rem;
  font-weight:800;
  color:var(--dark);
  line-height:1;
}
.dil-stat-label{
  font-size:.625rem;
  color:var(--gray-500);
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:600;
}

/* Detay link */
.dil-card-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  padding:.55rem 1rem;
  background:var(--primary-light);
  color:var(--primary);
  border-radius:var(--r-sm);
  font-size:.825rem;
  font-weight:600;
  transition:var(--t-base);
  margin-top:auto;
}
.dil-card-link:hover{
  background:var(--primary);
  color:#fff;
  transform:translateX(2px);
}
.dil-card-link svg{transition:transform var(--t-base)}
.dil-card-link:hover svg{transform:translateX(2px)}

/* Filtre - hidden state */
.dil-card.hidden{
  display:none;
}

/* Aradığınız dili bulamadınız mı? */
.dil-not-found{
  display:flex;
  align-items:center;
  gap:1.5rem;
  padding:1.75rem 2rem;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);
  flex-wrap:wrap;
}
.dnf-icon{
  width:54px;height:54px;
  background:var(--primary-light);
  color:var(--primary);
  border-radius:var(--r-md);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.dnf-content{flex:1;min-width:240px}
.dnf-content h4{
  font-size:1.0625rem;
  font-weight:700;
  color:var(--dark);
  margin-bottom:.2rem;
}
.dnf-content p{
  font-size:.875rem;
  color:var(--gray-500);
  margin:0;
}

/* RESPONSIVE - Diller */
@media(max-width:1024px){
  .diller-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .diller-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}
  .diller-filter{padding:.4rem;gap:.25rem}
  .filter-btn{padding:.45rem .75rem;font-size:.8rem}
  .dil-not-found{flex-direction:column;text-align:center;padding:1.5rem}
}
@media(max-width:480px){
  .diller-grid{grid-template-columns:1fr}
}

/* ============================================
   CTA BANNER
   ============================================ */
#cta-banner{padding:4rem 0;position:relative}
.cta-wrap{
  position:relative;
  background:linear-gradient(135deg,var(--primary) 0%,#0052cc 50%,#0040a0 100%);
  border-radius:var(--r-xl);
  padding:3.5rem 3rem;
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:3rem;
  align-items:center;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,102,255,.3);
}

.cta-decoration{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.cta-decoration svg{
  position:absolute;
  top:-30%;
  right:-15%;
  width:60%;
  height:auto;
  opacity:.5;
}

.cta-content{position:relative;z-index:1;color:#fff}
.cta-badge{
  display:inline-block;
  background:rgba(255,255,255,.2);
  backdrop-filter:blur(10px);
  padding:.4rem .9rem;
  border-radius:var(--r-pill);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.05em;
  margin-bottom:1rem;
  border:1px solid rgba(255,255,255,.2);
}
.cta-content h3{
  color:#fff;
  font-size:clamp(1.5rem,3vw,2.25rem);
  font-weight:800;
  margin-bottom:1rem;
  line-height:1.2;
  letter-spacing:-.02em;
}
.cta-content h3 em{
  background:linear-gradient(135deg,#fbbf24,#f97316);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  font-style:normal;
}
.cta-content p{
  color:rgba(255,255,255,.85);
  font-size:1rem;
  margin-bottom:1.75rem;
  max-width:520px;
}
.cta-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}
.btn-cta-light{
  background:#fff;
  color:var(--primary);
  font-weight:700;
}
.btn-cta-light:hover{
  background:#f0f6ff;
  color:var(--primary-dark);
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}

/* CTA Visual: telefon kartı */
.cta-visual{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
}
.cta-phone-card{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.2);
  border-radius:var(--r-lg);
  padding:1.75rem;
  text-align:center;
  width:100%;
  max-width:300px;
  box-shadow:0 12px 40px rgba(0,0,0,.15);
}
.cta-phone-time{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:rgba(34,197,94,.2);
  border:1px solid rgba(34,197,94,.4);
  color:#bbf7d0;
  font-size:.7rem;
  font-weight:700;
  padding:.3rem .7rem;
  border-radius:var(--r-pill);
  margin-bottom:1rem;
  position:relative;
}
.cta-phone-time::before{
  content:'';
  width:6px;height:6px;
  background:#22c55e;
  border-radius:50%;
  animation:pulse-dot 2s infinite;
}
.cta-phone-number{
  font-size:1.5rem;
  font-weight:800;
  color:#fff;
  letter-spacing:-.02em;
  margin-bottom:.25rem;
}
.cta-phone-hours{
  font-size:.75rem;
  color:rgba(255,255,255,.7);
}

/* RESPONSIVE - CTA */
@media(max-width:1024px){
  .cta-wrap{grid-template-columns:1fr;gap:2rem;padding:2.5rem 2rem;text-align:center}
  .cta-content p{margin-left:auto;margin-right:auto}
  .cta-buttons{justify-content:center}
}
@media(max-width:640px){
  .cta-wrap{padding:2rem 1.25rem}
  .cta-buttons .btn{width:100%}
}

/* ============================================
   SÜREÇ
   ============================================ */
#surec{padding:var(--section-py) 0}

.surec-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:3.5rem;
  align-items:start;
}

/* Adımlar - sol taraf */
.surec-steps{
  position:relative;
  padding-left:1rem;
}
.surec-steps::before{
  content:'';
  position:absolute;
  left:1.85rem;
  top:1rem;
  bottom:1rem;
  width:2px;
  background:linear-gradient(180deg,var(--primary),var(--accent));
  opacity:.2;
}
.surec-step{
  position:relative;
  display:flex;
  gap:1.25rem;
  padding:1rem 0;
  cursor:default;
}
.surec-step-number{
  width:54px;height:54px;
  background:#fff;
  border:2px solid var(--gray-200);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  font-weight:800;
  color:var(--gray-500);
  flex-shrink:0;
  transition:var(--t-base);
  position:relative;
  z-index:2;
}
.surec-step:hover .surec-step-number{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
  transform:scale(1.05);
  box-shadow:var(--shadow-glow);
}
.surec-step-content{
  padding-top:.5rem;
  flex:1;
}
.surec-step-content h4{
  font-size:1.0625rem;
  font-weight:700;
  color:var(--dark);
  margin-bottom:.4rem;
  transition:color var(--t-base);
}
.surec-step:hover .surec-step-content h4{color:var(--primary)}
.surec-step-content p{
  font-size:.9rem;
  color:var(--gray-500);
  margin:0;
  line-height:1.6;
}

/* Video Card - sağ taraf */
.surec-video{position:sticky;top:6rem}
.video-card{
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.video-thumb{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#000;
}
.video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform var(--t-slow);
}
.video-thumb:hover img{transform:scale(1.05)}
.video-play-btn{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:72px;height:72px;
  background:rgba(255,255,255,.95);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--primary);
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  transition:var(--t-base);
}
.video-thumb:hover .video-play-btn{
  transform:translate(-50%,-50%) scale(1.1);
  background:#fff;
}
.video-play-btn svg{margin-left:4px}
.video-badge{
  position:absolute;
  bottom:1rem;
  left:1rem;
  background:rgba(15,23,42,.85);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:.75rem;
  font-weight:700;
  padding:.4rem .85rem;
  border-radius:var(--r-pill);
}

.video-card-body{padding:1.5rem}
.video-features{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  margin-bottom:1.25rem;
}
.vf-item{
  display:flex;
  align-items:center;
  gap:.65rem;
  font-size:.875rem;
  color:var(--gray-700);
  font-weight:500;
}

/* RESPONSIVE - Süreç */
@media(max-width:1024px){
  .surec-grid{grid-template-columns:1fr;gap:2.5rem}
  .surec-video{position:static;max-width:480px;margin:0 auto;width:100%}
}
@media(max-width:640px){
  .surec-step{gap:1rem}
  .surec-step-number{width:46px;height:46px;font-size:.9rem}
  .surec-steps::before{left:1.45rem}
}

/* ============================================
   SERVICES (Profesyonel Tercüme)
   ============================================ */
#services{
  padding:var(--section-py) 0;
  background:linear-gradient(180deg,var(--gray-50) 0%,#fff 100%);
  position:relative;
}

.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
}

.service-card{
  position:relative;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-lg);
  padding:2rem 1.75rem;
  transition:var(--t-base);
  overflow:hidden;
  isolation:isolate;
}
.service-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,var(--card-color-from),var(--card-color-to));
  opacity:0;
  transition:opacity var(--t-base);
  z-index:-1;
}
.service-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-xl);
  border-color:transparent;
}
.service-card:hover::before{opacity:.04}

/* Renk varyantları */
.service-card[data-color="blue"]{--card-color-from:#0066ff;--card-color-to:#4d94ff;--card-icon-bg:#e6f0ff;--card-icon-color:#0066ff}
.service-card[data-color="green"]{--card-color-from:#00d4aa;--card-color-to:#5eead4;--card-icon-bg:#dcfce7;--card-icon-color:#15803d}
.service-card[data-color="purple"]{--card-color-from:#a855f7;--card-color-to:#d8b4fe;--card-icon-bg:#f3e8ff;--card-icon-color:#7c3aed}
.service-card[data-color="orange"]{--card-color-from:#f97316;--card-color-to:#fbbf24;--card-icon-bg:#ffedd5;--card-icon-color:#ea580c}
.service-card[data-color="cyan"]{--card-color-from:#06b6d4;--card-color-to:#67e8f9;--card-icon-bg:#cffafe;--card-icon-color:#0891b2}
.service-card[data-color="pink"]{--card-color-from:#ec4899;--card-color-to:#f9a8d4;--card-icon-bg:#fce7f3;--card-icon-color:#db2777}

/* Glow efekti */
.service-card-glow{
  position:absolute;
  top:-50%;
  right:-50%;
  width:200px;
  height:200px;
  background:radial-gradient(circle,var(--card-color-from) 0%,transparent 70%);
  opacity:0;
  transition:opacity var(--t-slow);
  pointer-events:none;
}
.service-card:hover .service-card-glow{opacity:.15}

.service-icon-wrap{
  width:64px;height:64px;
  background:var(--card-icon-bg);
  color:var(--card-icon-color);
  border-radius:var(--r-md);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1.25rem;
  transition:var(--t-base);
}
.service-card:hover .service-icon-wrap{
  transform:rotate(-6deg) scale(1.05);
}

.service-number{
  position:absolute;
  top:1.5rem;
  right:1.75rem;
  font-size:2.5rem;
  font-weight:900;
  color:var(--gray-100);
  line-height:1;
  letter-spacing:-.03em;
  font-family:'Inter',sans-serif;
  transition:var(--t-base);
}
.service-card:hover .service-number{
  color:var(--card-color-from);
  opacity:.15;
}

.service-card h3{
  font-size:1.25rem;
  font-weight:700;
  color:var(--dark);
  margin-bottom:.75rem;
  position:relative;
  z-index:1;
}
.service-card p{
  font-size:.925rem;
  color:var(--gray-500);
  line-height:1.65;
  margin:0;
  position:relative;
  z-index:1;
}
.service-card p strong{color:var(--gray-700);font-weight:600}

.service-link{
  position:absolute;
  inset:0;
  z-index:2;
}

@media(max-width:1024px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .services-grid{grid-template-columns:1fr;gap:1rem}
  .service-card{padding:1.75rem 1.5rem}
}

/* ============================================
   MID CTA (WhatsApp daveti)
   ============================================ */
#mid-cta{padding:3rem 0}
.mid-cta-card{
  background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);
  border:1px solid #86efac;
  border-radius:var(--r-lg);
  padding:1.5rem 2rem;
  display:flex;
  align-items:center;
  gap:1.5rem;
  flex-wrap:wrap;
  position:relative;
  overflow:hidden;
}
.mid-cta-card::before{
  content:'';
  position:absolute;
  top:-50%;
  right:-10%;
  width:300px;
  height:300px;
  background:radial-gradient(circle,rgba(37,211,102,.2) 0%,transparent 70%);
  pointer-events:none;
}
.mid-cta-icon{
  width:64px;height:64px;
  background:var(--wa);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  box-shadow:0 8px 20px rgba(37,211,102,.4);
  position:relative;
  z-index:1;
  animation:wa-pulse 2s ease-in-out infinite;
}
@keyframes wa-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.05)}
}
.mid-cta-text{
  flex:1;
  min-width:220px;
  position:relative;
  z-index:1;
}
.mid-cta-text h3{
  font-size:1.25rem;
  font-weight:700;
  color:#14532d;
  margin-bottom:.25rem;
}
.mid-cta-text p{
  color:#166534;
  font-size:.925rem;
  margin:0;
}
.mid-cta-card .btn{
  position:relative;
  z-index:1;
}

@media(max-width:640px){
  .mid-cta-card{padding:1.25rem;flex-direction:column;text-align:center}
  .mid-cta-card .btn{width:100%}
}

/* ============================================
   EKİP
   ============================================ */
#ekip{
  padding:var(--section-py) 0;
  background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%);
}

.ekip-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
}

.ekip-card{
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-lg);
  padding:1.75rem 1.5rem;
  transition:var(--t-base);
  position:relative;
  overflow:hidden;
}
.ekip-card::after{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,var(--primary),var(--accent));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform var(--t-base);
}
.ekip-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:transparent;
}
.ekip-card:hover::after{transform:scaleX(1)}

.ekip-icon-wrap{
  width:56px;height:56px;
  background:linear-gradient(135deg,var(--primary-light),#fff);
  color:var(--primary);
  border-radius:var(--r-md);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1.25rem;
  border:1px solid rgba(0,102,255,.1);
  transition:var(--t-base);
}
.ekip-card:hover .ekip-icon-wrap{
  background:linear-gradient(135deg,var(--primary),var(--accent));
  color:#fff;
  border-color:transparent;
  transform:scale(1.05);
}

.ekip-card h4{
  font-size:1rem;
  font-weight:700;
  margin-bottom:1rem;
  line-height:1.3;
}
.ekip-card h4 a{
  color:var(--dark);
  transition:color var(--t-fast);
}
.ekip-card h4 a:hover{color:var(--primary)}

.ekip-list{
  display:flex;
  flex-direction:column;
  gap:.65rem;
}
.ekip-list li{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  font-size:.825rem;
  color:var(--gray-500);
  line-height:1.5;
}
.ekip-list li svg{
  color:var(--accent);
  flex-shrink:0;
  margin-top:.15rem;
}

@media(max-width:1024px){
  .ekip-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .ekip-grid{grid-template-columns:1fr}
}

/* ============================================
   ISO SERTİFİKALAR
   ============================================ */
#iso{
  padding:var(--section-py) 0;
  position:relative;
  overflow:hidden;
}
#iso::before{
  content:'';
  position:absolute;
  top:0;left:50%;
  transform:translateX(-50%);
  width:600px;
  height:600px;
  background:radial-gradient(circle,rgba(0,102,255,.05) 0%,transparent 70%);
  pointer-events:none;
}

.iso-intro-text{
  max-width:820px;
  margin:0 auto 3rem;
  text-align:center;
}
.iso-intro-text p{
  color:var(--gray-700);
  margin-bottom:1rem;
  line-height:1.7;
}
.iso-intro-text strong{
  color:var(--dark);
  font-weight:600;
}

.iso-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1.25rem;
  position:relative;
}

.iso-card{
  position:relative;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-lg);
  padding:1.5rem 1rem;
  text-align:center;
  transition:var(--t-base);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}
.iso-card::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:var(--r-lg);
  background:linear-gradient(135deg,var(--iso-color-1),var(--iso-color-2));
  opacity:0;
  transition:opacity var(--t-base);
  z-index:-1;
}
.iso-card:hover{
  transform:translateY(-6px) rotate(-1deg);
  box-shadow:var(--shadow-xl);
  border-color:transparent;
}
.iso-card:hover::before{opacity:.05}

/* Renk varyantları */
.iso-card[data-color="blue"]{--iso-color-1:#0066ff;--iso-color-2:#4d94ff}
.iso-card[data-color="orange"]{--iso-color-1:#f97316;--iso-color-2:#fbbf24}
.iso-card[data-color="red"]{--iso-color-1:#dc2626;--iso-color-2:#f87171}
.iso-card[data-color="green"]{--iso-color-1:#16a34a;--iso-color-2:#86efac}
.iso-card[data-color="purple"]{--iso-color-1:#7c3aed;--iso-color-2:#c4b5fd}

.iso-card.is-featured{
  background:linear-gradient(135deg,#fff 0%,#faf5ff 100%);
  border-color:#e9d5ff;
  transform:scale(1.05);
  box-shadow:var(--shadow-lg);
}
.iso-card.is-featured:hover{transform:translateY(-6px) scale(1.05)}

.iso-featured-tag{
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  color:#fff;
  font-size:.65rem;
  font-weight:800;
  padding:.3rem .75rem;
  border-radius:var(--r-pill);
  letter-spacing:.05em;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(124,58,237,.4);
}

.iso-image{
  width:100%;
  max-width:140px;
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--gray-50);
  border-radius:var(--r-md);
  padding:.5rem;
  transition:var(--t-base);
}
.iso-card:hover .iso-image{
  transform:scale(1.03);
}
.iso-image img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

.iso-info{flex:1;display:flex;flex-direction:column;gap:.25rem}
.iso-title{
  font-size:.9rem;
  font-weight:800;
  color:var(--dark);
  letter-spacing:-.01em;
}
.iso-sub{
  font-size:.7rem;
  color:var(--gray-500);
  font-weight:500;
  line-height:1.3;
}

@media(max-width:1024px){
  .iso-grid{grid-template-columns:repeat(3,1fr)}
  .iso-card.is-featured{transform:none}
  .iso-card.is-featured:hover{transform:translateY(-6px)}
}
@media(max-width:640px){
  .iso-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:380px){
  .iso-grid{grid-template-columns:1fr}
}


/* ============================================
   FAQ
   ============================================ */
#faq{
  padding:var(--section-py) 0;
  background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%);
}

.section-header h2 em{
  background:linear-gradient(135deg,var(--primary),var(--accent));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  font-style:normal;
}

.faq-grid{
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:2.5rem;
  align-items:start;
}

/* Sol: Help kartı */
.faq-aside{position:sticky;top:6rem}
.faq-help-card{
  background:linear-gradient(135deg,var(--dark) 0%,#1e293b 100%);
  color:#fff;
  border-radius:var(--r-xl);
  padding:2rem;
  position:relative;
  overflow:hidden;
}
.faq-help-card::before{
  content:'';
  position:absolute;
  top:-50%;
  right:-30%;
  width:300px;
  height:300px;
  background:radial-gradient(circle,rgba(0,212,170,.2) 0%,transparent 70%);
  pointer-events:none;
}
.faq-help-icon{
  width:60px;height:60px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  border-radius:var(--r-md);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1.25rem;
  position:relative;
}
.faq-help-card h3{
  color:#fff;
  font-size:1.25rem;
  font-weight:700;
  margin-bottom:.5rem;
  position:relative;
}
.faq-help-card>p{
  color:rgba(255,255,255,.7);
  font-size:.9rem;
  margin-bottom:1.5rem;
  position:relative;
}
.faq-help-actions{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin-bottom:1.5rem;
  position:relative;
}
.faq-help-actions .btn{justify-content:center}
.faq-help-actions .btn-outline{
  border-color:rgba(255,255,255,.2);
  color:#fff;
  background:rgba(255,255,255,.05);
}
.faq-help-actions .btn-outline:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.3);
  color:#fff;
}

.faq-help-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  padding-top:2.5rem;
  border-top:1px solid rgba(255,255,255,.1);
  position:relative;
}
.faq-help-stat{
  display:flex;
  flex-direction:column;
  gap:.25rem;
}
.faq-help-stat strong{
  font-size:1.25rem;
  font-weight:800;
  color:var(--accent);
  letter-spacing:-.01em;
}
.faq-help-stat span{
  font-size:.7rem;
  color:rgba(255,255,255,.6);
}

/* Sağ: Akordiyon */
.faq-content{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.faq-item{
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-md);
  overflow:hidden;
  transition:var(--t-base);
}
.faq-item:hover{
  border-color:var(--gray-400);
}
.faq-item.is-open{
  border-color:var(--primary);
  box-shadow:var(--shadow-md);
}

.faq-question{
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
  padding:1.25rem 1.5rem;
  background:transparent;
  border:none;
  cursor:pointer;
  text-align:left;
  font-family:inherit;
  transition:var(--t-base);
}
.faq-question:hover{background:var(--gray-50)}
.faq-item.is-open .faq-question{background:var(--primary-light)}

.faq-q-icon{
  width:38px;height:38px;
  background:var(--gray-100);
  color:var(--gray-700);
  border-radius:var(--r-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  font-weight:700;
  flex-shrink:0;
  transition:var(--t-base);
}
.faq-item.is-open .faq-q-icon{
  background:var(--primary);
  color:#fff;
  transform:scale(1.05);
}

.faq-q-text{
  flex:1;
  font-size:.95rem;
  font-weight:600;
  color:var(--dark);
  line-height:1.4;
}

.faq-q-toggle{
  width:32px;height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gray-500);
  transition:var(--t-base);
  flex-shrink:0;
}
.faq-item.is-open .faq-q-toggle{
  color:var(--primary);
  transform:rotate(180deg);
}

.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height var(--t-slow);
}
.faq-item.is-open .faq-answer{
  max-height:1500px;
}
.faq-answer-inner{padding-top:2.5rem;
  padding:1.5rem 1.5rem 1.5rem 4.5rem;
  color:var(--gray-700);
  font-size:.925rem;
  line-height:1.75;
}
.faq-answer-inner strong{color:var(--dark);font-weight:600}
.faq-answer-inner em{color:var(--gray-500)}
.faq-answer-inner a{
  color:var(--primary);
  text-decoration:underline;
  font-weight:500;
}

@media(max-width:1024px){
  .faq-grid{grid-template-columns:1fr;gap:2rem}
  .faq-aside{position:static}
  .faq-help-actions{flex-direction:row}
  .faq-help-actions .btn{flex:1}
}
@media(max-width:640px){
  .faq-question{padding:1rem;gap:.75rem}
  .faq-q-icon{width:32px;height:32px;font-size:.9rem}
  .faq-q-text{font-size:.875rem}
  .faq-answer-inner{padding-top:2.5rem;padding:1.5rem 1rem 1.25rem 1rem}
  .faq-help-actions{flex-direction:column}
}

/* ============================================
   İLETİŞİM
   ============================================ */
#contact{padding:var(--section-py) 0}

.contact-wrap{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:2.5rem;
}

/* SOL: İletişim Bilgileri */
.contact-info{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

.contact-info-header h3{
  font-size:1.5rem;
  font-weight:800;
  color:var(--dark);
  margin-bottom:.5rem;
  letter-spacing:-.02em;
}
.contact-status{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .85rem;
  background:#dcfce7;
  border:1px solid #86efac;
  border-radius:var(--r-pill);
  font-size:.8rem;
  color:#166534;
  font-weight:600;
}
.status-dot{
  width:8px;height:8px;
  background:#22c55e;
  border-radius:50%;
  position:relative;
}
.status-dot::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:50%;
  background:#22c55e;
  animation:pulse-dot 2s infinite;
}

.contact-cards{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.contact-card{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1rem 1.25rem;
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-md);
  transition:var(--t-base);
}
.contact-card:hover{
  transform:translateX(4px);
  box-shadow:var(--shadow-md);
  border-color:var(--primary);
}
.contact-card-icon{
  width:48px;height:48px;
  border-radius:var(--r-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.contact-card-body{flex:1;min-width:0}
.contact-card-label{
  font-size:.7rem;
  color:var(--gray-500);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:.2rem;
}
.contact-card-value{
  font-size:.875rem;
  font-weight:600;
  color:var(--dark);
  line-height:1.4;
}

/* Lazy Map */
.contact-map-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow-md);
}
.map-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f0f9ff;
  border:none;
  cursor:pointer;
  width:100%;
  font-family:inherit;
  transition:var(--t-base);
  overflow:hidden;
}
.map-placeholder:hover{filter:brightness(1.05)}
.map-placeholder-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.map-placeholder-bg svg{
  width:100%;
  height:100%;
  display:block;
}
.map-placeholder-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.75rem;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  padding:1.5rem 2rem;
  border-radius:var(--r-md);
  border:1px solid var(--gray-200);
  box-shadow:var(--shadow-md);
}
.map-pin{
  width:54px;height:54px;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(0,102,255,.4);
  animation:pin-bounce 2s ease-in-out infinite;
}
@keyframes pin-bounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.map-text{
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
.map-text strong{
  font-size:1rem;
  font-weight:700;
  color:var(--dark);
}
.map-text span{
  font-size:.8rem;
  color:var(--gray-500);
}
.map-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:none;
}

/* SAĞ: Form */
.contact-form-wrap{
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--r-xl);
  padding:2rem;
  box-shadow:var(--shadow-md);
}

.form-header{margin-bottom:1.5rem}
.form-header h3{
  font-size:1.5rem;
  font-weight:800;
  color:var(--dark);
  margin-bottom:.4rem;
}
.form-header p{
  font-size:.925rem;
  color:var(--gray-500);
  margin:0;
}

.modern-form{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.form-group{
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.form-group label{
  font-size:.825rem;
  font-weight:600;
  color:var(--gray-700);
}
.form-group label span{color:var(--danger)}

.input-wrap{position:relative}
.input-icon{
  position:absolute;
  left:1rem;
  top:50%;
  transform:translateY(-50%);
  color:var(--gray-400);
  pointer-events:none;
  transition:color var(--t-fast);
}

.modern-form input[type="text"],
.modern-form input[type="email"],
.modern-form input[type="tel"],
.modern-form textarea{
  width:100%;
  padding:.75rem 1rem;
  font-size:.925rem;
  font-family:inherit;
  color:var(--dark);
  background:var(--gray-50);
  border:1px solid var(--gray-200);
  border-radius:var(--r-sm);
  transition:var(--t-base);
}
.modern-form input[type="text"],
.modern-form input[type="email"],
.modern-form input[type="tel"]{padding-left:2.75rem}

.modern-form input:focus,
.modern-form textarea:focus{
  outline:none;
  background:#fff;
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(0,102,255,.1);
}
.modern-form input:focus+.input-icon,
.modern-form .input-wrap:focus-within .input-icon{color:var(--primary)}

.modern-form textarea{
  resize:vertical;
  min-height:120px;
  line-height:1.6;
}

/* Dosya yükleme */
.file-upload{position:relative}
.file-upload input[type="file"]{
  position:absolute;
  width:1px;height:1px;
  opacity:0;
  pointer-events:none;
}
.file-upload-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  padding:1.25rem;
  background:var(--gray-50);
  border:2px dashed var(--gray-200);
  border-radius:var(--r-sm);
  cursor:pointer;
  text-align:center;
  transition:var(--t-base);
  color:var(--gray-500);
}
.file-upload-label:hover{
  background:var(--primary-light);
  border-color:var(--primary);
  color:var(--primary);
}
.file-upload-label svg{margin-bottom:.25rem}
.file-upload-label span{font-size:.875rem}
.file-upload-label strong{color:var(--dark);font-weight:700}
.file-upload-label small{font-size:.75rem;color:var(--gray-400)}

.file-list:not(:empty){
  margin-top:.5rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.file-item{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .75rem;
  background:var(--primary-light);
  border:1px solid rgba(0,102,255,.15);
  border-radius:var(--r-sm);
  font-size:.8125rem;
  color:var(--primary);
}
.file-item svg{color:var(--primary)}

/* Checkbox */
.form-checkbox{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
}
.form-checkbox input[type="checkbox"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.form-checkbox label{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  font-size:.825rem;
  color:var(--gray-700);
  line-height:1.5;
  cursor:pointer;
}
.checkbox-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;height:18px;
  border:2px solid var(--gray-300,var(--gray-200));
  border-radius:4px;
  background:#fff;
  flex-shrink:0;
  transition:var(--t-base);
  margin-top:.1rem;
}
.form-checkbox input[type="checkbox"]:checked+label .checkbox-mark{
  background:var(--primary);
  border-color:var(--primary);
}
.form-checkbox input[type="checkbox"]:checked+label .checkbox-mark::after{
  content:'';
  width:10px;
  height:6px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) translate(1px,-1px);
}
.form-checkbox a{
  color:var(--primary);
  text-decoration:underline;
  font-weight:500;
}

/* Form alert */
.form-alert{
  display:none;
  padding:.75rem 1rem;
  border-radius:var(--r-sm);
  font-size:.875rem;
}
.form-alert.is-loading{
  display:block;
  background:var(--primary-light);
  color:var(--primary);
  border-left:3px solid var(--primary);
}
.form-alert.is-success{
  display:block;
  background:#dcfce7;
  color:#166534;
  border-left:3px solid #22c55e;
}
.form-alert.is-error{
  display:block;
  background:#fee2e2;
  color:#991b1b;
  border-left:3px solid #ef4444;
}

/* Submit button */
.form-submit{
  width:100%;
  position:relative;
}
.form-submit .btn-spinner{
  display:none;
  animation:spin 1s linear infinite;
}
.form-submit.is-loading .btn-text,
.form-submit.is-loading .btn-icon{display:none}
.form-submit.is-loading .btn-spinner{display:inline-block}
@keyframes spin{
  to{transform:rotate(360deg)}
}

.form-info{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  font-size:.75rem;
  color:var(--gray-500);
  margin:0;
  text-align:center;
}
.form-info svg{color:var(--accent)}

@media(max-width:1024px){
  .contact-wrap{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:640px){
  .form-row{grid-template-columns:1fr}
  .contact-form-wrap{padding:1.5rem}
  .map-placeholder-content{padding:1rem 1.5rem}
}

/* ============================================
   FOOTER
   ============================================ */
#footer{
  background:#0f172a;
  color:rgba(255,255,255,.7);
  position:relative;
  overflow:hidden;
}
#footer::before{
  content:'';
  position:absolute;
  top:-200px;left:50%;
  transform:translateX(-50%);
  width:1000px;
  height:400px;
  background:radial-gradient(ellipse,rgba(0,102,255,.2) 0%,transparent 70%);
  pointer-events:none;
}

/* CTA Bandı */
.footer-cta-band{
  background:linear-gradient(135deg,var(--primary) 0%,#0052cc 100%);
  padding:2.5rem 0;
  position:relative;
  z-index:2;
}
.footer-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  flex-wrap:wrap;
}
.footer-cta-text h3{
  color:#fff;
  font-size:1.5rem;
  font-weight:800;
  margin-bottom:.25rem;
}
.footer-cta-text p{
  color:rgba(255,255,255,.85);
  margin:0;
  font-size:.95rem;
}
.footer-cta-buttons{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
}

/* Footer Main */
.footer-main{
  padding:4rem 0 2.5rem;
  position:relative;
  z-index:1;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1.2fr;
  gap:3rem;
}
.footer-col h4{
  color:#fff;
  font-size:1rem;
  font-weight:700;
  margin-bottom:1.25rem;
  position:relative;
  padding-bottom:.5rem;
}
.footer-col h4::after{
  content:'';
  position:absolute;
  bottom:0;left:0;
  width:32px;
  height:3px;
  background:linear-gradient(90deg,var(--primary),var(--accent));
  border-radius:2px;
}

/* Brand kolonu */
.footer-logo{
  display:inline-block;
  margin-bottom:1rem;
  background:#fff;
  padding:.5rem .75rem;
  border-radius:var(--r-sm);
}
.footer-logo img{
  height:36px;
  width:auto;
  display:block;
}
.footer-about{
  font-size:.875rem;
  color:rgba(255,255,255,.7);
  line-height:1.7;
  margin-bottom:1.5rem;
}
.footer-about strong{color:#fff;font-weight:600}

.footer-contact-list{
  display:flex;
  flex-direction:column;
  gap:.875rem;
}
.footer-contact-item{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  font-size:.825rem;
  color:rgba(255,255,255,.7);
  line-height:1.5;
}
.footer-contact-item svg{
  color:var(--accent);
  flex-shrink:0;
  margin-top:.2rem;
}
.footer-contact-item a{color:rgba(255,255,255,.85);transition:color var(--t-fast)}
.footer-contact-item a:hover{color:#fff}

/* Linkler */
.footer-links{
  display:flex;
  flex-direction:column;
  gap:.6rem;
}
.footer-links a{
  font-size:.875rem;
  color:rgba(255,255,255,.65);
  transition:var(--t-fast);
  display:inline-block;
  padding:.1rem 0;
}
.footer-links a::before{
  content:'→';
  display:inline-block;
  margin-right:.4rem;
  color:var(--primary);
  opacity:0;
  transform:translateX(-8px);
  transition:var(--t-base);
}
.footer-links a:hover{
  color:#fff;
  padding-left:.4rem;
}
.footer-links a:hover::before{
  opacity:1;
  transform:translateX(0);
}

/* Newsletter */
.footer-newsletter-text{
  font-size:.825rem;
  color:rgba(255,255,255,.65);
  margin-bottom:1rem;
  line-height:1.5;
}
.footer-newsletter{
  display:flex;
  gap:.4rem;
  margin-bottom:1.5rem;
}
.footer-newsletter input{
  flex:1;
  padding:.6rem .85rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-sm);
  color:#fff;
  font-size:.875rem;
  font-family:inherit;
  transition:var(--t-base);
}
.footer-newsletter input::placeholder{color:rgba(255,255,255,.4)}
.footer-newsletter input:focus{
  outline:none;
  background:rgba(255,255,255,.12);
  border-color:var(--primary);
}
.footer-newsletter button{
  width:42px;
  height:auto;
  background:var(--primary);
  border:none;
  border-radius:var(--r-sm);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:var(--t-base);
  flex-shrink:0;
}
.footer-newsletter button:hover{
  background:var(--primary-dark);
  transform:translateY(-2px);
}

/* Sosyal */
.footer-social{
  display:flex;
  gap:.5rem;
}
.footer-social a{
  width:36px;height:36px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-sm);
  color:rgba(255,255,255,.7);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:var(--t-base);
}
.footer-social a:hover{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
  transform:translateY(-2px);
}

/* Alt Bar */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:1.25rem 0;
  position:relative;
  z-index:1;
}
.footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:1rem;
}
.footer-bottom p{
  font-size:.825rem;
  color:rgba(255,255,255,.5);
  margin:0;
}
.footer-bottom strong{color:#fff;font-weight:600}

.footer-badges{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}
.footer-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .75rem;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-pill);
  font-size:.7rem;
  color:rgba(255,255,255,.7);
  font-weight:600;
}
.footer-badge svg{color:var(--accent)}

/* Responsive */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}
  .footer-cta-inner{flex-direction:column;text-align:center}
}
@media(max-width:640px){
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer-cta-buttons{justify-content:center}
  .footer-bottom-inner{flex-direction:column;text-align:center}
}

/* ============================================
   FLOATING BUTTONS
   ============================================ */

/* WhatsApp Float */
.float-wa{
  position:fixed;
  bottom:1.5rem;
  left:1.5rem;
  width:60px;
  height:60px;
  background:var(--wa);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(37,211,102,.5);
  z-index:990;
  transition:var(--t-base);
}
.float-wa:hover{
  background:var(--wa-dark);
  transform:scale(1.1) rotate(-8deg);
  box-shadow:0 12px 32px rgba(37,211,102,.6);
}
.float-wa-pulse{
  position:absolute;
  inset:-4px;
  border-radius:50%;
  border:3px solid var(--wa);
  opacity:.6;
  animation:wa-pulse-ring 2s ease-out infinite;
}
@keyframes wa-pulse-ring{
  0%{transform:scale(1);opacity:.6}
  100%{transform:scale(1.5);opacity:0}
}
.float-wa-tooltip{
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  transform:translateY(-50%) translateX(-8px);
  background:var(--dark);
  color:#fff;
  padding:.5rem .85rem;
  border-radius:var(--r-sm);
  font-size:.8rem;
  font-weight:600;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transition:var(--t-base);
  pointer-events:none;
}
.float-wa-tooltip::before{
  content:'';
  position:absolute;
  left:-5px;
  top:50%;
  transform:translateY(-50%);
  border-style:solid;
  border-width:5px 5px 5px 0;
  border-color:transparent var(--dark) transparent transparent;
}
.float-wa:hover .float-wa-tooltip{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}

/* Scroll Top */
#scroll-top{
  position:fixed;
  bottom:1.5rem;
  right:1.5rem;
  width:48px;
  height:48px;
  background:var(--primary);
  color:#fff;
  border:none;
  border-radius:50%;
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,102,255,.4);
  z-index:990;
  transition:var(--t-base);
  opacity:0;
  transform:translateY(20px);
}
#scroll-top.is-visible{
  display:flex;
  opacity:1;
  transform:translateY(0);
}
#scroll-top:hover{
  background:var(--primary-dark);
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(0,102,255,.5);
}

@media(max-width:640px){
  .float-wa{width:54px;height:54px;bottom:1rem;left:1rem}
  .float-wa-tooltip{display:none}
  #scroll-top{width:42px;height:42px;bottom:1rem;right:1rem}
}







.container { max-width: 1250px !important; }





.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto;padding:1.25rem 24px}

.container { max-width: 1350px !important; }





.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto;padding:1.25rem 24px}

/* ============================================
   HERO YÜZEN KARTLAR (MOBILE OPTIMIZED)
   ============================================ */
.hero-fc-1, .hero-fc-2, .hero-fc-3, .hero-fc-4, .hero-fc-5 {
    padding: 1.25rem !important;
    border-radius: 16px !important;
    width: 260px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
}

.hero-fc-1 { top: 5%; right: 5%; animation: float-y 4s ease-in-out infinite; z-index: 2; }
.hero-fc-2 { top: 25%; left: 0%; animation: float-y 5s ease-in-out infinite 1s; z-index: 3; }
.hero-fc-3 { top: 45%; right: 15%; animation: float-y 4.5s ease-in-out infinite 0.5s; z-index: 4; }
.hero-fc-4 { top: 65%; left: 18%; animation: float-y 4.2s ease-in-out infinite 2s; z-index: 1; }
.hero-fc-5 { top: 85%; right: 5%; animation: float-y 5.5s ease-in-out infinite 1.5s; z-index: 5; }

@media(max-width: 1024px) {
    /* Hide some cards to prevent clutter on tablet */
    .hero-fc-2, .hero-fc-4 { display: none !important; }
    
    .hero-visual { min-height: 400px; }
    .hero-fc-1 { top: 10%; right: 10%; }
    .hero-fc-3 { top: 40%; left: 10%; right: auto; }
    .hero-fc-5 { top: 70%; right: 10%; }
}

@media(max-width: 640px) {
    /* Stack components properly on mobile */
    .hero-visual { 
        height: auto !important; 
        min-height: auto !important;
        flex-direction: column !important;
        gap: 1rem !important;
        padding-top: 2rem;
    }
    
    .hero-fc-1, .hero-fc-3, .hero-fc-5 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 300px;
        margin: 0 auto;
        transform: none !important;
    }
    
    /* Make typography and spacing mobile friendly */
    body { padding-top: 90px !important; }
    h1 { font-size: 2.25rem !important; text-align: center; }
    .hero-description { font-size: 1rem !important; text-align: center; }
    .hero-actions { justify-content: center; }
    
    /* Grids stacking */
    .diller-grid { grid-template-columns: 1fr !important; }
    .services-grid { grid-template-columns: 1fr !important; }
    .ekip-grid { grid-template-columns: 1fr !important; }
    .contact-wrap { grid-template-columns: 1fr !important; }
    
    .faq-grid { grid-template-columns: 1fr !important; }
    
    .section-py { padding: 3rem 0 !important; }
}

@media(max-width: 480px) {
    h1 { font-size: 2rem !important; }
}

/* ============================================
   TOP BAR RESPONSIVE
   ============================================ */
.top-bar-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 40px; /* Leave space for close button */
}
.top-bar-left {
    position: absolute;
    left: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.top-bar-phone {
    background-color: #000;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    white-space: nowrap;
}
.top-bar-text {
    font-size: 0.9rem;
    text-align: center;
}
.top-bar-close {
    background: none;
    border: none;
    color: #000;
    font-size: 1.4rem;
    cursor: pointer;
    position: absolute;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

@media(max-width: 640px) {
    .top-bar-container {
        flex-direction: column;
        gap: 8px;
        padding: 4px 30px;
    }
    .top-bar-left {
        position: relative;
        left: 0;
    }
    .top-bar-text {
        font-size: 0.8rem;
        line-height: 1.3;
    }
    .top-bar-close {
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* ============================================
   MOBILE HEADER & FOOTER FIXES
   ============================================ */
@media(max-width: 1024px) {
    .header-actions .btn-primary { display: none !important; }
}
@media(min-width: 1025px) {
    .mobile-only-btn { display: none !important; }
}

@media(max-width: 640px) {
    /* Center footer text */
    .footer-col { text-align: center; }
    .footer-col h4::after { left: 50%; transform: translateX(-50%); }
    .footer-about { text-align: center; }
    .footer-contact-list { align-items: center; }
    .footer-links { align-items: center; }
    .footer-newsletter-text { text-align: center; }
    .footer-social { justify-content: center; }
    .footer-badges { justify-content: center; }
    .footer-bottom-inner { justify-content: center; }
}

/* ============================================
   FIX: MOBILE MENU CONTAINING BLOCK
   ============================================ */
@media(max-width: 1024px) {
    /* Remove backdrop-filter from header when menu is open so it doesn't trap the fixed navbar */
    body.nav-open #header {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: #fff !important; /* Make it solid white to hide scrolling content */
    }
    
    /* Ensure the navbar takes full height */
    #navbar {
        height: 100vh !important;
        max-height: 100vh !important;
    }
}

/* Fix nav background opacity if any */
@media(max-width: 1024px) {
    #navbar { background: #ffffff !important; }
}

/* ============================================
   3 TWEAKS: FLOAT CARDS, FOOTER CENTER, SMART TOP-BAR
   ============================================ */

/* 1. Float cards left-aligned on mobile */
@media(max-width: 640px) {
    .hero-fc-1, .hero-fc-3, .hero-fc-5 {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
    .hero-fc-1 .float-icon, .hero-fc-3 .float-icon, .hero-fc-5 .float-icon {
        margin-left: 0 !important;
        margin-right: 12px !important;
    }
}

/* 2. Footer centered on mobile */
@media(max-width: 640px) {
    .footer-grid > div {
        text-align: center !important;
        align-items: center !important;
    }
    .footer-grid > div a {
        justify-content: center !important;
    }
    .footer-grid > div ul {
        align-items: center !important;
    }
    .footer-grid > div li {
        justify-content: center !important;
    }
    .footer-grid > div h4::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* 3. Smart Top-bar: Hide on scroll down, show on scroll up */
.top-bar {
    max-height: 150px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease, margin 0.4s ease;
}

body.scroll-down .top-bar {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    margin: 0 !important;
}

/* Fix for inline span colored lines in footer */
@media(max-width: 640px) {
    .footer-grid > div h4 span {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* Fix for background-clip: text clipping ascenders (like the dot on 'İ') */
.gradient-text {
    padding-top: 0.15em !important;
    padding-bottom: 0.1em !important;
    margin-top: -0.15em !important;
    margin-bottom: -0.1em !important;
}