/* =====================================================
   ADEA REKLAM — PREMIUM DARK THEME (Anthracite + Brand Gradient)
   En son yüklenir, light tokenleri ezer.
   Foundation : #121214 / #1A1A1D / #202024 / #2A2A2F
   Brand grad : Violet → Magenta → Peach → Silver → Soft Blue
===================================================== */

:root{
  /* --- Anthracite surface system (bir tık daha açık) --- */
  --d-bg:           #2A2A2F;
  --d-bg-2:         #34343A;
  --d-card:         #3C3C44;
  --d-elev:         #46464E;
  --d-line:         rgba(255,255,255,.12);
  --d-line-2:       rgba(255,255,255,.18);

  /* --- Brand color stops --- */
  --bc-violet:      #6F4CF5;
  --bc-magenta:     #FF7AD9;
  --bc-peach:       #FFB37A;
  --bc-silver:      #CFCFD6;
  --bc-blue:        #6FA8FF;

  /* --- Brand gradients --- */
  --grad-brand: linear-gradient(135deg,#6F4CF5 0%,#FF7AD9 28%,#FFB37A 55%,#CFCFD6 80%,#6FA8FF 100%);
  --grad-brand-soft: linear-gradient(135deg,rgba(111,76,245,.18),rgba(255,122,217,.14),rgba(255,179,122,.12),rgba(111,168,255,.16));
  --grad-text: linear-gradient(120deg,#CFCFD6 0%,#FF7AD9 35%,#FFB37A 65%,#6FA8FF 100%);
  --grad-line: linear-gradient(90deg,#6F4CF5,#FF7AD9,#FFB37A,#6FA8FF);

  /* --- Text scale --- */
  --tx-1: #FFFFFF;
  --tx-2: #CFCFD6;
  --tx-3: #8E8E96;
  --tx-4: #5E5E66;

  /* --- Token override (style.css uyumu) --- */
  --c-text:         var(--tx-1);
  --c-text-soft:    var(--tx-2);
  --c-muted:        var(--tx-3);
  --c-border:       var(--d-line);
  --c-border-soft:  var(--d-line);
  --c-bg:           var(--d-bg);
  --c-bg-alt:       var(--d-bg-2);
  --c-bg-dark:      var(--d-bg);

  --c-primary-900:  #EDEAFF;
  --c-primary-700:  var(--bc-violet);
  --c-primary-500:  var(--bc-magenta);
  --c-accent-500:   var(--bc-peach);
  --c-accent-600:   var(--bc-magenta);
  --c-accent-lilac: var(--bc-violet);

  /* --- Premium shadows / glows --- */
  --sh-sm: 0 1px 2px rgba(0,0,0,.4), 0 0 0 1px var(--d-line);
  --sh-md: 0 10px 30px rgba(0,0,0,.45), 0 0 0 1px var(--d-line);
  --sh-lg: 0 24px 60px rgba(0,0,0,.55), 0 0 0 1px var(--d-line);
  --glow-violet: 0 0 0 1px rgba(111,76,245,.35), 0 18px 50px -10px rgba(111,76,245,.45);
  --glow-magenta: 0 0 0 1px rgba(255,122,217,.30), 0 18px 50px -10px rgba(255,122,217,.40);
  --glow-mix: 0 0 0 1px rgba(255,255,255,.08), 0 22px 60px -14px rgba(111,76,245,.35), 0 22px 60px -14px rgba(255,179,122,.25);

  --ease: cubic-bezier(.2,.7,.2,1);
}

/* ---------- Global base ---------- */
html{ background: var(--d-bg); color-scheme: dark; }
body{
  background:
    radial-gradient(900px 600px at 85% -10%, rgba(111,76,245,.12), transparent 60%),
    radial-gradient(900px 600px at -10% 20%, rgba(111,168,255,.08), transparent 60%),
    var(--d-bg) !important;
  color: var(--tx-1) !important;
}
::selection{ background: rgba(111,76,245,.45); color:#fff; }

/* Headings → açık metin, ikincil paragraflar yumuşak */
h1,h2,h3,h4,h5,h6{ color: var(--tx-1) !important; letter-spacing: -0.012em; }
p{ color: var(--tx-2); }
.lead{ color: var(--tx-2) !important; }
.eyebrow{
  color: var(--bc-magenta) !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--d-line) !important;
  backdrop-filter: blur(6px);
}

/* Gradient text yardımcısı */
.text-gradient,
.hero__title em{
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

/* Section bg alternasyonu */
.section--alt{ background: var(--d-bg-2) !important; }
.section--dark{ background: var(--d-bg) !important; color: var(--tx-2); }
.section--dark p{ color: var(--tx-2); }

/* Yumuşak ayırıcı */
.section + .section{
  position: relative;
}
.section + .section::before{
  content:""; position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:min(720px,80%); height:1px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  pointer-events:none;
}

/* ---------- Topbar ---------- */
.topbar{
  background: linear-gradient(90deg,#0F0F11,#17171A) !important;
  color: var(--tx-3) !important;
  border-bottom: 1px solid var(--d-line);
}
.topbar a{ color: var(--tx-2) !important; }
.topbar a:hover{ color:#fff !important; }

/* ---------- Header / Navigation ---------- */
.site-header{
  background: rgba(18,18,20,.65) !important;
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--d-line) !important;
}
.site-header.is-scrolled{
  background: rgba(18,18,20,.88) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.45);
  border-bottom-color: var(--d-line-2) !important;
}
.brand,
.brand__text{ color: var(--tx-1) !important; }
.brand__mark{
  background: var(--grad-brand) !important;
  color: #0B0B0D !important;
  box-shadow: 0 6px 18px -6px rgba(255,122,217,.55);
}
/* Header logosu zaten renkli/şeffaf — sadece soft glow ekle, renge dokunma */
.brand__img{ filter: drop-shadow(0 6px 18px rgba(111,76,245,.35)); }
/* Footer'da renkli logo — beyaza çevirme, sadece hafif gölge */
.site-footer .brand__img{ filter: drop-shadow(0 6px 14px rgba(0,0,0,.35)); }

.nav__link{
  color: var(--tx-2) !important;
  position: relative;
  transition: color .25s var(--ease);
}
.nav__link:hover{ color:#fff !important; background: transparent !important; }
.nav__item.is-active > .nav__link{ color:#fff !important; background: transparent !important; }
.nav__item > .nav__link::after{
  content:""; position:absolute; left:14px; right:14px; bottom:4px;
  height:2px; border-radius:2px;
  background: var(--grad-line);
  transform: scaleX(0); transform-origin: left;
  transition: transform .35s var(--ease);
  opacity:.0;
}
.nav__item:hover > .nav__link::after,
.nav__item.is-active > .nav__link::after{ transform: scaleX(1); opacity:1; }

/* Dropdown */
.dropdown{
  background: rgba(26,26,29,.92) !important;
  border: 1px solid var(--d-line-2) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(16px);
}
.dropdown__link{ color: var(--tx-2) !important; }
.dropdown__link:hover{
  background: rgba(255,255,255,.04) !important;
  color: #fff !important;
}
.dropdown__link small{ color: var(--tx-3) !important; }

/* Burger / drawer */
.burger{ background: rgba(255,255,255,.05) !important; }
.burger span,
.burger span::before,
.burger span::after{ background:#fff !important; }
.drawer{
  background: rgba(18,18,20,.96) !important;
  border-left: 1px solid var(--d-line);
  backdrop-filter: blur(20px);
}
.drawer__overlay{ background: rgba(0,0,0,.6) !important; }
.drawer__link{ color: var(--tx-1) !important; }
.drawer__link:hover{ background: rgba(255,255,255,.05) !important; }
.drawer__sub a{ color: var(--tx-2) !important; }
.drawer__sub a:hover{ background: rgba(255,255,255,.04) !important; color:#fff !important; }

/* ---------- Buttons ---------- */
.btn{
  border-radius: 12px;
  transition: transform .25s var(--ease), box-shadow .35s var(--ease), background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.btn:hover{ transform: translateY(-1px) scale(1.02); }

.btn--primary{
  background: var(--grad-brand) !important;
  background-size: 180% 180% !important;
  color: #0B0B0D !important;
  box-shadow: 0 10px 30px -10px rgba(255,122,217,.55), 0 0 0 1px rgba(255,255,255,.08) inset !important;
}
.btn--primary:hover{
  background-position: 100% 50% !important;
  color:#0B0B0D !important;
  box-shadow: 0 18px 50px -10px rgba(111,76,245,.55), 0 18px 50px -10px rgba(255,179,122,.4) !important;
}

.btn--ghost,
.btn--light{
  background: rgba(255,255,255,.04) !important;
  color: #fff !important;
  border: 1px solid var(--d-line-2) !important;
  position: relative;
  isolation: isolate;
}
.btn--ghost::before,
.btn--light::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit;
  padding:1px; background: var(--grad-brand);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity:0; transition: opacity .35s var(--ease);
  pointer-events:none; z-index:-1;
}
.btn--ghost:hover,
.btn--light:hover{
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
  border-color: transparent !important;
}
.btn--ghost:hover::before,
.btn--light:hover::before{ opacity:1; }

.btn--link{
  color: var(--bc-peach) !important;
  background: transparent !important;
}
.btn--link:hover{ color: #fff !important; }

/* Tag chip */
.tag{
  background: rgba(255,255,255,.04) !important;
  color: var(--tx-2) !important;
  border-color: var(--d-line) !important;
}

/* ---------- Hero ---------- */
.hero{
  background:
    radial-gradient(800px 500px at 85% 10%, rgba(255,122,217,.18), transparent 60%),
    radial-gradient(800px 600px at 10% 30%, rgba(111,76,245,.20), transparent 60%),
    radial-gradient(700px 500px at 60% 90%, rgba(255,179,122,.10), transparent 65%),
    linear-gradient(180deg, #131316 0%, #1A1A1E 100%) !important;
}
.hero::before{ opacity:.08 !important; mix-blend-mode: screen !important; }
.hero::after{
  background-image:
    radial-gradient(circle at 8% 18%, rgba(111,76,245,.22) 0 120px, transparent 121px),
    radial-gradient(circle at 38% 90%, rgba(255,122,217,.18) 0 90px, transparent 91px),
    radial-gradient(circle at 92% 88%, rgba(255,179,122,.18) 0 70px, transparent 71px),
    radial-gradient(rgba(255,255,255,.08) 1px, transparent 1.5px) !important;
}
.hero__lead{ color: var(--tx-2) !important; }
.hero__trust{ color: var(--tx-3) !important; }
.hero__trust svg{ color: var(--bc-magenta) !important; }
.hero__visual{
  background: linear-gradient(135deg, rgba(111,76,245,.55), rgba(255,122,217,.35) 55%, rgba(255,179,122,.35)) !important;
  box-shadow: var(--glow-mix) !important;
  border: 1px solid var(--d-line-2);
}
.hero-slider{ background: var(--d-bg) !important; }

/* ---------- Brand renkli gradient çerçeve & dikdörtgen köşeler ---------- */
.hero-slider{
  border-radius: 0;
  position: relative;
  margin: 14px clamp(12px, 2vw, 28px) 0 !important;
  box-shadow:
    0 18px 50px -20px rgba(111,76,245,.45),
    0 30px 80px -30px rgba(255,122,217,.35);
}
/* Gradient ring (kenar) */
.hero-slider::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--grad-brand);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 4;
}
/* Köşelerde belirginleşen brand glow */
.hero-slider::after{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background:
    radial-gradient(60% 80% at 0% 0%,    rgba(111,76,245,.35) 0%, transparent 60%),
    radial-gradient(60% 80% at 100% 0%,  rgba(255,122,217,.30) 0%, transparent 60%),
    radial-gradient(60% 80% at 100% 100%,rgba(255,179,122,.28) 0%, transparent 60%),
    radial-gradient(60% 80% at 0% 100%,  rgba(111,168,255,.30) 0%, transparent 60%);
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 3;
}
.hero-slider__track{ border-radius: inherit; overflow: hidden; }
.hero-slide{ border-radius: inherit; }

.hero-slide__media::after{
  background:
    linear-gradient(90deg, rgba(11,11,13,.78) 0%, rgba(11,11,13,.45) 45%, rgba(11,11,13,.15) 100%),
    linear-gradient(180deg, rgba(11,11,13,.05) 0%, rgba(11,11,13,.55) 100%) !important;
}
.hero-slider__arrow{
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
  border:1px solid var(--d-line-2) !important;
  backdrop-filter: blur(8px);
}
.hero-slider__arrow:hover{
  background: rgba(255,255,255,.10) !important;
  box-shadow: var(--glow-magenta);
}

/* ---------- Hero Slider media — Düşük çöz. görseli stilize et ---------- */
/* Görseller 320×178 → 1600px stretch edilince piksellenme oluyor.
   Çözüm: cover + büyük blur + brand gradient overlay → bozulma "tasarım" olur. */
.hero-slide{
  /* position/inset/opacity orijinal CSS'te tanımlı — DOKUNMA */
  background: #0E0E10;
}
.hero-slide__media{
  position: absolute !important;
  inset: 0;
  background-position: center !important;
  background-size: cover !important;
  filter: blur(22px) saturate(1.3) brightness(.6);
  transform: scale(1.18);
  opacity: .85;
}
/* brand tint + okunurluk gradient (mevcut ::after'ı eziyoruz) */
.hero-slide__media::after{
  background:
    radial-gradient(900px 500px at 25% 50%, rgba(11,11,13,0) 0%, rgba(11,11,13,.55) 75%),
    linear-gradient(90deg, rgba(11,11,13,.85) 0%, rgba(11,11,13,.50) 45%, rgba(11,11,13,.15) 100%),
    linear-gradient(135deg, rgba(111,76,245,.20) 0%, rgba(255,122,217,.10) 50%, rgba(255,179,122,.10) 100%) !important;
}

/* ---------- Hero Slide — Video katmanı ---------- */
.hero-slide__video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  background: #0E0E10;
  pointer-events: none;
}
/* Video varsa üstüne aynı brand+okunurluk overlay */
.hero-slide:has(.hero-slide__video)::after{
  content:"";
  position: absolute; inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(900px 500px at 25% 50%, rgba(11,11,13,0) 0%, rgba(11,11,13,.45) 75%),
    linear-gradient(90deg, rgba(11,11,13,.78) 0%, rgba(11,11,13,.40) 45%, rgba(11,11,13,.10) 100%),
    linear-gradient(135deg, rgba(111,76,245,.18) 0%, rgba(255,122,217,.08) 50%, rgba(255,179,122,.10) 100%);
}
.hero-slide__inner{ position: relative; z-index: 2; }

/* ---------- Hero Slide — Statik banner görseli ---------- */
.hero-slide--static{ background: #FFFFFF !important; }
.hero-slide__static{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  display: block;
}
/* Statik bannerda overlay/gradient yok — banner kendi içeriğine sahip */
.hero-slide--static::before,
.hero-slide--static::after,
.hero-slide--static .hero-slide__media::after{
  display: none !important;
}
/* Statik bannerda iç metin/CTA gizli (banner kendisi içeriyor) */
.hero-slide--static .hero-slide__inner{ display: none !important; }
/* Slider yüksekliğini banner gerçek oranına ayarla (1920×680) */
.hero-slider:has(.hero-slide--static){
  height: auto !important;
  aspect-ratio: 1920 / 680;
  max-height: 760px;
  min-height: 0 !important;
  background: #FFFFFF !important;
}
.hero-slide--static{ height: 100% !important; background: #FFFFFF !important; }
.hero-slide--static .hero-slide__static{
  object-fit: cover !important;
  object-position: center center;
  background: #FFFFFF;
}
@media (max-width: 768px){
  .hero-slider:has(.hero-slide--static){
    aspect-ratio: 1920 / 800;
    max-height: 520px;
  }
}

/* ---------- Cards (genel) ---------- */
.card{
  background: var(--d-card) !important;
  border: 1px solid var(--d-line) !important;
  color: var(--tx-1) !important;
  position: relative;
  isolation: isolate;
  transition: transform .35s var(--ease), box-shadow .45s var(--ease), border-color .35s var(--ease);
}
.card::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  padding:1px; background: var(--grad-brand);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity:0; transition: opacity .45s var(--ease);
  pointer-events:none; z-index: 1;
}
.card:hover{
  transform: translateY(-6px);
  border-color: transparent !important;
  box-shadow: var(--glow-mix) !important;
}
.card:hover::before{ opacity:.9; }
.card__title{ color: var(--tx-1) !important; }
.card__text{ color: var(--tx-2) !important; }
.card__cta{ color: var(--bc-peach) !important; }
.card:hover .card__cta{ color:#fff !important; }
.card__icon{
  background: var(--grad-brand) !important;
  color: #0B0B0D !important;
  box-shadow: 0 10px 24px -10px rgba(255,122,217,.45);
}

/* Services özel grid (light-override sınıflarını dark'a çevir) */
.services-grid .card{
  background: linear-gradient(180deg,#1E1E22,#191A1E) !important;
  color: var(--tx-1) !important;
  border: 1px solid var(--d-line) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.45) !important;
}
.services-grid .card:hover{
  box-shadow: var(--glow-mix) !important;
  border-color: transparent !important;
}
.services-grid .card__media img{
  opacity:.78 !important;
  filter: saturate(1.1) brightness(.9) !important;
  transform: scale(1.02);
}
.services-grid .card:hover .card__media img,
.services-grid .card:focus-within .card__media img{
  opacity:1 !important;
  transform: scale(1.06);
  filter: saturate(1.15) brightness(1) !important;
}
.services-grid .card::after{
  background: linear-gradient(180deg, rgba(18,18,20,.10) 0%, rgba(18,18,20,.78) 100%) !important;
}
.services-grid .card:hover::after,
.services-grid .card:focus-within::after{
  background: linear-gradient(180deg, rgba(18,18,20,.0) 0%, rgba(18,18,20,.55) 100%) !important;
}
.services-grid .card__icon{
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
  border: 1px solid var(--d-line-2);
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}
.services-grid .card__title,
.services-grid .card__text{ color:#fff !important; }
.services-grid .card__cta{ color: var(--bc-peach) !important; }

/* ---------- Why / Trust ---------- */
.why{ background: var(--d-bg-2) !important; }
.why__item{
  background: var(--d-card) !important;
  border: 1px solid var(--d-line) !important;
  color: var(--tx-1) !important;
  transition: transform .3s var(--ease), box-shadow .35s var(--ease), border-color .3s var(--ease);
}
.why__item:hover{
  transform: translateY(-4px);
  box-shadow: var(--glow-violet) !important;
  border-color: transparent !important;
}
.why__icon{
  background: linear-gradient(135deg, rgba(111,76,245,.22), rgba(255,122,217,.18)) !important;
  color: var(--bc-peach) !important;
  border: 1px solid var(--d-line-2);
}
.why__title{ color: #fff !important; }

/* ---------- Split ---------- */
.split__media{
  background: var(--d-bg-2) !important;
  border: 1px solid var(--d-line);
  box-shadow: var(--sh-md) !important;
}
.check-list li{ color: var(--tx-2) !important; }
.check-list svg{ color: var(--bc-magenta) !important; }

/* ---------- Logo cloud / referans ---------- */
.logo-cloud__item{
  background: var(--d-card) !important;
  border: 1px solid var(--d-line) !important;
  color: var(--tx-3) !important;
  transition: color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), box-shadow .3s var(--ease);
}
.logo-cloud__item:hover{
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: var(--glow-violet) !important;
  transform: translateY(-3px);
}

/* ---------- Process ---------- */
.process__item{
  background: var(--d-card) !important;
  border: 1px solid var(--d-line) !important;
  color: var(--tx-1) !important;
}
.process__item:hover{
  box-shadow: var(--glow-violet) !important;
  border-color: transparent !important;
}
.process__step{
  background: var(--grad-text);
  -webkit-background-clip: text; background-clip:text;
  color: transparent !important; -webkit-text-fill-color: transparent;
  opacity: .85;
}
.process__title{ color: #fff !important; }

/* ---------- FAQ ---------- */
.faq__item{
  background: var(--d-card) !important;
  border: 1px solid var(--d-line) !important;
}
.faq__item.is-open{
  border-color: transparent !important;
  box-shadow: var(--glow-magenta) !important;
}
.faq__trigger{ color:#fff !important; }
.faq__trigger:hover{ background: rgba(255,255,255,.03) !important; }
.faq__icon{
  background: rgba(255,255,255,.06) !important;
  color: var(--tx-1);
}
.faq__item.is-open .faq__icon{
  background: var(--grad-brand) !important;
  color: #0B0B0D !important;
}
.faq__inner{ color: var(--tx-2) !important; }

/* ---------- CTA banner ---------- */
.cta-banner{
  background:
    radial-gradient(900px 400px at 90% 10%, rgba(255,179,122,.30), transparent 60%),
    radial-gradient(800px 500px at 10% 90%, rgba(111,76,245,.40), transparent 60%),
    linear-gradient(135deg,#1A1A1F 0%, #232329 100%) !important;
  border: 1px solid var(--d-line-2);
  box-shadow: var(--glow-mix) !important;
}
.cta-banner h2{ color:#fff !important; }
.cta-banner p{ color: var(--tx-2) !important; }
.cta-banner__micro{ color: var(--tx-3) !important; }

/* ---------- Footer (Brand-Color Edition) ---------- */
.site-footer{
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(900px 420px at 12% 0%,  rgba(111,76,245,.22), transparent 60%),
    radial-gradient(820px 380px at 88% 10%, rgba(255,122,217,.18), transparent 62%),
    radial-gradient(900px 460px at 50% 110%,rgba(58,160,255,.18), transparent 60%),
    linear-gradient(180deg,#15131C 0%, #1A1822 50%, #15131C 100%) !important;
  color: var(--tx-2) !important;
  border-top: 0 !important;
  overflow: hidden;
}
/* Üst gradient çizgi (marka şeridi) */
.site-footer::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:3px;
  background: linear-gradient(90deg,
    var(--bc-violet) 0%,
    var(--bc-magenta) 25%,
    var(--bc-peach) 50%,
    var(--bc-silver) 75%,
    var(--bc-blue) 100%);
  background-size: 200% 100%;
  animation: footerStripeShift 14s linear infinite;
  z-index: 2;
}
@keyframes footerStripeShift{
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
/* Yumuşak grain/dot doku */
.site-footer::after{
  content:"";
  position:absolute; inset:0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.025) 0 1px, transparent 1.5px),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,.02)  0 1px, transparent 1.5px);
  background-size: 24px 24px, 32px 32px;
  pointer-events:none;
  z-index: 0;
}
.site-footer .container{ position: relative; z-index: 1; }

/* Brand bloğu */
.footer__brand p{
  color: var(--tx-2) !important;
  max-width: 38ch;
  line-height: 1.65;
}
.footer__brand .brand{
  display:inline-flex; align-items:center; gap:.6rem;
  padding: 6px 10px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(111,76,245,.10), rgba(255,122,217,.06));
  border: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
}
.site-footer .brand__img{
  filter: drop-shadow(0 8px 22px rgba(111,76,245,.45));
  transition: transform .4s var(--ease), filter .4s var(--ease);
}
.site-footer .brand__img:hover{
  transform: translateY(-2px) scale(1.03);
  filter: drop-shadow(0 12px 28px rgba(255,122,217,.55));
}

/* Başlıklar — gradient text + altta marka şeridi */
.footer__title{
  position: relative;
  display: inline-block;
  margin-bottom: 1.15rem !important;
  padding-bottom: .55rem;
  font-weight: 800 !important;
  letter-spacing: .3px;
  background: linear-gradient(90deg, #fff 0%, #FFE6F4 50%, #DCD2FF 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent !important;
}
.footer__title::after{
  content:"";
  position: absolute; left:0; bottom:0;
  width: 42px; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg, var(--bc-violet), var(--bc-magenta), var(--bc-peach));
  box-shadow: 0 0 14px rgba(255,122,217,.55);
}

/* Liste linkleri — pill hover, sol şerit */
.footer__list{ display: grid; gap: .35rem; }
.footer__list a{
  position: relative;
  display: inline-flex; align-items: center;
  padding: 6px 10px 6px 14px;
  border-radius: 8px;
  color: var(--tx-2) !important;
  text-decoration: none;
  transition: color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease), padding .25s var(--ease);
}
.footer__list a::before{
  content:"";
  position: absolute; left: 0; top: 50%;
  width: 3px; height: 0; border-radius: 3px;
  transform: translateY(-50%);
  background: linear-gradient(180deg, var(--bc-violet), var(--bc-magenta), var(--bc-peach));
  transition: height .3s var(--ease);
}
.footer__list a:hover{
  color:#fff !important;
  background: linear-gradient(90deg, rgba(111,76,245,.14), rgba(255,122,217,.06) 60%, transparent);
  padding-left: 18px;
}
.footer__list a:hover::before{ height: 60%; }

/* İletişim listesi — ikon kapsülü gradient */
.footer__contact{ display: grid; gap: .7rem; padding: 0; list-style: none; }
.footer__contact li{
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: start;
  gap: .7rem;
  color: var(--tx-2) !important;
  line-height: 1.55;
}
.footer__contact svg{
  width: 16px; height: 16px;
  padding: 7px;
  box-sizing: content-box;
  border-radius: 10px;
  color:#fff !important;
  background: linear-gradient(135deg, rgba(111,76,245,.85), rgba(255,122,217,.75));
  box-shadow: 0 6px 16px rgba(111,76,245,.35), inset 0 0 0 1px rgba(255,255,255,.10);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.footer__contact li:hover svg{
  transform: translateY(-2px) rotate(-3deg);
  box-shadow: 0 10px 22px rgba(255,122,217,.45), inset 0 0 0 1px rgba(255,255,255,.18);
}
.footer__contact a{
  color: var(--tx-1) !important;
  text-decoration: none;
  background-image: linear-gradient(90deg, var(--bc-peach), var(--bc-magenta));
  background-size: 0% 2px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size .35s var(--ease), color .25s var(--ease);
}
.footer__contact a:hover{
  color:#fff !important;
  background-size: 100% 2px;
}

/* Alt bant */
.footer__bottom{
  margin-top: 2.2rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  color: var(--tx-3) !important;
  position: relative;
}
.footer__bottom::before{
  content:"";
  position:absolute; left: 50%; top: -1px;
  transform: translateX(-50%);
  width: 180px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--bc-magenta), var(--bc-peach), transparent);
  filter: blur(.3px);
  opacity: .8;
}
.footer__bottom a{
  color: var(--tx-2) !important;
  transition: color .25s var(--ease);
}
.footer__bottom a:hover{
  color: var(--bc-peach) !important;
}

/* ---------- Stat ---------- */
.stat{
  background: var(--d-card) !important;
  border: 1px solid var(--d-line) !important;
}
.stat:hover{
  box-shadow: var(--glow-violet) !important;
  border-color: transparent !important;
}
.stat__num{
  background: var(--grad-text);
  -webkit-background-clip:text; background-clip:text;
  color: transparent !important; -webkit-text-fill-color: transparent;
}
.stat__label{ color: var(--tx-3) !important; }

/* ---------- Media skeleton ---------- */
.media{
  background: linear-gradient(135deg,#1E1E22 0%, #15151A 100%) !important;
  border: 1px solid var(--d-line);
}
.media::before{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.04) 25%, transparent 25%),
    linear-gradient(225deg, rgba(255,255,255,.04) 25%, transparent 25%) !important;
  opacity:.6;
}
img.media__img{ background: #1A1A1D; }

/* ---------- Forms (iletisim / teklif-al) ---------- */
input, select, textarea{
  background: rgba(255,255,255,.03) !important;
  color: #fff !important;
  border: 1px solid var(--d-line-2) !important;
  border-radius: 10px !important;
  transition: border-color .25s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);
}
input::placeholder, textarea::placeholder{ color: var(--tx-3) !important; }
input:focus, select:focus, textarea:focus{
  outline: none !important;
  border-color: transparent !important;
  background: rgba(255,255,255,.05) !important;
  box-shadow:
    0 0 0 1px rgba(111,76,245,.55),
    0 0 0 4px rgba(111,76,245,.18),
    0 12px 30px -8px rgba(255,122,217,.25) !important;
}
label{ color: var(--tx-2) !important; }

/* ---------- Skip link ---------- */
.skip-link{
  background: var(--grad-brand) !important;
  color: #0B0B0D !important;
}

/* ---------- Selection underline / focus ring ---------- */
:focus-visible{
  outline: 2px solid var(--bc-magenta) !important;
  outline-offset: 2px;
  border-radius: 4px;
}

/* ---------- Theme color meta override için yardımcı ---------- */
@media (prefers-reduced-motion: no-preference){
  .btn--primary{ background-size: 220% 220%; }
}

/* ---------- Mobil küçük rötuşlar ---------- */
@media (max-width: 768px){
  .site-header{ background: rgba(42,42,47,.92) !important; }
  .nav__item > .nav__link::after{ display:none; }
}

/* =====================================================
   AMBER → BRAND OVERRIDE
   Inline <style> bloklarındaki #FFB23A / #F59312 / #FDB813 / #F59E0B
   tonlarını brand paletine (Violet → Magenta → Peach → Soft Blue)
   çeker. Spesifiklik için body öneki ve !important kullanılır.
===================================================== */

/* Hero Slider — eyebrow */
body .hero-slide__eyebrow{
  color: var(--bc-peach) !important;
  border: 1px solid rgba(255,179,122,.35) !important;
  background: rgba(255,255,255,.04) !important;
  backdrop-filter: blur(6px);
}

/* Hero Slider — title (beyaz) ve em (gradient) */
body .hero-slide__title{
  color: #FFFFFF !important;
  text-shadow: 0 6px 28px rgba(0,0,0,.55), 0 0 30px rgba(111,76,245,.18) !important;
}
body .hero-slide__title em{
  background: var(--grad-text) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Hero Slider — CTA buton */
body .hero-slide__cta{
  background: var(--grad-brand) !important;
  background-size: 180% 180% !important;
  color: #0B0B0D !important;
  box-shadow: 0 12px 32px -10px rgba(255,122,217,.55), 0 0 0 1px rgba(255,255,255,.10) inset !important;
  transition: transform .25s var(--ease), box-shadow .35s var(--ease), background-position .5s var(--ease) !important;
}
body .hero-slide__cta:hover{
  background-position: 100% 50% !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 18px 50px -10px rgba(111,76,245,.55), 0 18px 50px -10px rgba(255,179,122,.45) !important;
  filter: none !important;
}

/* Hero Slider — oklar */
body .hero-slider__arrow{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--d-line-2) !important;
  color: #fff !important;
}
body .hero-slider__arrow:hover{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,122,217,.55) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255,122,217,.30), 0 14px 36px -10px rgba(111,76,245,.45) !important;
}

/* Hero Slider — dotlar */
body .hero-slider__dots{
  background: rgba(18,18,20,.55) !important;
  border: 1px solid var(--d-line) !important;
}
body .hero-slider__dot{ background: rgba(255,255,255,.30) !important; }
body .hero-slider__dot.is-active{
  background: var(--grad-brand) !important;
  box-shadow: 0 0 12px rgba(255,122,217,.55);
}

/* Hero Slider — progress bar */
body .hero-slider__progress{ background: rgba(255,255,255,.06) !important; }
body .hero-slider__progress-bar{ background: var(--grad-line) !important; }

/* Genel inline amber gradient kullanan başlık/ayırıcı çubuklar
   (hakkimizda / iletisim / referanslar inline <style> içindeki amber
   süs çubukları/altçizgileri brand renklerine çekilir) */
body .section-head h2::after,
body .section-head .underline,
body .heading-bar,
body .accent-bar{
  background: var(--grad-line) !important;
}

/* iletisim.html — info kart üstündeki amber border */
body .contact-card,
body .info-card{
  border-color: var(--d-line-2) !important;
}
body .contact-card:hover,
body .info-card:hover{
  border-color: transparent !important;
  box-shadow: var(--glow-magenta) !important;
}

/* hakkimizda.html — vurgu rakamları, başlık altçizgisi (varsa) */
body .stat__num,
body [data-accent="amber"]{
  background: var(--grad-text) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}


/* ---------- Hakkımızda · Değerler kartları (dark uyum) ---------- */
.ab-value{
  background: linear-gradient(180deg, rgba(36,32,52,.92), rgba(26,24,38,.92)) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(8px);
}
.ab-value::before{
  background: linear-gradient(135deg, rgba(111,76,245,.18), rgba(255,122,217,.10)) !important;
}
.ab-value:hover{
  border-color: rgba(255,122,217,.45) !important;
  box-shadow: 0 22px 48px rgba(111,76,245,.30) !important;
}
.ab-value__icon{
  background: linear-gradient(135deg, var(--bc-violet), var(--bc-magenta)) !important;
  color:#fff !important;
  box-shadow: 0 8px 20px rgba(111,76,245,.45), inset 0 0 0 1px rgba(255,255,255,.10);
}
.ab-value h3{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background: none !important;
  font-weight: 800 !important;
}
.ab-value p{ color: var(--tx-2) !important; }

/* Section başlıkları + eyebrow okunabilirlik */
.ab-head h2{ color:#fff !important; }
.ab-head p{ color: var(--tx-3) !important; }
.eyebrow{
  background: linear-gradient(90deg, rgba(111,76,245,.18), rgba(255,122,217,.18)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color:#FFE6F4 !important;
}

/* ---------- GLOBAL: Tüm başlıklar BÜYÜK HARF ---------- */
h1, h2, h3, h4, h5, h6,
.hero__title, .hero-headline, .section-title,
.ab-hero__title, .ab-head h2, .ab-stats__head h2,
.ab-value h3, .ab-stat__label,
.footer__title, .cta-banner h2,
.eyebrow, .ab-hero__eyebrow,
.btn, .nav__link{
  text-transform: uppercase !important;
  letter-spacing: .5px;
}
/* Buton ve nav linkleri biraz daha sıkı tracking */
.btn{ letter-spacing: .8px; }
.nav__link{ letter-spacing: .6px; }
/* Eyebrow zaten küçük caps idi - daha belirgin */
.eyebrow, .ab-hero__eyebrow{ letter-spacing: 1.2px; font-weight: 700; }

/* ---------- ab-value: ikon + başlık aynı satırda ---------- */
.ab-value{ display: grid !important; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 1rem; row-gap: .35rem; align-items: center; }
.ab-value__icon{ grid-column: 1; grid-row: 1; margin-bottom: 0 !important; width: 48px !important; height: 48px !important; border-radius: 12px; }
.ab-value__icon svg{ width: 22px; height: 22px; }
.ab-value h3{ grid-column: 2; grid-row: 1; margin: 0 !important; align-self: center; font-size: 1.05rem !important; }
.ab-value p{ grid-column: 1 / -1; grid-row: 2; margin-top: .35rem !important; }

/* ---------- Global feature kartları: ikon + başlık aynı satırda ---------- */
.why__item, .card{
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  column-gap: 1rem;
  row-gap: .35rem;
  align-items: center;
}
.why__icon, .card__icon{
  grid-column: 1; grid-row: 1;
  margin: 0 !important;
  width: 48px !important; height: 48px !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--bc-violet), var(--bc-magenta)) !important;
  color:#fff !important;
  box-shadow: 0 8px 20px rgba(111,76,245,.45), inset 0 0 0 1px rgba(255,255,255,.10);
}
.why__icon svg, .card__icon svg{ width: 22px !important; height: 22px !important; }
.why__title, .card__title{
  grid-column: 2; grid-row: 1;
  margin: 0 !important;
  align-self: center;
  font-size: 1.05rem !important;
  color:#fff !important;
}
.why__item p, .card .card__text, .card p{
  grid-column: 1 / -1; grid-row: 2;
  margin-top: .35rem !important;
  color: var(--tx-2) !important;
}
.card__cta{
  grid-column: 1 / -1; grid-row: 3;
  margin-top: .5rem !important;
}

/* ---------- Süreç (process) kartları: numara + başlık aynı satırda ---------- */
.process__item{
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 1rem;
  row-gap: .35rem;
  align-items: center;
}
.process__step{
  grid-column: 1; grid-row: 1;
  margin: 0 !important;
  width: 56px !important; height: 56px !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--bc-violet), var(--bc-magenta)) !important;
  color:#fff !important;
  font-weight: 800; font-size: 1.05rem;
  letter-spacing: .5px;
  box-shadow: 0 8px 20px rgba(111,76,245,.45), inset 0 0 0 1px rgba(255,255,255,.10);
  -webkit-text-fill-color:#fff !important;
}
.process__title{
  grid-column: 2; grid-row: 1;
  margin: 0 !important;
  align-self: center;
  font-size: 1.05rem !important;
  color:#fff !important;
}
.process__item p{
  grid-column: 1 / -1; grid-row: 2;
  margin-top: .35rem !important;
  color: var(--tx-2) !important;
}