/* ============================================================
   THE ADAM — Complete Premium Design System v7.0
   Every page · Every component · Deep Space Indigo Palette
   ============================================================ */

/* ═══════════════════════════════════════════════════════════
   0. DESIGN TOKENS
   ═══════════════════════════════════════════════════════════ */
:root {
  /* ── Brand ── */
  --indigo:        #6366F1;
  --indigo-light:  #818CF8;
  --indigo-dark:   #4F46E5;
  --violet:        #8B5CF6;
  --violet-light:  #A78BFA;
  --cyan:          #06B6D4;
  --cyan-light:    #22D3EE;
  --emerald:       #10B981;
  --amber:         #F59E0B;
  --rose:          #F43F5E;
  --pink:          #EC4899;

  /* ── Legacy aliases (PHP files use these) ── */
  --purple:        #6366F1;
  --purple-light:  #818CF8;
  --purple-dark:   #4F46E5;
  --blue:          #06B6D4;
  --blue-light:    #22D3EE;
  --blue-dark:     #0891B2;
  --green:         #10B981;
  --orange:        #F59E0B;
  --red:           #F43F5E;

  /* ── Gradients ── */
  --grad-brand:   linear-gradient(135deg,#6366F1 0%,#8B5CF6 55%,#06B6D4 100%);
  --grad-text:    linear-gradient(135deg,#818CF8 0%,#C084FC 50%,#22D3EE 100%);
  --grad-hero:    radial-gradient(ellipse 110% 80% at 50% -10%,#141042 0%,#06060F 70%);
  --grad-card:    linear-gradient(135deg,rgba(99,102,241,.08) 0%,rgba(139,92,246,.04) 100%);
  --grad-glow-purple: radial-gradient(ellipse at center,rgba(99,102,241,.22) 0%,transparent 70%);
  --grad-glow-blue:   radial-gradient(ellipse at center,rgba(6,182,212,.18) 0%,transparent 70%);
  --grad-glow-cyan:   radial-gradient(ellipse at center,rgba(34,211,238,.14) 0%,transparent 70%);

  /* ── Backgrounds ── */
  --bg-dark:      #06060F;
  --bg-dark-2:    #09091A;
  --bg-dark-3:    #0C0C22;
  --bg-dark-card: rgba(10,10,28,.85);
  --bg-light:     #ffffff;
  --bg-light-2:   #F8F9FF;
  --bg-light-3:   #F4F4FF;
  --bg-card:      #09091A;
  --bg-surface:   #0C0C22;
  --border-light: rgba(0,0,0,.1);

  /* ── Text on dark ── */
  --text-primary:   #F8FAFC;
  --text-secondary: rgba(248,250,252,.68);
  --text-muted:     rgba(248,250,252,.38);
  /* ── Text on light ── */
  --text-dark:      #0F0A2E;
  --text-dark-muted:#4B5563;

  /* ── Typography scale ── */
  --text-xs:   .75rem;
  --text-sm:   .875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  /* ── Spacing scale ── */
  --space-xs:   .25rem;
  --space-sm:   .5rem;
  --space-md:   .75rem;
  --space-lg:   1rem;
  --space-xl:   1.5rem;
  --space-2xl:  2rem;
  --space-3xl:  2.5rem;
  --space-4xl:  3.5rem;
  --space-5xl:  5rem;

  /* ── Borders ── */
  --border-dark:  rgba(255,255,255,.09);
  --border-brand: rgba(99,102,241,.35);

  /* ── Shadows ── */
  --shadow-sm:    0 1px 6px rgba(0,0,0,.4);
  --shadow-md:    0 4px 24px rgba(0,0,0,.5);
  --shadow-lg:    0 20px 60px rgba(0,0,0,.6);
  --shadow-glow:  0 0 60px rgba(99,102,241,.3);
  --shadow-card:  0 4px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);
  --shadow-brand: 0 8px 32px rgba(99,102,241,.35);

  /* ── Radius ── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   22px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* ── Layout ── */
  --font-sans: 'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --container-max: 1200px;
  --container-px:  clamp(1.25rem,5vw,2.5rem);
  --section-gap:   7rem;
  --header-h:      70px;

  /* ── Transitions ── */
  --t-fast:   140ms cubic-bezier(.4,0,.2,1);
  --t-base:   240ms cubic-bezier(.4,0,.2,1);
  --t-slow:   380ms cubic-bezier(.4,0,.2,1);
  --t-spring: 560ms cubic-bezier(.34,1.56,.64,1);

  /* ── Z-index ── */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;
  --z-mobile-nav: 10000;
}

/* ═══════════════════════════════════════════════════════════
   1. RESET & BASE
   ═══════════════════════════════════════════════════════════ */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  html { scroll-behavior:auto; }
}
a:focus-visible:not(.btn):not(.nav-link):not(.skip-link),
button:focus-visible:not(.btn) {
  outline:none;
  box-shadow:0 0 0 2px rgba(99,102,241,.4);
  border-radius:var(--radius-sm);
}
body {
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--text-primary);
  background: var(--bg-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
img,video,svg { display:block; max-width:100%; }
a { text-decoration:none; color:inherit; }
ul,ol { list-style:none; }
button { cursor:pointer; font-family:inherit; border:none; background:none; }
input,select,textarea { font-family:inherit; }
h1,h2,h3,h4,h5,h6 { line-height:1.15; font-weight:800; letter-spacing:-.03em; }
p { max-width:70ch; }

/* ═══════════════════════════════════════════════════════════
   2. LAYOUT
   ═══════════════════════════════════════════════════════════ */
.container {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-px);
  width: 100%;
}
.container-hero {
  max-width: 1440px;
}
.section        { padding-block: var(--section-gap); }
.section-dark   { background: var(--bg-dark-2); padding-block: var(--section-gap); }
.section-dark-2 { background: var(--bg-dark-3); padding-block: var(--section-gap); }
.text-center    { text-align:center; }
.text-center p  { margin-inline:auto; }
.main-content   { padding-top: var(--header-h); }

/* ═══════════════════════════════════════════════════════════
   3. TYPOGRAPHY HELPERS
   ═══════════════════════════════════════════════════════════ */
.section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--indigo-light);
  margin-bottom: .875rem;
}
.section-eyebrow::before,.section-eyebrow::after {
  content:''; display:block;
  width:18px; height:1px;
  background: var(--indigo-light);
  opacity:.4;
}
.section-title {
  font-size: clamp(1.875rem,4.5vw,3.125rem);
  font-weight: 900;
  letter-spacing: -.04em;
  color: var(--text-primary);
  margin-bottom: 1rem;
  line-height: 1.1;
}
.section-subtitle {
  font-size: 1.0625rem;
  color: var(--text-secondary);
  max-width: 54ch;
  line-height: 1.75;
}
.section-header { margin-bottom: 3.5rem; }
.section-header-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.text-gradient, .gradient-text {
  background: var(--grad-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.see-all-link {
  font-size:.875rem; font-weight:700; color:var(--indigo-light);
  white-space:nowrap; transition:opacity var(--t-fast);
}
.see-all-link:hover { opacity:.75; }

/* ═══════════════════════════════════════════════════════════
   4. ANIMATIONS
   ═══════════════════════════════════════════════════════════ */
@keyframes fadeInUp   { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} }
@keyframes pulseDot   { 0%,100%{box-shadow:0 0 0 0 rgba(99,102,241,.5)} 50%{box-shadow:0 0 0 10px rgba(99,102,241,0)} }
@keyframes pulseDotGreen { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)} 50%{box-shadow:0 0 0 10px rgba(34,197,94,0)} }
@keyframes float      { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes marquee    { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes shimmer    { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes barGrow    { from{height:4px} }
@keyframes glowPulse  { 0%,100%{opacity:.6;transform:scale(1)} 50%{opacity:1;transform:scale(1.08)} }
@keyframes slideDown  { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:none} }
@keyframes spin       { to{transform:rotate(360deg)} }
@keyframes blink      { 0%,100%{opacity:1} 50%{opacity:0} }
@keyframes ripple    { to{transform:scale(2); opacity:0} }
@keyframes particleFloat { 0%,100%{transform:translateY(0) translateX(0); opacity:.2} 50%{transform:translateY(-8px) translateX(4px); opacity:.35} }

.reveal {
  opacity:0;
  transform:translateY(22px);
  transition: opacity .65s ease, transform .65s ease;
}
.reveal.visible,.reveal.is-visible { opacity:1; transform:none; }
.reveal-delay-1 { transition-delay:.1s; }
.reveal-delay-2 { transition-delay:.2s; }
.reveal-delay-3 { transition-delay:.3s; }
.reveal-delay-4 { transition-delay:.4s; }

/* ═══════════════════════════════════════════════════════════
   5. SKIP LINK
   ═══════════════════════════════════════════════════════════ */
.skip-link {
  position:absolute; top:-100px; left:1rem;
  z-index:var(--z-modal);
  padding:.75rem 1.5rem;
  background:var(--indigo); color:#fff;
  border-radius:var(--radius-md); font-weight:700;
  transition:top var(--t-fast);
}
.skip-link:focus,
.skip-link:focus-visible { top:1rem; outline:2px solid var(--indigo-light); outline-offset:2px; }

/* ═══════════════════════════════════════════════════════════
   6. BUTTONS
   ═══════════════════════════════════════════════════════════ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .6875rem 1.5rem;
  border-radius: var(--radius-full);
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.01em;
  transition: all var(--t-base);
  white-space: nowrap;
  border: 1.5px solid transparent;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.btn:active { transform:scale(.97); }
.btn::before {
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);
  background-size:200% 100%;
  opacity:0;
  transition:opacity var(--t-fast);
}
.btn:hover::before { opacity:1; animation:shimmer .6s ease; }

.btn-lg { padding:.9375rem 2.25rem; font-size:1rem; }

.btn-primary {
  background:var(--grad-brand); color:#fff;
  box-shadow:0 4px 20px rgba(99,102,241,.35);
}
.btn-primary:hover { box-shadow:0 8px 40px rgba(99,102,241,.55); transform:translateY(-1px); }

.btn-free-consult {
  background:var(--grad-brand); color:#fff;
  font-weight:800; box-shadow:0 4px 24px rgba(99,102,241,.4);
}
.btn-free-consult:hover { box-shadow:0 10px 44px rgba(99,102,241,.6); transform:translateY(-2px); }

.btn-ghost {
  background:rgba(255,255,255,.06); color:var(--text-primary);
  border-color:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
.btn-ghost:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); }

.btn-outline {
  background:transparent; color:var(--indigo-light);
  border-color:rgba(99,102,241,.4);
}
.btn-outline:hover { background:rgba(99,102,241,.08); border-color:var(--indigo); }

.btn-whatsapp {
  background:#25D366; color:#fff;
  box-shadow:0 4px 20px rgba(37,211,102,.3);
}
.btn-whatsapp:hover { background:#1fb958; box-shadow:0 8px 32px rgba(37,211,102,.5); transform:translateY(-1px); }

.btn-whatsapp-outline {
  background:transparent; color:#25D366;
  border-color:rgba(37,211,102,.35);
}
.btn-whatsapp-outline:hover { background:rgba(37,211,102,.08); border-color:#25D366; }
.btn:focus-visible,
a.btn:focus-visible {
  outline:none;
  box-shadow:0 0 0 3px rgba(99,102,241,.4);
}
.btn-whatsapp:focus-visible,
.btn-whatsapp-outline:focus-visible { box-shadow:0 0 0 3px rgba(37,211,102,.5); }

/* ── CTA Premium (hero + cta-strip): neon, spring, ripple, magnetic ── */
.cta-premium { position:relative; }
.cta-premium .btn {
  transition: transform var(--t-spring), box-shadow var(--t-spring), border-color var(--t-spring);
  box-shadow: 0 4px 20px rgba(99,102,241,.35), 0 0 0 1px rgba(99,102,241,.25), 0 0 20px rgba(99,102,241,.15);
}
.cta-premium .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 40px rgba(99,102,241,.5), 0 0 0 1px rgba(99,102,241,.4), 0 0 28px rgba(99,102,241,.25);
}
.cta-premium .btn:active { transform: translateY(0) scale(0.98); }
.cta-premium .btn.btn-whatsapp,
.cta-premium .btn.btn-whatsapp:hover {
  box-shadow: 0 4px 20px rgba(37,211,102,.3), 0 0 0 1px rgba(37,211,102,.2), 0 0 20px rgba(37,211,102,.12);
}
.cta-premium .btn.btn-whatsapp:hover {
  box-shadow: 0 8px 32px rgba(37,211,102,.5), 0 0 0 1px rgba(37,211,102,.35), 0 0 24px rgba(37,211,102,.2);
}
.cta-premium .btn.btn-ghost:hover {
  box-shadow: 0 0 0 1px rgba(255,255,255,.25), 0 0 20px rgba(99,102,241,.12);
}
.cta-premium .btn.magnetic-active { transition: transform var(--t-spring); }
.cta-magnetic-wrap { display: inline-block; position: relative; }
.cta-premium .btn .ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.3);
  pointer-events: none;
  transform: scale(0);
}
.cta-premium .btn .ripple.animate { animation: ripple .5s ease-out forwards; }

.cursor-glow {
  position: fixed;
  left: 0; top: 0;
  width: 120px; height: 120px;
  margin-left: -60px; margin-top: -60px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99,102,241,.25) 0%, rgba(139,92,246,.12) 40%, transparent 70%);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity .2s ease;
}
.cursor-glow.visible { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .cta-premium .btn { transition-duration: .2s; }
  .cursor-glow.visible { opacity: 0; }
}

/* ═══════════════════════════════════════════════════════════
   7. HEADER & NAVIGATION  ← FIXED
   ═══════════════════════════════════════════════════════════ */
.site-header {
  position: fixed;
  top:0; left:0; right:0;
  z-index: var(--z-sticky);
  height: var(--header-h);
  transition: background var(--t-slow), box-shadow var(--t-slow), border-color var(--t-slow);
  border-bottom: 1px solid transparent;
}
/* Ana sayfa: menü slide üstünde, siyah band yok; scroll’da hafif arka plan */
.site-header--over-hero {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.site-header--over-hero.scrolled,
.site-header--over-hero.nav-open {
  background: rgba(6,6,15,.85) !important;
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border-bottom-color: rgba(255,255,255,.07);
  box-shadow: 0 1px 0 rgba(99,102,241,.08), 0 8px 40px rgba(0,0,0,.35);
}
.site-header.scrolled,
.site-header.nav-open {
  background: rgba(6,6,15,.94);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border-bottom-color: rgba(255,255,255,.07);
  box-shadow: 0 1px 0 rgba(99,102,241,.08), 0 8px 40px rgba(0,0,0,.4);
}

.header-inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: var(--container-px);
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  /* CRITICAL: overflow:visible so dropdowns show */
  overflow: visible;
  position: relative;
}

.logo { display:flex; align-items:center; gap:.625rem; flex-shrink:0; }
.logo-img { height:36px; width:auto; }
.logo-text { font-size:1.125rem; font-weight:900; letter-spacing:-.04em; color:var(--text-primary); }

/* ── Navigation ── */
.main-nav {
  margin-left: auto;
  /* CRITICAL: overflow:visible for dropdowns */
  overflow: visible;
  position: relative;
}
.nav-list {
  display: flex;
  align-items: center;
  gap: .125rem;
  /* CRITICAL: overflow:visible */
  overflow: visible;
}

.nav-link {
  display: flex;
  align-items: center;
  gap: .3rem;
  padding: .45rem .75rem;
  border-radius: var(--radius-md);
  font-size: .875rem;
  font-weight: 500;
  color: rgba(248,250,252,.65);
  transition: all var(--t-fast);
  position: relative;
  white-space: nowrap;
  user-select: none;
}
.nav-link:hover { color:var(--text-primary); background:rgba(255,255,255,.06); }
.nav-link:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(99,102,241,.5); border-radius:var(--radius-md); }
.nav-link.active { color:var(--indigo-light); }
.nav-link.active::after {
  content:'';
  position:absolute;
  bottom:-2px; left:50%; transform:translateX(-50%);
  width:18px; height:2px; border-radius:2px;
  background:var(--grad-brand);
}

.nav-caret {
  display:inline-block;
  width:9px; height:9px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform var(--t-fast);
  opacity:.5;
  flex-shrink:0;
}
.nav-link-with-dropdown[aria-expanded="true"] .nav-caret {
  transform:rotate(-135deg) translateY(-2px);
}

.nav-cta {
  background: var(--grad-brand) !important;
  color: #fff !important;
  border-radius: var(--radius-full);
  padding: .5rem 1.25rem;
  font-weight: 800;
  box-shadow: 0 4px 20px rgba(99,102,241,.35);
  margin-left:.375rem;
  position:relative;
}
.nav-cta:hover { box-shadow:0 8px 32px rgba(99,102,241,.55); transform:translateY(-1px); }
.nav-cta::after { display:none; }
.nav-cta--pulse::before {
  content:''; position:absolute; inset:-3px;
  border-radius:inherit;
  background:var(--grad-brand);
  z-index:-1; opacity:0;
  filter:blur(6px);
  animation:glowPulse 2.5s ease infinite;
}

/* ── Mobile Toggle ── */
.nav-toggle {
  display:none;
  flex-direction:column; justify-content:center; align-items:center;
  gap:5px; width:40px; height:40px;
  border-radius:var(--radius-md);
  transition:background var(--t-fast);
  margin-left:auto;
}
.nav-toggle:hover { background:rgba(255,255,255,.07); }
.nav-toggle-bar {
  display:block; width:22px; height:1.5px; border-radius:2px;
  background:var(--text-primary);
  transition:all var(--t-base); transform-origin:center;
}
.nav-toggle.is-open .nav-toggle-bar:nth-child(1),
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
.nav-toggle.is-open .nav-toggle-bar:nth-child(2),
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2) { opacity:0; transform:scaleX(0); }
.nav-toggle.is-open .nav-toggle-bar:nth-child(3),
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }

.mobile-nav-header {
  display:none; align-items:center; justify-content:space-between;
  padding:1rem 1.25rem; border-bottom:1px solid var(--border-dark);
}
.mobile-nav-header .logo-img { height:28px; }
.mobile-nav-close {
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:var(--radius-lg);
  color:var(--text-secondary); transition:all var(--t-fast);
  flex-shrink:0;
}
.mobile-nav-close:hover { background:rgba(255,255,255,.08); color:var(--text-primary); }
.mobile-nav-close:active { transform:scale(0.96); }

/* ── Dropdown container (FIXED POSITIONING) ── */
.nav-item-has-dropdown {
  position: relative;
}

.nav-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  min-width: 220px;
  background: rgba(9,9,26,.98);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(99,102,241,.22);
  border-radius: var(--radius-xl);
  box-shadow: 0 28px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(99,102,241,.08);
  padding: .5rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--t-base), transform var(--t-base), visibility 0s linear var(--t-base);
  z-index: var(--z-dropdown);
}
/* Show dropdown - JS controlled */
.nav-dropdown.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  transition: opacity var(--t-base), transform var(--t-base), visibility 0s linear 0s;
}

/* CSS hover fallback for desktop (when JS is slow) */
@media (hover: hover) and (min-width: 769px) {
  .nav-item-has-dropdown:hover > .nav-dropdown:not(.nav-mega) {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }
}

.nav-dropdown-list { display:flex; flex-direction:column; gap:2px; }
.nav-dropdown-link {
  display:flex; align-items:center; gap:.625rem;
  padding:.5rem .625rem; border-radius:var(--radius-md);
  font-size:.875rem; font-weight:500;
  color:rgba(248,250,252,.65); transition:all var(--t-fast);
}
.nav-dropdown-link:hover { background:rgba(99,102,241,.1); color:var(--text-primary); }
.nav-dropdown-link.active { color:var(--indigo-light); }
.nav-dropdown-icon {
  display:flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:var(--radius-sm);
  background:rgba(99,102,241,.12); color:var(--indigo-light); flex-shrink:0;
}
.nav-dropdown-link:hover .nav-dropdown-icon { background:rgba(99,102,241,.22); }
.nav-dropdown-title {
  font-size:.6875rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.28);
  padding:.5rem .625rem .25rem; border-bottom:1px solid rgba(255,255,255,.06); margin-bottom:.25rem;
}
.nav-dropdown-all {
  display:flex; align-items:center; gap:.5rem;
  padding:.625rem .75rem; border-top:1px solid rgba(255,255,255,.06); margin-top:.25rem;
  font-size:.8125rem; font-weight:700; color:var(--indigo-light);
  border-radius:0 0 var(--radius-lg) var(--radius-lg);
  transition:background var(--t-fast);
}
.nav-dropdown-all:hover { background:rgba(99,102,241,.08); }

/* ── MEGA MENU (Services) — Premium Redesign ── */
.nav-mega {
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: min(96vw, 1200px);
  display: grid;
  grid-template-columns: 1fr 310px;
  padding: 0;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  border: 1px solid rgba(99,102,241,.22);
  box-shadow:
    0 32px 100px rgba(0,0,0,.65),
    0 0 0 1px rgba(99,102,241,.08),
    0 0 60px rgba(99,102,241,.08);
}
.nav-mega.open { transform: translateX(-50%) translateY(0); }

/* Left section */
.nav-mega-left {
  padding: 0;
  border-right: 1px solid rgba(255,255,255,.06);
  display: flex;
  flex-direction: column;
}

/* Top bar */
.nav-mega-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .875rem 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(99,102,241,.04);
}
.nav-mega-top-left { display: flex; align-items: center; gap: .625rem; }
.nav-mega-top-tag {
  display: inline-flex; align-items: center; gap: .3rem;
  padding: .175rem .5rem;
  background: var(--grad-brand);
  border-radius: var(--radius-full);
  font-size: .625rem; font-weight: 800;
  letter-spacing: .08em; text-transform: uppercase; color: #fff;
}
.nav-mega-intro { font-size: .8rem; color: rgba(255,255,255,.35); }
.nav-mega-count {
  font-size: .75rem; font-weight: 700; color: var(--indigo-light);
  background: rgba(99,102,241,.12); border: 1px solid rgba(99,102,241,.2);
  padding: .2rem .625rem; border-radius: var(--radius-full);
}

/* Columns */
.nav-dropdown-columns {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 0;
  flex: 1;
}
.nav-dropdown-col {
  display: flex; flex-direction: column;
  padding: 1rem 1.125rem;
  border-right: 1px solid rgba(255,255,255,.05);
}
.nav-dropdown-col:last-child { border-right: none; }

/* Column header with icon */
.nav-col-header {
  display: flex; align-items: flex-start; gap: .5rem;
  margin-bottom: .625rem;
  padding-bottom: .625rem;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.nav-col-icon { font-size: 1.125rem; flex-shrink: 0; margin-top: .05rem; }
.nav-dropdown-title {
  font-size: .6875rem; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase;
  color: rgba(255,255,255,.45); line-height: 1.2;
}
.nav-col-desc { display: block; font-size: .625rem; color: rgba(255,255,255,.25); margin-top: .1rem; }

/* Service link items */
.nav-dropdown-list { display: flex; flex-direction: column; gap: 1px; }
.nav-dropdown-link {
  display: flex; align-items: center; gap: .5rem;
  padding: .4rem .5rem;
  border-radius: var(--radius-md);
  font-size: .8125rem; font-weight: 500;
  color: rgba(248,250,252,.62);
  transition: all var(--t-fast);
}
.nav-dropdown-link:hover {
  background: rgba(99,102,241,.1);
  color: #fff;
  padding-left: .75rem;
}
.nav-dropdown-icon {
  display: flex; align-items: center; justify-content: center;
  width: 26px; height: 26px;
  border-radius: var(--radius-sm);
  background: rgba(99,102,241,.1); color: var(--indigo-light);
  flex-shrink: 0;
}
.nav-dropdown-link:hover .nav-dropdown-icon { background: rgba(99,102,241,.2); }

/* Item badges (🔥 Hot / Yeni) */
.nav-item-badge {
  display: inline-flex; align-items: center;
  padding: .1rem .35rem;
  border-radius: var(--radius-full);
  font-size: .5625rem; font-weight: 800;
  margin-left: auto; flex-shrink: 0;
}
.nav-item-badge--hot { color: #FB923C; }
.nav-item-badge--new {
  background: rgba(99,102,241,.2); border: 1px solid rgba(99,102,241,.3);
  color: var(--indigo-light); letter-spacing: .04em;
}

/* Bottom strip */
.nav-mega-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .875rem 1.25rem;
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.15);
}
.nav-mega-quick { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.nav-mega-quick-label { font-size: .6875rem; font-weight: 700; color: rgba(255,255,255,.3); text-transform: uppercase; letter-spacing: .08em; }
.nav-mega-quick-btn {
  display: inline-flex; align-items: center;
  padding: .275rem .75rem;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-full);
  font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.65);
  text-decoration: none; transition: all var(--t-fast);
  white-space: nowrap;
}
.nav-mega-quick-btn:hover { background: rgba(99,102,241,.12); border-color: rgba(99,102,241,.3); color: var(--indigo-light); }
.nav-mega-quick-btn--cta {
  background: var(--grad-brand); border-color: transparent; color: #fff;
  box-shadow: 0 2px 12px rgba(99,102,241,.3);
}
.nav-mega-quick-btn--cta:hover { box-shadow: 0 4px 20px rgba(99,102,241,.5); color: #fff; }

.nav-dropdown-all {
  display: flex; align-items: center; gap: .375rem;
  font-size: .8125rem; font-weight: 700; color: var(--indigo-light);
  text-decoration: none; white-space: nowrap; flex-shrink: 0;
  transition: gap var(--t-fast);
}
.nav-dropdown-all:hover { gap: .625rem; }

/* ── RIGHT PANEL ── */
.nav-mega-panel {
  padding: 1.375rem;
  background: linear-gradient(160deg, rgba(99,102,241,.12) 0%, rgba(139,92,246,.07) 100%);
  display: flex; flex-direction: column; gap: .875rem;
  position: relative;
  overflow: hidden;
}
.nav-mega-panel::before {
  content: '';
  position: absolute; top: -40px; right: -40px;
  width: 180px; height: 180px; border-radius: 50%;
  background: radial-gradient(circle, rgba(99,102,241,.15) 0%, transparent 70%);
  pointer-events: none;
}

/* Live badge */
.nav-mega-panel-header { display: flex; align-items: center; justify-content: space-between; }
.nmp-live { display: flex; align-items: center; gap: .375rem; font-size: .6875rem; font-weight: 700; color: rgba(255,255,255,.5); }
.nmp-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,.6); animation: pulseDot 1.8s ease infinite; }
.nav-mega-panel-badge {
  font-size: .625rem; font-weight: 800; padding: .2rem .5rem;
  background: rgba(16,185,129,.15); border: 1px solid rgba(16,185,129,.3);
  border-radius: var(--radius-full); color: #34D399; letter-spacing: .06em; text-transform: uppercase;
}

/* Mini dashboard */
.nmp-dashboard { background: rgba(0,0,0,.2); border-radius: var(--radius-lg); padding: .875rem; }
.nmp-chart-area { margin-bottom: .625rem; }
.nmp-chart-label { font-size: .625rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: .5rem; }
.nmv-bar-group {
  display: flex; align-items: flex-end; gap: 3px; height: 52px;
  border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: .375rem;
}
.nmv-bar { flex: 1; border-radius: 2px 2px 0 0; background: rgba(99,102,241,.2); animation: barGrow .8s ease both; }
.nmv-bar.nmv-active { background: var(--grad-brand); }
.nmv-trend { display: flex; align-items: center; gap: .375rem; }
.nmv-trend-up { font-size: .8125rem; font-weight: 800; color: #34D399; }
.nmv-trend-label { font-size: .6875rem; color: rgba(255,255,255,.35); }
.nmp-kpi-row { display: flex; gap: .5rem; }
.nmp-kpi { flex: 1; text-align: center; padding: .375rem .25rem; background: rgba(255,255,255,.05); border-radius: var(--radius-sm); }
.nmp-kpi-val { display: block; font-size: .9375rem; font-weight: 900; color: #fff; letter-spacing: -.03em; }
.nmp-kpi-lbl { display: block; font-size: .5625rem; color: rgba(255,255,255,.35); margin-top: .1rem; }

/* Divider */
.nmp-divider { height: 1px; background: rgba(255,255,255,.08); margin: -.125rem 0; }

.nav-mega-panel-title { font-size: .9375rem; font-weight: 800; color: #fff; line-height: 1.3; }
.nav-mega-panel-text  { font-size: .75rem; color: rgba(255,255,255,.55); line-height: 1.6; }

/* Feature bullets */
.nav-mega-features { display: flex; flex-direction: column; gap: .3rem; }
.nmf-item { display: flex; align-items: center; gap: .375rem; font-size: .75rem; color: rgba(255,255,255,.65); }
.nmf-icon { color: #34D399; font-weight: 900; flex-shrink: 0; }

/* Trust row */
.nav-mega-trust { display: flex; align-items: center; gap: .5rem; margin-top: auto; }
.nmt-avatars { display: flex; }
.nmt-avatar {
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--grad-brand); border: 2px solid rgba(9,9,26,.8);
  display: flex; align-items: center; justify-content: center;
  font-size: .5rem; font-weight: 800; color: #fff; margin-left: -5px;
}
.nmt-avatars .nmt-avatar:first-child { margin-left: 0; }
.nmt-text { font-size: .6875rem; color: rgba(255,255,255,.5); }
.nmt-text strong { color: rgba(255,255,255,.8); }

/* CTA Button */
.nav-mega-cta {
  display: flex; align-items: center; justify-content: space-between;
  padding:.625rem .875rem; background:var(--grad-brand);
  border-radius:var(--radius-lg); font-size:.875rem; font-weight:800; color:#fff;
  transition:all var(--t-base); box-shadow:0 4px 20px rgba(99,102,241,.3);
}
.nav-mega-cta:hover { box-shadow:0 8px 28px rgba(99,102,241,.5); transform:translateY(-1px); }

/* ═══════════════════════════════════════════════════════════
   8. HERO SECTION
   ═══════════════════════════════════════════════════════════ */
.hero {
  position:relative;
  min-height:100svh;
  display:flex; align-items:center;
  background: radial-gradient(ellipse 110% 80% at 50% -10%,#141042 0%,#06060F 70%);
  overflow:hidden;
  padding-block:8rem 6rem;
}
.hero::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(rgba(99,102,241,.22) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 30%,transparent 80%);
  pointer-events:none; z-index:1;
}
.hero::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:140px;
  background:linear-gradient(transparent,var(--bg-dark));
  pointer-events:none; z-index:2;
}
.hero-video-bg { position:absolute; inset:0; z-index:0; overflow:hidden; }
.hero-video-bg video { width:100%; height:100%; object-fit:cover; opacity:.07; filter:saturate(.2) brightness(.5); }
.hero-video-overlay {
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(6,6,15,.65) 0%,rgba(20,16,66,.5) 50%,rgba(6,6,15,.75) 100%);
}
.hero-orbs { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.orb { position:absolute; border-radius:50%; filter:blur(90px); }
.orb-1 {
  width:700px; height:700px; top:-200px; left:-150px;
  background:radial-gradient(circle,rgba(99,102,241,.25) 0%,rgba(99,102,241,.06) 55%,transparent 100%);
  animation:float 9s ease-in-out infinite;
}
.orb-2 {
  width:600px; height:600px; bottom:-150px; right:-100px;
  background:radial-gradient(circle,rgba(139,92,246,.2) 0%,rgba(6,182,212,.06) 55%,transparent 100%);
  animation:float 11s ease-in-out infinite reverse;
}
.orb-3 {
  width:400px; height:400px; top:35%; left:38%;
  background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%);
  animation:float 13s ease-in-out infinite 2s;
}
.hero-inner {
  display:grid; grid-template-columns:1.15fr 1fr; gap:4rem;
  align-items:center; position:relative; z-index:3;
}
.hero-content {
  display:flex; flex-direction:column; gap:1.375rem; position:relative;
  max-width: 700px;
  z-index:2; /* Metin her zaman floating badge'lerin üstünde, karışıklık önlenir */
}
.hero-badge {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.375rem 1rem;
  background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.28);
  border-radius:var(--radius-full); font-size:.6875rem; font-weight:700; letter-spacing:.12em;
  color:var(--indigo-light); align-self:flex-start;
}
.badge-dot { width:7px; height:7px; border-radius:50%; background:#22c55e; animation:pulseDotGreen 2s ease infinite; }
.hero-title {
  font-size:clamp(2.8rem,6.4vw,5.2rem); font-weight:900;
  letter-spacing:-.05em; line-height:1.05; color:var(--text-primary);
}
.hero-slogan { font-size:clamp(1.05rem,2.1vw,1.2rem); color:var(--text-secondary); line-height:1.68; max-width:58ch; }
.hero-tags { display:flex; flex-wrap:wrap; gap:.375rem; }
.hero-tag {
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.3rem .75rem; border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-full); font-size:.75rem; font-weight:600;
  color:rgba(248,250,252,.55); background:rgba(255,255,255,.04); transition:all var(--t-fast);
}
.hero-tag:hover { background:rgba(255,255,255,.08); color:var(--text-primary); }
.hero-tag--seo     { border-color:rgba(52,199,89,.3);   color:#6ee7b7; background:rgba(52,199,89,.07); }
.hero-tag--ads     { border-color:rgba(251,191,36,.3);  color:#fde68a; background:rgba(251,191,36,.07); }
.hero-tag--meta    { border-color:rgba(99,102,241,.3);  color:var(--indigo-light); background:rgba(99,102,241,.07); }
.hero-tag--web     { border-color:rgba(139,92,246,.3);  color:var(--violet-light); background:rgba(139,92,246,.07); }
.hero-tag--mobile  { border-color:rgba(6,182,212,.3);   color:var(--cyan-light); background:rgba(6,182,212,.07); }
.hero-tag--produksiyon { border-color:rgba(249,115,22,.3); color:#fdba74; background:rgba(249,115,22,.07); }
.hero-tag--ai      { border-color:rgba(167,139,250,.3); color:#c4b5fd; background:rgba(167,139,250,.07); }
.hero-tag--otomasyon { border-color:rgba(251,191,36,.3); color:#fde68a; background:rgba(251,191,36,.07); }
.hero-tag--dashboard { border-color:rgba(34,211,238,.3); color:var(--cyan-light); background:rgba(34,211,238,.07); }
.hero-subtitle { font-size:1rem; color:var(--text-secondary); line-height:1.72; max-width:58ch; }
.hero-cta-particles {
  position:absolute;
  left:0; right:0;
  bottom:0;
  height:140px;
  pointer-events:none;
  z-index:0;
}
.hero-cta-particle {
  position:absolute;
  width:5px; height:5px;
  border-radius:50%;
  background:rgba(99,102,241,.4);
  animation: particleFloat 10s ease-in-out infinite;
}
.hero-cta-particle:nth-child(1)  { left:5%;  bottom:20%; animation-delay:0s; }
.hero-cta-particle:nth-child(2)  { left:18%; bottom:45%; animation-delay:1.2s; }
.hero-cta-particle:nth-child(3)  { left:28%; bottom:12%; animation-delay:2.5s; }
.hero-cta-particle:nth-child(4)  { left:45%; bottom:35%; animation-delay:0.8s; }
.hero-cta-particle:nth-child(5)  { left:55%; bottom:8%;  animation-delay:3s; }
.hero-cta-particle:nth-child(6)  { left:68%; bottom:50%; animation-delay:1.5s; }
.hero-cta-particle:nth-child(7)  { left:78%; bottom:22%; animation-delay:2s; }
.hero-cta-particle:nth-child(8)  { left:88%; bottom:40%; animation-delay:0.3s; }
.hero-cta-particle:nth-child(9)  { left:12%; bottom:60%; animation-delay:2.8s; }
.hero-cta-particle:nth-child(10) { left:92%; bottom:15%; animation-delay:1.8s; }
@media (prefers-reduced-motion: reduce) { .hero-cta-particle { animation: none; opacity: .15; } }
.hero-actions { display:flex; flex-wrap:wrap; gap:.875rem; position:relative; z-index:1; }
.hero-trust-chips { display:flex; flex-wrap:wrap; gap:.5rem; }
.hero-trust-chip {
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.375rem .875rem; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09); border-radius:var(--radius-full);
  font-size:.8125rem; font-weight:500; color:rgba(248,250,252,.6);
}
.hero-trust-chip i { color:var(--indigo-light); }
.hero-note { font-size:.8125rem; color:var(--text-muted); display:flex; flex-wrap:wrap; gap:.25rem; align-items:center; }
.hero-note span { color:#6ee7b7; font-weight:700; }
.hero-logos-strip {
  display:flex; flex-direction:column; gap:.5rem; padding:.875rem 1rem;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:var(--radius-lg);
}
.hero-logos-label { font-size:.75rem; color:var(--text-muted); }
.hero-logos-row { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.hero-logo-pill { font-size:.8125rem; font-weight:700; color:rgba(248,250,252,.4); }
.hero-logos-sep { color:rgba(255,255,255,.15); }
.hero-urgency {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem 1rem; background:rgba(251,191,36,.07);
  border:1px solid rgba(251,191,36,.2); border-radius:var(--radius-md);
  font-size:.8125rem; font-weight:700; color:#fde68a; align-self:flex-start;
}
.hero-visual {
  position:relative; display:flex; align-items:center; justify-content:center; align-self:flex-start;
  margin-top:7rem; transform:scale(1.1); transform-origin:top center;
  z-index:1; /* Dashboard ve badge'ler içerik sütununun arkasında kalsın */
}

/* Browser mockup */
.mockup-browser {
  width:100%; max-width:600px;
  background:rgba(12,12,34,.9); border:1px solid rgba(99,102,241,.2); border-radius:var(--radius-xl);
  overflow:hidden;
  box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 0 1px rgba(99,102,241,.1),0 0 80px rgba(99,102,241,.14);
  position:relative; z-index:1;
}
.browser-bar {
  display:flex; align-items:center; gap:.75rem; padding:.75rem 1rem;
  background:rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.06);
}
.browser-dots { display:flex; gap:5px; }
.browser-dot { width:10px; height:10px; border-radius:50%; }
.browser-dot:nth-child(1) { background:#ff5f57; }
.browser-dot:nth-child(2) { background:#febc2e; }
.browser-dot:nth-child(3) { background:#28c840; }
.browser-url-bar {
  flex:1; height:22px; border-radius:var(--radius-full);
  background:rgba(255,255,255,.06); display:flex; align-items:center;
  padding-inline:.625rem; font-size:.6875rem; color:rgba(255,255,255,.3);
}
.browser-body { padding:.875rem; display:flex; flex-direction:column; gap:.625rem; }
.browser-seo-stats { display:flex; gap:.5rem; padding-bottom:.625rem; border-bottom:1px solid rgba(255,255,255,.06); }
.browser-seo-stat { flex:1; background:rgba(255,255,255,.04); border-radius:var(--radius-sm); padding:.375rem .5rem; text-align:center; }
.browser-seo-stat--gold .browser-seo-num { color:#fbbf24; }
.browser-seo-num { display:block; font-size:.9375rem; font-weight:900; color:var(--indigo-light); }
.browser-seo-lbl { display:block; font-size:.625rem; color:rgba(255,255,255,.3); }
.browser-hero-block { height:60px; border-radius:var(--radius-md); background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(139,92,246,.1)); position:relative; }
.browser-hero-block::after {
  content:'theadam.com.tr'; position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-size:.625rem; font-weight:700; color:rgba(255,255,255,.2); letter-spacing:.05em;
}
.browser-cards { display:flex; gap:.375rem; }
.browser-card { flex:1; height:36px; border-radius:var(--radius-sm); background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.14); }
.browser-card:nth-child(2) { background:rgba(139,92,246,.08); border-color:rgba(139,92,246,.12); }
.browser-card:nth-child(3) { background:rgba(6,182,212,.07); border-color:rgba(6,182,212,.12); }
.browser-stats { display:flex; flex-direction:column; gap:.375rem; }
.browser-stat-bar { height:6px; border-radius:3px; background:rgba(255,255,255,.05); position:relative; overflow:hidden; }
.browser-stat-bar::after { content:''; position:absolute; top:0; left:0; height:100%; border-radius:inherit; background:var(--grad-brand); }
.browser-stat-bar:nth-child(1)::after { width:80%; }
.browser-stat-bar:nth-child(2)::after { width:58%; }
.browser-stat-bar:nth-child(3)::after { width:91%; }

/* Floating badges */
.floating-badge {
  position:absolute; display:flex; align-items:center; gap:.625rem;
  padding:.625rem .875rem; background:rgba(9,9,26,.95);
  border:1px solid rgba(99,102,241,.22); border-radius:var(--radius-lg);
  box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(99,102,241,.06); z-index:2;
}
/* Badge'ler sadece sağ sütunda kalsın; sol tarafa taşanlar içeriği örtmesin diye sol sınırda */
.badge-projects  { top:8%; right:-10%; left:auto; animation:float 5s ease-in-out infinite; }
.badge-rating    { bottom:28%; right:-14%; left:auto; animation:float 6.5s ease-in-out infinite 1s; }
.badge-response  { bottom:8%; left:2%; right:auto; animation:float 7s ease-in-out infinite .5s; }
.badge-seo       { top:28%; left:2%; right:auto; animation:float 5.5s ease-in-out infinite 1.5s; }
.badge-clients   { top:-8%; left:18%; right:auto; animation:float 6s ease-in-out infinite .3s; }
.badge-conversion{ top:50%; right:-15%; left:auto; animation:float 5.8s ease-in-out infinite 2s; }
.badge-ai        { bottom:14%; left:2%; right:auto; animation:float 7.5s ease-in-out infinite 1.2s; }
.badge-icon { font-size:1.25rem; }
.badge-number { display:block; font-size:.9375rem; font-weight:900; color:var(--text-primary); }
.badge-label  { display:block; font-size:.6875rem; color:rgba(255,255,255,.45); }

.hero-scroll { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); z-index:3; }
.hero-scroll-line { width:1.5px; height:52px; background:linear-gradient(var(--indigo),transparent); margin-inline:auto; animation:glowPulse 2s ease-in-out infinite; }

/* ═══════════════════════════════════════════════════════════
   9. TRUST BAR
   ═══════════════════════════════════════════════════════════ */
.trust-bar { background:var(--bg-dark-2); border-bottom:1px solid var(--border-dark); padding-block:2.25rem; }
.trust-list { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:2rem; }
.trust-item { text-align:center; position:relative; padding-inline:2rem; }
.trust-item:not(:last-child)::after {
  content:''; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:1px; height:36px; background:rgba(255,255,255,.08);
}
.trust-value {
  display:block; font-size:2.5rem; font-weight:900; letter-spacing:-.05em;
  color:#818CF8; color:var(--indigo-light);
  background:var(--grad-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  line-height:1; margin-bottom:.3rem;
}
.trust-label { display:block; font-size:.8125rem; font-weight:500; color:var(--text-secondary); }

/* ═══════════════════════════════════════════════════════════
   10. PAGE HERO (inner pages)
   ═══════════════════════════════════════════════════════════ */
.page-hero {
  position:relative; overflow:hidden;
  padding-block:9rem 6rem;
  background:
    radial-gradient(ellipse 80% 100% at 50% -10%,rgba(99,102,241,.22) 0%,transparent 65%),
    linear-gradient(180deg,#06060F 0%,#09091A 100%);
  text-align:center;
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(rgba(99,102,241,.18) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(ellipse 60% 70% at 50% 0%,black 30%,transparent 100%);
}
.page-hero-inner { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:1.25rem; }
.page-hero-badge {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.4rem 1rem; background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.25);
  border-radius:var(--radius-full); font-size:.6875rem; font-weight:700; letter-spacing:.12em;
  color:var(--indigo-light);
}
.page-hero-title {
  font-size:clamp(2rem,5vw,3.75rem); font-weight:900; letter-spacing:-.04em;
  color:var(--text-primary); line-height:1.1;
}
.page-hero-subtitle { font-size:1.0625rem; color:var(--text-secondary); max-width:52ch; line-height:1.75; }

/* ═══════════════════════════════════════════════════════════
   11. FOUNDER BLOCK
   ═══════════════════════════════════════════════════════════ */
.founder-block { background:#ffffff; padding-block:var(--section-gap); }
.founder-inner { display:grid; grid-template-columns:260px 1fr; gap:4.5rem; align-items:start; }
.founder-image-col { display:flex; flex-direction:column; align-items:center; gap:1rem; position:sticky; top:90px; }
.founder-avatar-wrap { position:relative; display:inline-flex; }
.founder-avatar { width:120px; height:120px; border-radius:50%; background:var(--grad-brand); display:flex; align-items:center; justify-content:center; font-size:2rem; font-weight:900; color:#fff; box-shadow:0 12px 48px rgba(99,102,241,.4); }
.founder-online-dot { position:absolute; bottom:6px; right:6px; width:16px; height:16px; border-radius:50%; background:#22c55e; border:2.5px solid #fff; animation:pulseDot 2s ease infinite; }
.founder-sig { text-align:center; }
.founder-sig-name { display:block; font-size:1rem; font-weight:800; color:#0F0A2E; }
.founder-sig-role { display:block; font-size:.8125rem; color:#6B7280; margin-top:.1rem; }
.founder-sig-meta { display:flex; justify-content:center; }
.founder-sig-badge { display:inline-flex; align-items:center; gap:.375rem; padding:.3rem .75rem; background:rgba(99,102,241,.08); border:1px solid rgba(99,102,241,.2); border-radius:var(--radius-full); font-size:.75rem; font-weight:700; color:var(--indigo-dark); }
.founder-content-col { display:flex; flex-direction:column; gap:1.375rem; }
.founder-title { font-size:clamp(1.875rem,3.5vw,2.75rem); font-weight:900; letter-spacing:-.04em; color:#0F0A2E; line-height:1.1; }
.founder-text { font-size:1.0625rem; color:#4B5563; line-height:1.75; max-width:58ch; }
.founder-creds { display:flex; flex-direction:column; gap:.75rem; }
.founder-cred-item { display:flex; align-items:flex-start; gap:.75rem; font-size:.9375rem; color:#4B5563; line-height:1.55; }
.founder-cred-icon { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:var(--radius-md); background:rgba(99,102,241,.1); color:var(--indigo-dark); flex-shrink:0; font-size:.875rem; margin-top:.1rem; }
.founder-quote { padding:1.125rem 1.375rem; border-left:3px solid var(--indigo); background:rgba(99,102,241,.04); border-radius:0 var(--radius-lg) var(--radius-lg) 0; font-size:1rem; font-style:italic; color:#0F0A2E; max-width:58ch; }
.founder-cta { display:inline-flex; align-items:center; gap:.375rem; font-size:.9375rem; font-weight:700; color:var(--indigo-dark); transition:gap var(--t-fast),opacity var(--t-fast); }
.founder-cta:hover { gap:.625rem; opacity:.8; }

/* ═══════════════════════════════════════════════════════════
   12. SEO SPOTLIGHT
   ═══════════════════════════════════════════════════════════ */
.seo-spotlight { position:relative; background:var(--bg-dark-3); padding-block:var(--section-gap); overflow:hidden; }
.seo-spotlight::before { content:''; position:absolute; top:-250px; left:-200px; width:700px; height:700px; border-radius:50%; background:radial-gradient(ellipse,rgba(99,102,241,.12) 0%,transparent 70%); pointer-events:none; }
.seo-spotlight::after  { content:''; position:absolute; bottom:-150px; right:-100px; width:500px; height:500px; border-radius:50%; background:radial-gradient(ellipse,rgba(139,92,246,.08) 0%,transparent 70%); pointer-events:none; }
.seo-spotlight-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; position:relative; z-index:1; }
.seo-spotlight-content { display:flex; flex-direction:column; gap:1.375rem; }
.seo-spotlight-title { font-size:clamp(2rem,4vw,3.25rem); font-weight:900; letter-spacing:-.04em; line-height:1.1; color:var(--text-primary); }
.seo-spotlight-text { font-size:1.0625rem; color:var(--text-secondary); line-height:1.7; }
.seo-features { display:flex; flex-direction:column; gap:.625rem; }
.seo-feature-item { display:flex; align-items:center; gap:.625rem; font-size:.9375rem; color:var(--text-secondary); }
.seo-check { display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:rgba(99,102,241,.15); border:1px solid rgba(99,102,241,.35); font-size:.6875rem; font-weight:800; color:var(--indigo-light); flex-shrink:0; }
.seo-spotlight-actions { display:flex; flex-wrap:wrap; gap:.875rem; }
.seo-dashboard { position:relative; display:flex; flex-direction:column; gap:.875rem; }
.seo-floating-stat { position:absolute; top:-16px; right:-16px; display:flex; align-items:center; gap:.625rem; padding:.625rem .875rem; background:rgba(9,9,26,.96); border:1px solid rgba(99,102,241,.25); border-radius:var(--radius-lg); box-shadow:0 8px 40px rgba(0,0,0,.5),0 0 20px rgba(99,102,241,.1); z-index:2; animation:float 5.5s ease-in-out infinite; }
.seo-float-icon { width:32px; height:32px; border-radius:var(--radius-md); background:var(--grad-brand); display:flex; align-items:center; justify-content:center; color:#fff; font-size:.875rem; }
.seo-float-num { display:block; font-size:1.0625rem; font-weight:900; color:var(--text-primary); }
.seo-float-label { display:block; font-size:.6875rem; color:rgba(255,255,255,.4); }
.seo-dash-card { background:rgba(12,12,34,.85); border:1px solid rgba(99,102,241,.18); border-radius:var(--radius-xl); padding:1.375rem; box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.06); }
.seo-dash-header { display:flex; align-items:center; gap:.5rem; font-size:.8125rem; color:var(--text-secondary); margin-bottom:.875rem; }
.seo-dash-dot { width:8px; height:8px; border-radius:50%; }
.seo-dash-dot.green { background:#22c55e; box-shadow:0 0 8px rgba(34,197,94,.6); }
.seo-dash-chart { margin-bottom:.75rem; }
.seo-chart-bars { display:flex; align-items:flex-end; gap:4px; height:80px; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,.07); }
.seo-bar { flex:1; border-radius:3px 3px 0 0; background:rgba(99,102,241,.2); animation:barGrow .8s ease both; }
.seo-bar.active { background:var(--grad-brand); box-shadow:0 0 16px rgba(99,102,241,.4); }
.seo-dash-stat { display:flex; align-items:center; gap:.5rem; }
.seo-stat-up { font-size:.9375rem; font-weight:900; color:#34D399; }
.seo-stat-label { font-size:.8125rem; color:var(--text-secondary); }
.seo-rank-card { background:rgba(12,12,34,.85); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-xl); padding:1.125rem; }
.seo-rank-title { font-size:.6875rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:.625rem; }
.seo-rank-list { display:flex; flex-direction:column; gap:.375rem; }
.seo-rank-item { display:flex; align-items:center; justify-content:space-between; padding:.375rem .625rem; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-sm); }
.seo-rank-kw { font-size:.8125rem; color:var(--text-secondary); }
.seo-rank-pos { font-size:.8125rem; font-weight:900; padding:.2rem .5rem; border-radius:var(--radius-full); }
.pos-1 { background:rgba(251,191,36,.12); color:#fbbf24; }
.pos-2 { background:rgba(99,102,241,.15); color:var(--indigo-light); }
.pos-3 { background:rgba(6,182,212,.1); color:var(--cyan-light); }

/* ═══════════════════════════════════════════════════════════
   13. SEO RESULTS STRIP
   ═══════════════════════════════════════════════════════════ */
.seo-results-strip { background:#09091A; background:var(--bg-dark-2); border-top:1px solid rgba(255,255,255,.09); border-top:1px solid var(--border-dark); border-bottom:1px solid rgba(255,255,255,.09); border-bottom:1px solid var(--border-dark); padding-block:1.75rem; }
.seo-results-list { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:1.5rem 3.5rem; }
.seo-result-item { text-align:center; }
.seo-result-num { display:block; font-size:1.875rem; font-weight:900; letter-spacing:-.04em; color:#818CF8; color:var(--indigo-light); background:var(--grad-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; margin-bottom:.2rem; }
.seo-result-label { font-size:.8125rem; color:rgba(248,250,252,.68); color:var(--text-secondary); }

/* ═══════════════════════════════════════════════════════════
   14. TECH MARQUEE
   ═══════════════════════════════════════════════════════════ */
.tech-authority-strip { background:#06060F; background:var(--bg-dark); border-bottom:1px solid rgba(255,255,255,.09); border-bottom:1px solid var(--border-dark); padding-block:1.75rem 0; overflow:hidden; }
.tech-strip-label { text-align:center; font-size:.6875rem; font-weight:700; letter-spacing:.1em; color:rgba(255,255,255,.4); text-transform:uppercase; margin-bottom:1.125rem; }
.tech-marquee-outer { overflow:hidden; padding-bottom:1.75rem; }
.tech-marquee-track { display:flex; align-items:center; gap:0; width:max-content; animation:marquee 30s linear infinite; }
.tech-marquee-track:hover { animation-play-state:paused; }
.tech-pill { display:inline-flex; align-items:center; gap:.375rem; padding:.375rem 1.125rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-radius:var(--radius-full); font-size:.8125rem; font-weight:600; color:rgba(255,255,255,.45); white-space:nowrap; margin-right:.75rem; transition:all var(--t-fast); }
.tech-pill:hover { background:rgba(99,102,241,.1); border-color:rgba(99,102,241,.25); color:var(--indigo-light); }
.tech-sep { display:inline-block; width:1rem; }

/* ═══════════════════════════════════════════════════════════
   15. SERVICES PREVIEW (homepage)
   ═══════════════════════════════════════════════════════════ */
.services-preview { background:#FAFAFA; padding-block:var(--section-gap); }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.service-card {
  display:flex; flex-direction:column; gap:.9375rem;
  padding:1.75rem; background:#ffffff;
  border:1px solid rgba(0,0,0,.07); border-radius:var(--radius-xl);
  box-shadow:0 2px 16px rgba(99,102,241,.04);
  transition:all var(--t-base); position:relative; overflow:hidden; text-decoration:none;
}
.service-card:hover { border-color:rgba(99,102,241,.25); box-shadow:0 16px 56px rgba(99,102,241,.12); transform:translateY(-3px); }
.service-badge { position:absolute; top:.9375rem; right:.9375rem; padding:.2rem .55rem; border-radius:var(--radius-full); font-size:.6rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.badge-popular { background:rgba(99,102,241,.1); color:#4F46E5; border:1px solid rgba(99,102,241,.22); }
.badge-hot { background:rgba(249,115,22,.08); color:#ea580c; border:1px solid rgba(249,115,22,.2); }
.service-icon-wrap { display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:var(--radius-lg); background:rgba(99,102,241,.09); color:var(--indigo-dark); transition:background var(--t-base); }
.service-card:hover .service-icon-wrap { background:rgba(99,102,241,.16); }
.icon-web     { background:rgba(99,102,241,.1);  color:var(--indigo-dark); }
.icon-mobile  { background:rgba(6,182,212,.1);   color:var(--blue-dark); }
.icon-design  { background:rgba(139,92,246,.1);  color:#6D28D9; }
.icon-growth  { background:rgba(249,115,22,.09); color:#C2410C; }
.icon-support { background:rgba(16,185,129,.1);  color:#047857; }
.icon-api     { background:rgba(251,191,36,.09); color:#B45309; }
.service-title { font-size:1.0625rem; font-weight:800; color:#0F0A2E; letter-spacing:-.02em; }
.service-desc  { font-size:.875rem; color:#6B7280; line-height:1.65; flex:1; }
.service-arrow { font-size:.8125rem; font-weight:700; color:var(--indigo-dark); display:flex; align-items:center; gap:.25rem; transition:gap var(--t-fast); }
.service-card:hover .service-arrow { gap:.5rem; }
.dark-section-cta { display:flex; align-items:center; justify-content:center; gap:1.75rem; margin-top:3.5rem; flex-wrap:wrap; }
.dark-section-link { font-size:.9375rem; font-weight:700; color:#6B7280; transition:color var(--t-fast); }
.dark-section-link:hover { color:#0F0A2E; }

/* ═══════════════════════════════════════════════════════════
   16. WHY SECTION
   ═══════════════════════════════════════════════════════════ */
.why-section { background:#F4F4FF; padding-block:var(--section-gap); }
.why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; }
.why-card { padding:1.875rem; background:#ffffff; border:1px solid rgba(99,102,241,.1); border-radius:var(--radius-xl); box-shadow:0 2px 12px rgba(99,102,241,.05); transition:all var(--t-base); }
.why-card:hover { border-color:rgba(99,102,241,.28); box-shadow:0 12px 40px rgba(99,102,241,.12); transform:translateY(-2px); }
.why-number { display:block; font-size:2.5rem; font-weight:900; letter-spacing:-.05em; background:var(--grad-brand); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:.875rem; line-height:1; }
.why-title { font-size:1rem; font-weight:800; color:#0F0A2E; margin-bottom:.5rem; letter-spacing:-.02em; }
.why-text  { font-size:.875rem; color:#6B7280; line-height:1.7; }

/* ═══════════════════════════════════════════════════════════
   17. LIVE TRUST BAR
   ═══════════════════════════════════════════════════════════ */
.live-trust-bar { background:var(--bg-dark-2); border-top:1px solid var(--border-dark); border-bottom:1px solid var(--border-dark); padding-block:1rem; }
.live-trust-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.625rem 1.75rem; }
.live-trust-item { display:flex; align-items:center; gap:.5rem; }
.live-pulse-dot { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 0 rgba(34,197,94,.4); animation:pulseDot 1.8s ease infinite; flex-shrink:0; }
.live-trust-text { font-size:.875rem; color:var(--text-secondary); }
.live-trust-text strong { color:var(--text-primary); }
.live-trust-divider { color:rgba(255,255,255,.15); }

/* ═══════════════════════════════════════════════════════════
   18. TESTIMONIALS
   ═══════════════════════════════════════════════════════════ */
.testimonials-section {
  background: linear-gradient(180deg, var(--bg-dark-3) 0%, rgba(15,15,35,.97) 100%);
  padding-block: var(--section-gap);
}
.testimonials-header { text-align: center; margin-bottom: 2.5rem; }
.testimonials-eyebrow { justify-content: center; color: rgba(255,255,255,.5); }
.testimonials-eyebrow::before, .testimonials-eyebrow::after { background: rgba(255,255,255,.35); }
.testimonials-title { color: #fff; margin-bottom: .75rem; }
.testimonials-subtitle {
  font-size: 1rem;
  color: rgba(255,255,255,.7);
  max-width: 42ch;
  margin-inline: auto;
  line-height: 1.65;
}

.testimonials-carousel {
  display: flex;
  align-items: stretch;
  gap: .5rem;
  margin-inline: calc(-1 * var(--container-px, 1rem));
}
.testimonials-nav {
  flex-shrink: 0;
  width: 44px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.8);
  border-radius: var(--radius-lg);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  transition: background .2s, border-color .2s, color .2s;
}
.testimonials-nav:hover { background: rgba(99,102,241,.15); border-color: rgba(99,102,241,.35); color: #fff; }
.testimonials-nav:focus { outline: 2px solid rgba(99,102,241,.5); outline-offset: 2px; }

.testimonials-scroll-wrap {
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline: var(--container-px, 1rem);
  padding-block: .75rem 1rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(99,102,241,.5) rgba(255,255,255,.08);
}
.testimonials-scroll-wrap::-webkit-scrollbar { height: 6px; }
.testimonials-scroll-wrap::-webkit-scrollbar-track { background: rgba(255,255,255,.06); border-radius: 3px; }
.testimonials-scroll-wrap::-webkit-scrollbar-thumb { background: rgba(99,102,241,.45); border-radius: 3px; }
.testimonials-scroll-wrap:focus { outline: 2px solid rgba(99,102,241,.5); outline-offset: 2px; }

.testimonials-track { display: flex; flex-wrap: nowrap; gap: 1.25rem; list-style: none; margin: 0; padding: 0; min-width: min-content; }
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; list-style: none; margin: 0; padding: 0; }
.testimonials-grid.testimonials-track { display: flex; grid-template-columns: unset; }

.testimonial-card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.875rem;
  min-width: min(300px, 82vw);
  max-width: 360px;
  flex-shrink: 0;
  background: rgba(18,18,42,.85);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-xl);
  box-shadow: 0 8px 32px rgba(0,0,0,.35);
  transition: all var(--t-base);
  backdrop-filter: blur(14px);
}
.testimonial-card:hover {
  border-color: rgba(99,102,241,.35);
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(0,0,0,.4), 0 0 40px rgba(99,102,241,.1);
}
.testimonial-card--featured {
  border-color: rgba(99,102,241,.4) !important;
  background: rgba(99,102,241,.08) !important;
  box-shadow: 0 0 0 1px rgba(99,102,241,.2), 0 12px 40px rgba(99,102,241,.15) !important;
}
.testimonial-card--featured:hover { box-shadow: 0 0 0 1px rgba(99,102,241,.25), 0 20px 50px rgba(99,102,241,.2) !important; }

.testimonial-stars { color: #fbbf24; font-size: 1.05rem; letter-spacing: .12em; }
.testimonial-text {
  font-size: .9375rem;
  color: rgba(255,255,255,.82);
  line-height: 1.72;
  flex: 1;
  font-style: italic;
}
.testimonial-author { display: flex; align-items: center; gap: 1rem; }
.testimonial-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  font-weight: 800;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: .02em;
}
.testimonial-card:nth-child(3n+1) .testimonial-avatar { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); }
.testimonial-card:nth-child(3n+2) .testimonial-avatar { background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%); }
.testimonial-card:nth-child(3n+3) .testimonial-avatar { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%); }
.testimonial-meta { min-width: 0; }
.testimonial-name { display: block; font-size: .9375rem; font-weight: 800; color: #fff; }
.testimonial-role { display: block; font-size: .8125rem; color: rgba(255,255,255,.55); margin-top: .15rem; }

.testimonials-scroll-progress {
  margin-top: 1.25rem;
  height: 4px;
  background: rgba(255,255,255,.1);
  border-radius: 2px;
  overflow: hidden;
}
.testimonials-scroll-progress-bar {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--indigo), #8b5cf6);
  border-radius: 2px;
  transition: width .15s ease;
}

@media (max-width: 768px) {
  .testimonials-nav { display: none; }
  .testimonials-carousel { margin-inline: 0; }
  .testimonials-scroll-wrap { padding-inline: 0; }
}

/* ═══════════════════════════════════════════════════════════
   19. PROCESS V2
   ═══════════════════════════════════════════════════════════ */
.section-process-v2 { background:#FAFAFA; padding-block:var(--section-gap); }
.process-battle-label { display:inline-flex; align-items:center; gap:.375rem; padding:.375rem .9375rem; background:rgba(99,102,241,.07); border:1px solid rgba(99,102,241,.2); border-radius:var(--radius-full); font-size:.75rem; font-weight:700; color:var(--indigo-dark); letter-spacing:.06em; margin-bottom:.875rem; }
.process-grid-v2 { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-top:2.5rem; }
.process-card-v2 { display:flex; flex-direction:column; gap:.9375rem; padding:1.625rem; background:#ffffff; border:1px solid rgba(0,0,0,.07); border-radius:var(--radius-xl); box-shadow:0 2px 16px rgba(0,0,0,.05); position:relative; transition:all var(--t-base); }
.process-card-v2:hover { box-shadow:0 12px 40px rgba(99,102,241,.1); transform:translateY(-2px); }
.pcv2-connector { display:none; }
.pcv2-top { display:flex; align-items:center; justify-content:space-between; }
.pcv2-badge { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--step-color,var(--indigo)); color:#fff; font-size:.8125rem; font-weight:900; }
.pcv2-tag { font-size:.6875rem; font-weight:700; color:rgba(0,0,0,.3); background:rgba(0,0,0,.05); padding:.2rem .5rem; border-radius:var(--radius-full); }
.pcv2-icon-wrap { width:50px; height:50px; border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:center; font-size:1.25rem; }
.pcv2-title { font-size:1rem; font-weight:800; color:#0F0A2E; letter-spacing:-.02em; }
.pcv2-text  { font-size:.875rem; color:#6B7280; line-height:1.7; }

/* ═══════════════════════════════════════════════════════════
   20. PORTFOLIO
   ═══════════════════════════════════════════════════════════ */
.portfolio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.portfolio-grid--big { grid-template-columns:2fr 1fr 1fr; }
.portfolio-card { position:relative; border-radius:var(--radius-xl); overflow:hidden; min-height:240px; display:flex; align-items:flex-end; border:1px solid rgba(255,255,255,.07); transition:all var(--t-base); text-decoration:none; }
.portfolio-card:hover { transform:translateY(-3px); box-shadow:0 20px 60px rgba(0,0,0,.5); }
.pc-ecom   { background:linear-gradient(135deg,#0B0B2E 0%,#1A1040 100%); }
.pc-seo    { background:linear-gradient(135deg,#0A0F2E 0%,#0C1A40 100%); }
.pc-mobile { background:linear-gradient(135deg,#0B0B2E 0%,#1A0B40 100%); }
.portfolio-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:4rem; color:rgba(255,255,255,.06); }
.portfolio-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%); transition:background var(--t-base); }
.portfolio-card:hover .portfolio-overlay { background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 100%); }
.portfolio-card-inner { position:relative; z-index:1; padding:1.375rem; width:100%; }
.portfolio-info { display:flex; flex-direction:column; gap:.25rem; }
.portfolio-tag { display:inline-block; padding:.2rem .625rem; background:rgba(99,102,241,.2); border:1px solid rgba(99,102,241,.3); border-radius:var(--radius-full); font-size:.6875rem; font-weight:800; color:var(--indigo-light); letter-spacing:.06em; align-self:flex-start; margin-bottom:.375rem; }
.portfolio-label { font-size:1rem; font-weight:800; color:var(--text-primary); }
.portfolio-result { font-size:.875rem; font-weight:700; color:#34D399; }

/* ═══════════════════════════════════════════════════════════
   21. AI SECTION
   ═══════════════════════════════════════════════════════════ */
.ai-section { background:#FAFAFA; padding-block:var(--section-gap); }
.ai-section.section-dark { background:var(--bg-dark-2); }
.section-dark .ai-node--human  { background:rgba(255,255,255,.06); border-color:rgba(99,102,241,.25); }
.section-dark .ai-node--ai     { background:rgba(255,255,255,.06); border-color:rgba(139,92,246,.25); }
.section-dark .ai-node--output { background:rgba(255,255,255,.06); border-color:rgba(249,115,22,.25); }
.section-dark .ai-node-title { color:var(--text-primary); }
.section-dark .ai-node-desc  { color:var(--text-secondary); }
.section-dark .ai-node--human  .ai-node-icon { background:rgba(99,102,241,.2);  color:var(--indigo-light); }
.section-dark .ai-node--ai     .ai-node-icon { background:rgba(139,92,246,.2);  color:#A78BFA; }
.section-dark .ai-node--output .ai-node-icon { background:rgba(249,115,22,.2);  color:#FDBA74; }
.section-dark .ai-connector-label { color:rgba(255,255,255,.7); }
.section-dark .ai-connector-line { background:linear-gradient(90deg,rgba(99,102,241,.4),rgba(139,92,246,.5)); }
.section-dark .ai-connector-line::after { border-left-color:rgba(139,92,246,.7); }
.section-dark .ai-feature-item { color:var(--text-secondary); }
.section-dark .ai-check { background:rgba(99,102,241,.2); color:var(--indigo-light); }
.ai-diagram { display:flex; align-items:center; justify-content:center; gap:1rem; margin:2.5rem 0; flex-wrap:wrap; }
.ai-node { display:flex; flex-direction:column; align-items:center; gap:.5rem; padding:1.625rem; border-radius:var(--radius-xl); min-width:165px; text-align:center; border:1px solid; transition:all var(--t-base); }
.ai-node--human  { background:rgba(99,102,241,.05); border-color:rgba(99,102,241,.2); }
.ai-node--ai     { background:rgba(139,92,246,.05); border-color:rgba(139,92,246,.2); }
.ai-node--output { background:rgba(249,115,22,.04); border-color:rgba(249,115,22,.18); }
.ai-node-icon { width:50px; height:50px; border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:center; font-size:1.375rem; }
.ai-node--human  .ai-node-icon { background:rgba(99,102,241,.1);  color:var(--indigo-dark); }
.ai-node--ai     .ai-node-icon { background:rgba(139,92,246,.1);  color:#6D28D9; }
.ai-node--output .ai-node-icon { background:rgba(249,115,22,.1);  color:#C2410C; }
.ai-node-title { font-size:.9375rem; font-weight:800; color:#0F0A2E; }
.ai-node-desc  { font-size:.8125rem; color:#6B7280; }
.ai-connector { display:flex; flex-direction:column; align-items:center; gap:.25rem; }
.ai-connector-line { width:52px; height:2px; background:linear-gradient(90deg,rgba(99,102,241,.3),rgba(139,92,246,.6)); border-radius:2px; position:relative; }
.ai-connector-line::after { content:''; position:absolute; right:-4px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:5px solid rgba(139,92,246,.6); border-top:4px solid transparent; border-bottom:4px solid transparent; }
.ai-connector-label { font-size:.6875rem; font-weight:700; color:var(--indigo-dark); white-space:nowrap; }
.ai-features { display:grid; grid-template-columns:1fr 1fr; gap:.875rem; max-width:640px; margin-inline:auto; }
.ai-feature-item { display:flex; align-items:flex-start; gap:.625rem; font-size:.9375rem; color:#6B7280; line-height:1.6; }
.ai-check { display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:rgba(99,102,241,.1); color:var(--indigo-dark); flex-shrink:0; font-size:.75rem; margin-top:.1rem; }

/* ═══════════════════════════════════════════════════════════
   22. FAQ / TRANSPARENCY
   ═══════════════════════════════════════════════════════════ */
.transparency-section { background:#ffffff; padding-block:var(--section-gap); }
.transparency-inner { display:grid; grid-template-columns:340px 1fr; gap:5rem; align-items:start; }
.faq-list { display:flex; flex-direction:column; }
.faq-item { border-bottom:1px solid rgba(0,0,0,.07); }
.faq-item:first-child { border-top:1px solid rgba(0,0,0,.07); }
.faq-question { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem 0; font-size:1rem; font-weight:700; color:#0F0A2E; cursor:pointer; list-style:none; transition:color var(--t-fast); }
.faq-question::-webkit-details-marker { display:none; }
.faq-question:hover { color:var(--indigo-dark); }
.faq-arrow { flex-shrink:0; transition:transform var(--t-base); color:rgba(0,0,0,.3); }
details[open] .faq-arrow { transform:rotate(180deg); color:var(--indigo-dark); }
.faq-answer { padding-bottom:1.25rem; animation:slideDown .25s ease; }
.faq-answer p { font-size:.9375rem; color:#6B7280; line-height:1.75; }

/* ═══════════════════════════════════════════════════════════
   23. CTA STRIP
   ═══════════════════════════════════════════════════════════ */
.cta-strip { background:var(--bg-dark-3); padding-block:var(--section-gap); position:relative; overflow:hidden; }
.cta-strip::before { content:''; position:absolute; top:-250px; left:50%; transform:translateX(-50%); width:900px; height:600px; background:radial-gradient(ellipse 80% 80% at 50% 0%,rgba(99,102,241,.18) 0%,transparent 60%); pointer-events:none; }
.cta-strip::after { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(99,102,241,.1) 1px,transparent 1px); background-size:40px 40px; mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 80%); pointer-events:none; }
.cta-strip-inner { display:flex; flex-direction:column; align-items:center; text-align:center; gap:1.5rem; position:relative; z-index:1; }
.cta-strip-title { font-size:clamp(2.25rem,5.5vw,4rem); font-weight:900; letter-spacing:-.05em; color:var(--text-primary); line-height:1.08; }
.cta-strip-subtitle { font-size:1.0625rem; color:var(--text-secondary); max-width:50ch; }
.cta-strip-actions { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
.cta-trust-micro { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.25rem; justify-content:center; font-size:.8125rem; color:var(--text-muted); }
.cta-trust-micro i { color:var(--indigo-light); }
.cta-trust-micro > span { display:flex; align-items:center; gap:.375rem; }
.cta-micro-sep { color:rgba(255,255,255,.15); }
.cta-strip-note { font-size:.8125rem; color:var(--text-muted); margin-inline:auto; }

/* ═══════════════════════════════════════════════════════════
   24. HIZMETLER PAGE SPECIFIC
   ═══════════════════════════════════════════════════════════ */
.svc-hero-stats {
  display:flex; align-items:center; flex-wrap:wrap; gap:.5rem;
  margin-top:1.5rem; justify-content:center;
}
.svc-hero-stat { text-align:center; padding:.75rem 1.5rem; }
.svc-hero-stat strong { display:block; font-size:1.5rem; font-weight:900; color:var(--text-primary); letter-spacing:-.03em; }
.svc-hero-stat span { display:block; font-size:.8125rem; color:var(--text-secondary); margin-top:.1rem; }
.svc-hero-stat-sep { width:1px; height:40px; background:rgba(255,255,255,.12); }

.svc-main-wrap { background:var(--bg-dark); padding-block:var(--section-gap); }

.svc-filter-bar {
  display:flex; flex-wrap:wrap; gap:.625rem;
  padding:1.25rem; margin-bottom:2.5rem;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-xl);
}
.svc-tab, .tab-btn {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem 1.125rem;
  background:transparent; border:1.5px solid rgba(255,255,255,.09);
  border-radius:var(--radius-full); font-size:.875rem; font-weight:600;
  color:rgba(248,250,252,.6); cursor:pointer; transition:all var(--t-base);
  white-space:nowrap;
}
.svc-tab:hover,.tab-btn:hover { background:rgba(99,102,241,.08); border-color:rgba(99,102,241,.3); color:var(--text-primary); }
.svc-tab.active,.tab-btn.active {
  background:var(--grad-brand); border-color:transparent; color:#fff;
  box-shadow:0 4px 20px rgba(99,102,241,.35);
}
.svc-tab-count {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:20px; height:20px; padding:.1rem .375rem;
  background:rgba(255,255,255,.1); border-radius:var(--radius-full);
  font-size:.6875rem; font-weight:800;
}
.svc-tab.active .svc-tab-count { background:rgba(255,255,255,.25); }

.svc-panel,.tab-pane { display:none; }
.svc-panel.active,.tab-pane.active { display:block; }

.svc-group { margin-bottom:3.5rem; }
.svc-group-header {
  display:flex; align-items:center; gap:1rem;
  padding:1.25rem 1.5rem; border-radius:var(--radius-xl);
  margin-bottom:1.5rem;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
}
.svc-group-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:var(--radius-lg); flex-shrink:0; }
.svc-cat-purple .svc-group-icon { background:rgba(99,102,241,.15); color:var(--indigo-light); }
.svc-cat-blue   .svc-group-icon { background:rgba(6,182,212,.15); color:var(--cyan-light); }
.svc-cat-green  .svc-group-icon { background:rgba(16,185,129,.15); color:#34D399; }
.svc-group-title { font-size:1.125rem; font-weight:800; color:var(--text-primary); letter-spacing:-.02em; }
.svc-group-desc  { font-size:.875rem; color:var(--text-secondary); }
.svc-group-count { margin-left:auto; padding:.3rem .75rem; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-full); font-size:.75rem; font-weight:700; color:rgba(255,255,255,.5); white-space:nowrap; }

.svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.svc-card {
  display:flex; flex-direction:column; gap:.875rem;
  padding:1.625rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-xl); transition:all var(--t-base);
  text-decoration:none; cursor:pointer;
}
.svc-card:hover { background:rgba(99,102,241,.07); border-color:rgba(99,102,241,.25); transform:translateY(-2px); box-shadow:0 12px 40px rgba(99,102,241,.12); }
.svc-card-top { display:flex; align-items:center; justify-content:space-between; }
.svc-card-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:var(--radius-lg); }
.svc-icon-purple { background:rgba(99,102,241,.15); color:var(--indigo-light); }
.svc-icon-blue   { background:rgba(6,182,212,.15);  color:var(--cyan-light); }
.svc-icon-green  { background:rgba(16,185,129,.15); color:#34D399; }
.svc-card-tag { font-size:.6875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.35); }
.svc-card-title { font-size:1rem; font-weight:800; color:var(--text-primary); letter-spacing:-.02em; }
.svc-card-desc  { font-size:.875rem; color:var(--text-secondary); line-height:1.65; flex:1; }
.svc-card-features { display:flex; flex-direction:column; gap:.3rem; margin-top:auto; }
.svc-card-features li { font-size:.8125rem; color:rgba(248,250,252,.5); padding-left:1rem; position:relative; }
.svc-card-features li::before { content:'·'; position:absolute; left:0; color:var(--indigo-light); }
.svc-card-cta { display:flex; align-items:center; gap:.375rem; font-size:.875rem; font-weight:700; color:var(--indigo-light); margin-top:.5rem; transition:gap var(--t-fast); }
.svc-card:hover .svc-card-cta { gap:.625rem; }

/* ── Process / How We Work ──────────────────────────────── */
.gradient-text-dark {
  background:var(--grad-text);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}

.svc-process {
  background:var(--bg-light-2);
  padding-block:var(--section-gap);
  position:relative;
}
.svc-process::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(rgba(99,102,241,.06) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,black 30%,transparent 100%);
  pointer-events:none;
}

.svc-steps {
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;
  list-style:none; padding:0; margin:0; position:relative; z-index:1;
}
/* Connecting line between steps */
.svc-steps::before {
  content:''; position:absolute;
  top:42px; left:calc(12.5% + 26px); right:calc(12.5% + 26px);
  height:2px;
  background:linear-gradient(90deg,rgba(99,102,241,.3) 0%,rgba(139,92,246,.3) 50%,rgba(6,182,212,.3) 100%);
  z-index:0;
}

.svc-step {
  display:flex; flex-direction:column; align-items:flex-start; gap:.875rem;
  padding:1.75rem 1.5rem;
  background:#ffffff;
  border:1px solid rgba(99,102,241,.1);
  border-radius:var(--radius-xl);
  box-shadow:0 4px 24px rgba(99,102,241,.06), 0 1px 3px rgba(0,0,0,.04);
  position:relative; z-index:1;
  transition:all var(--t-base);
}
.svc-step:hover {
  border-color:rgba(99,102,241,.25);
  box-shadow:0 16px 48px rgba(99,102,241,.12), 0 4px 12px rgba(0,0,0,.06);
  transform:translateY(-3px);
}

.svc-step-num {
  font-size:2.75rem; font-weight:900; letter-spacing:-.06em; line-height:1;
  background:var(--grad-text);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  opacity:.22; position:absolute; top:1.125rem; right:1.25rem;
}

.svc-step-icon {
  display:flex; align-items:center; justify-content:center;
  width:52px; height:52px; flex-shrink:0;
  background:rgba(99,102,241,.1);
  border:1px solid rgba(99,102,241,.2);
  border-radius:var(--radius-lg);
  color:var(--indigo-light);
}

.svc-step-title {
  font-size:.9375rem; font-weight:800;
  color:var(--text-dark); letter-spacing:-.02em; line-height:1.3;
}
.svc-step-desc {
  font-size:.8375rem; color:var(--text-dark-muted); line-height:1.7;
}

/* ═══════════════════════════════════════════════════════════
   25. ABOUT PAGE
   ═══════════════════════════════════════════════════════════ */
.about-story { display:grid; grid-template-columns:1fr 380px; gap:4rem; align-items:start; }
.about-story-content { display:flex; flex-direction:column; gap:1.25rem; }
.about-story-visual {
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-2xl); padding:2rem; position:sticky; top:90px;
}
.about-stats-mini { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.about-stat { padding:1.25rem; background:rgba(99,102,241,.06); border:1px solid rgba(99,102,241,.14); border-radius:var(--radius-lg); text-align:center; }
.about-stat-value { display:block; font-size:2rem; font-weight:900; letter-spacing:-.04em; background:var(--grad-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1; margin-bottom:.25rem; }
.about-stat-label { display:block; font-size:.8125rem; color:var(--text-secondary); }

.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.value-card { padding:1.625rem; background:#ffffff; border:1px solid rgba(99,102,241,.1); border-radius:var(--radius-xl); box-shadow:0 2px 12px rgba(99,102,241,.05); transition:all var(--t-base); }
.value-card:hover { border-color:rgba(99,102,241,.25); box-shadow:0 12px 40px rgba(99,102,241,.1); transform:translateY(-2px); }
.value-icon { font-size:2rem; margin-bottom:.875rem; }
.value-title { font-size:1rem; font-weight:800; color:#0F0A2E; margin-bottom:.5rem; letter-spacing:-.02em; }
.value-text  { font-size:.875rem; color:#6B7280; line-height:1.7; }

/* ═══════════════════════════════════════════════════════════
   26. SERVICE DETAIL PAGE
   ═══════════════════════════════════════════════════════════ */
.service-detail-content { display:grid; grid-template-columns:1fr 320px; gap:3rem; align-items:start; }
.service-features { display:flex; flex-direction:column; gap:.625rem; margin-top:1rem; }
.service-features li { display:flex; align-items:flex-start; gap:.625rem; padding:.75rem 1rem; font-size:.9375rem; color:var(--text-secondary); border-bottom:1px solid rgba(255,255,255,.06); line-height:1.6; }
.service-features li::before { content:'✓'; color:var(--indigo-light); font-weight:900; flex-shrink:0; }
.service-sidebar { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-2xl); padding:1.75rem; position:sticky; top:90px; }
.service-sidebar-title { font-size:1.125rem; font-weight:800; color:var(--text-primary); margin-bottom:.75rem; }
.service-sidebar-item  { font-size:.875rem; color:var(--text-secondary); padding:.5rem 0; border-bottom:1px solid rgba(255,255,255,.06); display:flex; align-items:center; gap:.5rem; }
.service-sidebar-item::before { content:'→'; color:var(--indigo-light); }

/* ═══════════════════════════════════════════════════════════
   27. CONTACT PAGE — İletişim
   ═══════════════════════════════════════════════════════════ */

/* Layout */
.contact-split {
  display:grid;
  grid-template-columns:1fr 380px;
  gap:4rem;
  align-items:start;
}

/* Form wrapper card */
.contact-form-wrap {
  background:rgba(12,12,34,.85);
  border:1px solid rgba(99,102,241,.2);
  border-radius:var(--radius-2xl);
  padding:2.5rem;
  box-shadow:0 8px 48px rgba(0,0,0,.4), 0 0 0 1px rgba(99,102,241,.06);
}
.contact-form-wrap h2 { color:var(--text-primary); margin-bottom:1.75rem; }

/* Form elements */
.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
  margin-bottom:0;
}
.form-group {
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin-bottom:1.25rem;
}
.form-label {
  display:block;
  font-size:.875rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--text-primary);
}
.form-input,
.form-select,
.form-textarea {
  width:100%;
  padding:.8125rem 1rem;
  background:rgba(255,255,255,.06);
  border:1.5px solid rgba(255,255,255,.12);
  border-radius:var(--radius-md);
  font-size:.9375rem;
  color:var(--text-primary);
  transition:all var(--t-fast);
  outline:none;
  appearance:none;
}
.form-textarea {
  min-height:140px;
  resize:vertical;
  line-height:1.6;
}
.form-input::placeholder,
.form-textarea::placeholder { color:var(--text-muted); }
.form-input:hover:not(:disabled):not(:focus),
.form-select:hover:not(:disabled):not(:focus),
.form-textarea:hover:not(:disabled):not(:focus) {
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
}
.form-input:focus,
.form-input:focus-visible,
.form-select:focus,
.form-select:focus-visible,
.form-textarea:focus,
.form-textarea:focus-visible {
  border-color:var(--indigo);
  box-shadow:0 0 0 3px rgba(99,102,241,.15);
  background:rgba(99,102,241,.05);
  outline:none;
}
.form-input:disabled,
.form-select:disabled,
.form-textarea:disabled {
  opacity:.65;
  cursor:not-allowed;
  background:rgba(255,255,255,.03);
}
.form-input.is-invalid,
.form-select.is-invalid,
.form-textarea.is-invalid,
.form-input:user-invalid,
.form-select:user-invalid,
.form-textarea:user-invalid {
  border-color:var(--rose);
  box-shadow:0 0 0 2px rgba(244,63,94,.15);
}
.form-input.is-invalid:focus,.form-input.is-invalid:focus-visible,
.form-select.is-invalid:focus,.form-select.is-invalid:focus-visible,
.form-textarea.is-invalid:focus,.form-textarea.is-invalid:focus-visible {
  box-shadow:0 0 0 3px rgba(244,63,94,.2);
}
.form-select {
  background-color:rgba(255,255,255,.06);
  background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='rgba(248,250,252,0.45)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1rem center;
  padding-right:2.5rem;
  cursor:pointer;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.form-select option { background:var(--bg-dark); color:var(--text-primary); }
.form-select:focus { background-color:rgba(99,102,241,.05); }

/* İletişim formu: select ve textarea tarayıcı varsayılanını ez (koyu tema tutarlılığı) */
.contact-form-wrap .form-select,
.contact-form-wrap .form-textarea {
  background-color:rgba(255,255,255,.06);
  border:1.5px solid rgba(255,255,255,.12);
  border-radius:var(--radius-md);
  color:var(--text-primary);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.contact-form-wrap .form-select {
  background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='rgba(248,250,252,0.45)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1rem center;
}
.contact-form-wrap .form-select:focus,
.contact-form-wrap .form-textarea:focus {
  background-color:rgba(99,102,241,.05);
  border-color:var(--indigo);
  box-shadow:0 0 0 3px rgba(99,102,241,.15);
}
.contact-form-wrap .form-textarea::placeholder { color:var(--text-muted); }
.contact-form-stacked .form-group { margin-bottom:1.25rem; }
.contact-form-stacked .form-row { grid-template-columns:1fr; }
/* Form feedback (success/error) — iletişim, danışmanlık */
.form-message {
  border-radius:var(--radius-lg);
  padding:var(--space-xl);
  margin-bottom:var(--space-xl);
  line-height:1.55;
  display:none;
}
.form-message.is-visible { display:block; }
.form-message--success {
  background:rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.3);
  color:#065f46;
}
.form-message--success strong { color:#047857; }
.form-message--error {
  background:rgba(239,68,68,.1);
  border:1px solid rgba(239,68,68,.3);
  color:#b91c1c;
}
.form-message--error strong { color:#991b1b; }
.form-note {
  font-size:.8125rem;
  color:var(--text-muted);
  margin-top:.75rem;
  line-height:1.6;
}
.form-note-link {
  color:var(--purple-light);
  text-decoration:none;
  transition:color var(--t-fast);
}
.form-note-link:hover { color:var(--indigo-light); }
.form-required { color:var(--pink); }
.form-submit {
  width:100%;
  justify-content:center;
  margin-top:.25rem;
  font-size:1rem;
}
.form-submit-icon { margin-left:.5rem; flex-shrink:0; }
/* İletişim formu: gradient buton (görseldeki mor–cyan) */
.contact-form-submit {
  background:linear-gradient(90deg, #7c3aed 0%, #06b6d4 100%);
  border:none;
  color:#fff;
  box-shadow:0 4px 20px rgba(124,58,237,.35);
  display:inline-flex;
  align-items:center;
}
.contact-form-submit:hover {
  background:linear-gradient(90deg, #8b5cf6 0%, #22d3ee 100%);
  box-shadow:0 6px 24px rgba(6,182,212,.4);
}

/* Feedback messages */
#form-success, #analiz-success {
  display:none;
  align-items:center; gap:.75rem;
  padding:1rem 1.25rem;
  background:rgba(16,185,129,.1);
  border:1px solid rgba(16,185,129,.3);
  border-radius:var(--radius-md);
  font-size:.9375rem; color:#34D399;
  margin-bottom:1.25rem;
}
#form-error, #analiz-error {
  display:none;
  padding:1rem 1.25rem;
  background:rgba(244,63,94,.1);
  border:1px solid rgba(244,63,94,.3);
  border-radius:var(--radius-md);
  font-size:.9375rem; color:#fb7185;
  margin-bottom:1.25rem;
}

/* Contact info sidebar */
.contact-info {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.contact-info-title {
  font-size:1.5rem;
  font-weight:900;
  letter-spacing:-.03em;
  color:var(--text-primary);
  margin-bottom:.25rem;
}

.contact-info-item {
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding:1.125rem 1.25rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-xl);
  transition:all var(--t-base);
}
.contact-info-item:hover {
  background:rgba(99,102,241,.06);
  border-color:rgba(99,102,241,.2);
}
.contact-info-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px; height:46px;
  border-radius:var(--radius-lg);
  background:rgba(99,102,241,.12);
  color:var(--indigo-light);
  flex-shrink:0;
}
.contact-info-text {
  display:flex;
  flex-direction:column;
  gap:.25rem;
}
.contact-info-text strong {
  display:block;
  font-size:.875rem;
  font-weight:700;
  color:var(--text-primary);
  letter-spacing:-.01em;
}
.contact-info-text a {
  font-size:.9375rem;
  color:var(--text-secondary);
  text-decoration:none;
  transition:color var(--t-fast);
}
.contact-info-text a:hover { color:var(--indigo-light); }

/* Garantilerimiz — statik bilgi, tıklanabilir görünüm yok */
.contact-guarantees {
  margin-top:var(--space-3xl);
  padding:var(--space-xl);
  background:rgba(124,58,237,.08);
  border:1px solid rgba(124,58,237,.2);
  border-radius:var(--radius-xl);
}
.contact-guarantees-title {
  font-size:var(--text-base);
  font-weight:700;
  color:var(--text-primary);
  margin-bottom:var(--space-lg);
}
.contact-guarantees-list {
  display:flex;
  flex-direction:column;
  gap:.5rem;
  list-style:none;
  margin:0;
  padding:0;
}
.contact-guarantees-item {
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.5rem 0;
  font-size:var(--text-sm);
  color:var(--text-secondary);
  line-height:1.45;
  border:none;
  background:transparent;
  border-radius:0;
  cursor:default;
}
.contact-guarantees-item:hover {
  background:transparent;
  border-color:transparent;
}
.contact-guarantees-icon {
  width:1.25rem;
  height:1.25rem;
  flex-shrink:0;
  font-size:1.1rem;
  line-height:1;
  text-align:center;
}

/* Responsive */
@media (max-width:1100px) { .contact-split { grid-template-columns:1fr; } }
@media (max-width:768px)  { .form-row { grid-template-columns:1fr; } .contact-form-wrap { padding:1.5rem; } }

/* ═══════════════════════════════════════════════════════════
   28. BLOG PAGE — exact class names from blog.php
   ═══════════════════════════════════════════════════════════ */

/* Category filter bar */
.blog-cat-bar {
  background:var(--bg-dark-2);
  border-bottom:1px solid var(--border-dark);
  padding-block:.875rem;
  position:sticky;
  top:var(--header-h);
  z-index:50;
}
.blog-cat-bar-inner {
  display:flex; flex-wrap:wrap; gap:.5rem; align-items:center;
  max-width:var(--container-max); margin-inline:auto; padding-inline:var(--container-px);
}
.blog-cat-btn {
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.375rem .875rem;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius-full); font-size:.8125rem; font-weight:600;
  color:var(--text-secondary); transition:all var(--t-fast); text-decoration:none;
}
.blog-cat-btn:hover { background:rgba(99,102,241,.08); border-color:rgba(99,102,241,.25); color:var(--text-primary); }
.blog-cat-btn.active { background:var(--grad-brand); border-color:transparent; color:#fff; box-shadow:0 4px 16px rgba(99,102,241,.3); }

/* Category badge (inside cards and featured) */
.blog-cat-badge {
  display:inline-flex;
  align-items:center;
  padding:.25rem .75rem;
  background:rgba(99,102,241,.18);
  border:1px solid rgba(99,102,241,.28);
  border-radius:var(--radius-full);
  font-size:.6875rem; font-weight:800;
  color:var(--indigo-light);
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.blog-cat-badge--overlay {
  position:absolute;
  top:.75rem; left:.75rem;
  z-index:2;
}

/* Meta separator */
.blog-meta-sep { color:rgba(255,255,255,.2); }

/* Read more link */
.blog-read-more {
  display:inline-flex; align-items:center; gap:.375rem;
  font-size:.875rem; font-weight:700;
  color:var(--indigo-light);
  margin-top:auto;
  transition:gap var(--t-fast), opacity var(--t-fast);
  text-decoration:none;
}
.blog-read-more:hover { gap:.625rem; opacity:.8; }
.blog-read-more::after { content:'→'; }

/* ── Featured post ── */
.blog-featured-section {
  background:var(--bg-dark);
  padding-block:3rem 2rem;
}
.blog-featured-card {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-radius:var(--radius-2xl);
  overflow:hidden;
  background:rgba(12,12,34,.85);
  border:1px solid rgba(99,102,241,.22);
  box-shadow:0 12px 48px rgba(0,0,0,.4), 0 0 0 1px rgba(99,102,241,.06);
  text-decoration:none;
  transition:all var(--t-base);
}
.blog-featured-card:hover {
  border-color:rgba(99,102,241,.4);
  box-shadow:0 24px 64px rgba(0,0,0,.5), 0 0 40px rgba(99,102,241,.12);
  transform:translateY(-3px);
}
.blog-featured-img {
  position:relative;
  overflow:hidden;
  min-height:320px;
  background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.15));
  display:flex; align-items:center; justify-content:center;
}
.blog-featured-img img { width:100%; height:100%; object-fit:cover; }
.blog-featured-img--placeholder {
  background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.1) 100%);
}
.blog-placeholder-icon {
  color:rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center;
}
.blog-placeholder-icon--sm { transform:scale(.75); }

.blog-featured-content {
  padding:2.5rem;
  display:flex; flex-direction:column; gap:1rem;
}
.blog-featured-meta {
  display:flex; align-items:center; flex-wrap:wrap; gap:.5rem;
  font-size:.8125rem; color:var(--text-muted);
}
.blog-featured-title {
  font-size:clamp(1.5rem,2.5vw,2rem);
  font-weight:900; letter-spacing:-.04em;
  color:var(--text-primary); line-height:1.2;
}
.blog-featured-excerpt {
  font-size:.9375rem; color:var(--text-secondary);
  line-height:1.7; flex:1;
}

/* ── Blog list section ── */
.blog-list-section {
  background:var(--bg-dark);
  padding-block:3rem var(--section-gap);
}

/* ── Blog grid ── */
.blog-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
}

/* ── Blog card (article) ── */
.blog-card {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-xl);
  overflow:hidden;
  transition:all var(--t-base);
  display:flex; flex-direction:column;
}
.blog-card:hover {
  border-color:rgba(99,102,241,.28);
  transform:translateY(-2px);
  box-shadow:0 16px 48px rgba(0,0,0,.35), 0 0 0 1px rgba(99,102,241,.08);
}

.blog-card-inner {
  display:block;
  text-decoration:none;
}
.blog-card-img {
  position:relative;
  height:200px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1));
  display:flex; align-items:center; justify-content:center;
}
.blog-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.blog-card:hover .blog-card-img img { transform:scale(1.04); }
.blog-card-img--placeholder {
  background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.08));
}

.blog-card-body {
  padding:1.375rem;
  display:flex; flex-direction:column; gap:.625rem;
  flex:1;
}
.blog-card-meta {
  display:flex; align-items:center; flex-wrap:wrap; gap:.375rem .5rem;
  font-size:.8125rem; color:var(--text-muted);
}
.blog-card-title {
  font-size:1.0625rem; font-weight:800;
  letter-spacing:-.02em; line-height:1.35;
}
.blog-card-title a {
  color:var(--text-primary);
  text-decoration:none;
  transition:color var(--t-fast);
}
.blog-card-title a:hover { color:var(--indigo-light); }
.blog-card-excerpt {
  font-size:.875rem; color:var(--text-secondary);
  line-height:1.65; flex:1;
}

/* ── Blog empty state ── */
.blog-empty {
  display:flex; flex-direction:column; align-items:center; gap:1rem;
  padding:5rem 1rem; text-align:center;
  color:var(--text-muted);
}
.blog-empty svg { opacity:.3; }
.blog-empty p { font-size:1.0625rem; }

/* ── Pagination ── */
.blog-pagination {
  display:flex; align-items:center; justify-content:center;
  gap:.5rem; margin-top:3.5rem; flex-wrap:wrap;
}
.blog-pag-btn {
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.5rem 1.125rem;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-full);
  font-size:.875rem; font-weight:700;
  color:var(--text-secondary);
  text-decoration:none;
  transition:all var(--t-fast);
}
.blog-pag-btn:hover { background:rgba(99,102,241,.1); border-color:rgba(99,102,241,.3); color:var(--text-primary); }
.blog-pag-prev::before { content:'←'; }
.blog-pag-next::after  { content:'→'; }

.blog-pag-pages { display:flex; align-items:center; gap:.375rem; }
.blog-pag-num {
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px;
  border-radius:var(--radius-md);
  border:1px solid rgba(255,255,255,.1);
  font-size:.875rem; font-weight:700;
  color:var(--text-secondary);
  text-decoration:none;
  transition:all var(--t-fast);
}
.blog-pag-num:hover { background:rgba(99,102,241,.08); border-color:rgba(99,102,241,.25); color:var(--text-primary); }
.blog-pag-num.active { background:var(--grad-brand); border-color:transparent; color:#fff; box-shadow:0 4px 16px rgba(99,102,241,.3); }

/* ── Blog responsive ── */
@media (max-width:1100px) { .blog-featured-card { grid-template-columns:1fr; } .blog-featured-img { min-height:220px; } .blog-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:768px)  { .blog-grid { grid-template-columns:1fr; } .blog-featured-content { padding:1.5rem; } }

/* page-specific blog overrides */
.blog-featured { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:3rem; }
.blog-card-tag { display:inline-flex; padding:.2rem .625rem; background:rgba(99,102,241,.15); border-radius:var(--radius-full); font-size:.6875rem; font-weight:700; color:var(--indigo-light); align-self:flex-start; }
.blog-card-meta-sep { color:rgba(255,255,255,.2); }
.blog-page-btn { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:var(--radius-md); border:1px solid rgba(255,255,255,.1); font-size:.875rem; font-weight:600; color:var(--text-secondary); transition:all var(--t-fast); text-decoration:none; }
.blog-page-btn:hover { background:rgba(99,102,241,.08); border-color:rgba(99,102,241,.25); color:var(--text-primary); }
.blog-page-btn.active { background:var(--grad-brand); border-color:transparent; color:#fff; }
.blog-page-dots { color:var(--text-muted); padding-inline:.25rem; }

/* ═══════════════════════════════════════════════════════════
   29. FOOTER
   ═══════════════════════════════════════════════════════════ */
.site-footer { background:var(--bg-dark-2); border-top:1px solid var(--border-dark); color:var(--text-secondary); }
.footer-cta-bar { border-bottom:1px solid var(--border-dark); padding-block:1.125rem; }
.footer-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; max-width:var(--container-max); margin-inline:auto; padding-inline:var(--container-px); }
.footer-cta-contacts { display:flex; align-items:center; gap:1.25rem; flex-wrap:wrap; }
.footer-cta-text { font-size:.9375rem; color:var(--text-secondary); display:flex; align-items:center; gap:.5rem; }
.footer-cta-text strong { color:var(--text-primary); }
.footer-cta-link { font-size:.875rem; font-weight:700; color:var(--indigo-light); transition:opacity var(--t-fast); }
.footer-cta-link:hover { opacity:.75; }
.footer-cta-link:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(99,102,241,.4); border-radius:var(--radius-sm); }
.footer-contact-item { display:flex; align-items:center; gap:.5rem; font-size:.875rem; color:var(--text-secondary); transition:color var(--t-fast); }
.footer-contact-item:hover { color:var(--text-primary); }
.footer-contact-item:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(99,102,241,.35); border-radius:var(--radius-sm); }
.footer-contact-wa { color:#4ade80 !important; }
.footer-contact-wa:hover { color:#22c55e !important; }
.footer-grid,.footer-main { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2.5rem; padding-block:3.5rem; max-width:var(--container-max); margin-inline:auto; padding-inline:var(--container-px); }
.footer-brand { display:flex; flex-direction:column; gap:1rem; }
.footer-heading { font-size:.8125rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--text-primary); margin-bottom:.875rem; }
.footer-tagline { font-size:.875rem; color:var(--text-secondary); line-height:1.7; }
.footer-links { display:flex; flex-direction:column; gap:.5rem; }
.footer-links a { font-size:.875rem; color:var(--text-secondary); transition:color var(--t-fast); }
.footer-links a:hover { color:var(--indigo-light); }
.footer-links a:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(99,102,241,.35); border-radius:var(--radius-sm); }
.footer-bottom-links a:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(99,102,241,.35); border-radius:var(--radius-sm); }
.footer-social { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.25rem; }
.footer-social-link { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:var(--radius-md); background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); color:var(--text-secondary); font-size:.875rem; transition:all var(--t-fast); }
.footer-social-link:hover { background:rgba(99,102,241,.12); border-color:rgba(99,102,241,.25); color:var(--indigo-light); }
.footer-social-link:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(99,102,241,.4); }
.footer-social-link.footer-social-wa:hover { background:rgba(37,211,102,.1); border-color:rgba(37,211,102,.25); color:#4ade80; }
.footer-social-link.footer-social-wa:focus-visible { box-shadow:0 0 0 2px rgba(37,211,102,.5); }
.footer-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem 2rem; padding-block:2rem; border-top:1px solid var(--border-dark); max-width:var(--container-max); margin-inline:auto; padding-inline:var(--container-px); align-items:start; }
.footer-trust-col { display:flex; flex-direction:column; gap:.4rem; }
/* Kredi kartı / ödeme logoları — trust grid'in altında, footer-bottom'dan önce */
.footer-payment-bar { padding-block:1.25rem; }
.footer-payment-bar-inner { max-width:var(--container-max); margin-inline:auto; padding-inline:var(--container-px); display:flex; justify-content:flex-end; align-items:center; }
.footer-payment-bar-img { max-height:2.75rem; width:auto; height:auto; object-fit:contain; }
.footer-trust-heading { font-size:.6875rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.25); margin-bottom:.25rem; }
.footer-trust-list { display:flex; flex-direction:column; gap:.25rem; }
.footer-trust-list li { font-size:.8125rem; color:var(--text-muted); line-height:1.45; }
.footer-trust-list a { font-size:.8125rem; color:var(--text-muted); transition:color var(--t-fast); }
.footer-trust-list a:hover { color:var(--indigo-light); }
.footer-trust-badges { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
.footer-trust-badge-item { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .65rem; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-md); font-size:.6875rem; font-weight:600; color:rgba(255,255,255,.7); }
.footer-trust-badge-item svg { flex-shrink:0; }
.footer-trust-badge-blue { background:rgba(6,182,212,.06); border-color:rgba(6,182,212,.2); color:var(--cyan-light); }
.footer-trust-badge-gray { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); color:rgba(255,255,255,.5); }
.footer-craft-line { font-size:.8125rem; color:var(--text-muted); font-style:italic; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:1.375rem; border-top:1px solid var(--border-dark); flex-wrap:wrap; max-width:var(--container-max); margin-inline:auto; padding-inline:var(--container-px); }
.copyright { font-size:.8125rem; color:var(--text-muted); }
.footer-bottom-right { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.footer-theme-label { font-size:.75rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; margin-right:.25rem; }
.footer-theme-toggle { display:flex; gap:2px; border-radius:var(--radius-md); background:rgba(255,255,255,.06); border:1px solid var(--border-dark); padding:2px; }
.footer-theme-btn { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:none; background:transparent; color:var(--text-muted); border-radius:6px; cursor:pointer; transition:background var(--t-fast), color var(--t-fast); }
.footer-theme-btn:hover { background:rgba(99,102,241,.15); color:var(--indigo-light); }
.footer-theme-btn:focus-visible { outline:none; box-shadow:0 0 0 2px rgba(99,102,241,.4); }
.footer-theme-btn.active { background:rgba(99,102,241,.25); color:var(--indigo-light); }
.footer-bottom-links { display:flex; gap:1.5rem; flex-wrap:wrap; }
.footer-bottom-links a { font-size:.8125rem; color:var(--text-muted); transition:color var(--t-fast); }
.footer-bottom-links a:hover { color:var(--indigo-light); }

/* ═══════════════════════════════════════════════════════════
   30. FLOATING WHATSAPP
   ═══════════════════════════════════════════════════════════ */
.floating-wa { position:fixed; bottom:1.5rem; right:1.5rem; z-index:var(--z-toast); display:flex; align-items:center; gap:.75rem; padding:.85rem 1.25rem; background:#0d1a12; color:#fff; border-radius:1rem; border:1.5px solid rgba(37,211,102,.45); box-shadow:0 0 0 1px rgba(37,211,102,.15), 0 8px 32px rgba(0,0,0,.5), 0 0 24px rgba(37,211,102,.15); transition:transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base); text-decoration:none; overflow:visible; }
.floating-wa:hover { border-color:rgba(37,211,102,.75); box-shadow:0 0 0 1px rgba(37,211,102,.3), 0 12px 48px rgba(0,0,0,.6), 0 0 36px rgba(37,211,102,.25); transform:translateY(-2px); }
.floating-wa-icon { color:#25D366; flex-shrink:0; }
.floating-wa-text { display:flex; flex-direction:column; gap:.1rem; }
.floating-wa-title { display:block; font-size:.9rem; font-weight:700; color:#fff; line-height:1.2; }
.floating-wa-status { display:block; font-size:.75rem; font-weight:400; color:rgba(255,255,255,.6); line-height:1.2; }
.floating-wa-online-dot { position:absolute; top:-.3rem; right:-.3rem; width:.65rem; height:.65rem; background:#25D366; border-radius:50%; border:2px solid #0d1a12; box-shadow:0 0 6px rgba(37,211,102,.8); animation:wa-dot-pulse 2s ease-in-out infinite; }
@keyframes wa-dot-pulse { 0%,100% { box-shadow:0 0 6px rgba(37,211,102,.8); } 50% { box-shadow:0 0 12px rgba(37,211,102,1), 0 0 20px rgba(37,211,102,.5); } }

/* ═══════════════════════════════════════════════════════════
   31. SOCIAL PROOF TOAST
   ═══════════════════════════════════════════════════════════ */
.social-proof-toast { position:fixed; bottom:1.5rem; left:1.5rem; z-index:var(--z-toast); min-width:280px; max-width:340px; background:rgba(9,9,26,.97); border:1px solid rgba(99,102,241,.2); border-radius:var(--radius-xl); box-shadow:0 8px 48px rgba(0,0,0,.5),0 0 20px rgba(99,102,241,.1); overflow:hidden; transform:translateX(-120%); transition:transform .6s cubic-bezier(.25,.46,.45,.94); display:flex; flex-direction:column; }
.social-proof-toast.show,.social-proof-toast.is-visible { transform:translateX(0); transition:transform .5s cubic-bezier(.25,.46,.45,.94); }

.toast-avatar { width:36px; height:36px; border-radius:50%; background:var(--grad-brand); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:900; color:#fff; margin:.875rem 0 .875rem 1rem; }
.toast-avatar--teal   { background:linear-gradient(135deg,#14B8A6,#06B6D4); }
.toast-avatar--purple { background:linear-gradient(135deg,#8B5CF6,#6366F1); }
.toast-avatar--orange { background:linear-gradient(135deg,#F97316,#F59E0B); }
.toast-avatar--green  { background:linear-gradient(135deg,#22C55E,#10B981); }
.toast-avatar--rose   { background:linear-gradient(135deg,#F43F5E,#EC4899); }

.toast-header-row { display:flex; align-items:center; padding:.875rem 1rem .5rem; }
.toast-header-row strong,.toast-name { font-size:.875rem; color:var(--text-primary); font-weight:800; display:block; }
.toast-action { padding:0 1rem .5rem; font-size:.8125rem; color:var(--text-secondary); display:block; }
.toast-meta-row { display:flex; align-items:center; gap:.375rem; padding:0 1rem .75rem; }
.toast-live-dot { width:6px; height:6px; border-radius:50%; background:#22c55e; animation:pulseDot 1.5s ease infinite; }
.toast-time { font-size:.75rem; color:var(--text-muted); }
.toast-close { position:absolute; top:.625rem; right:.625rem; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:.875rem; color:var(--text-muted); transition:all var(--t-fast); }
.toast-close:hover { background:rgba(255,255,255,.08); color:var(--text-primary); }
.toast-progress-bar { height:3px; background:rgba(255,255,255,.05); }
.toast-progress-fill { height:100%; background:var(--grad-brand); border-radius:0 2px 2px 0; transition:width linear; }

/* ═══════════════════════════════════════════════════════════
   32. MODALS
   ═══════════════════════════════════════════════════════════ */
.exit-intent-overlay,.quote-modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:var(--z-overlay); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:none; align-items:center; justify-content:center; padding:1rem; }
.exit-intent-overlay.open,.exit-intent-overlay.is-open,
.quote-modal-overlay.open,.quote-modal-overlay.is-open { display:flex; }
.exit-intent-box,.quote-modal-box { background:var(--bg-dark-2); border:1px solid rgba(99,102,241,.22); border-radius:var(--radius-2xl); box-shadow:0 24px 100px rgba(0,0,0,.6),0 0 40px rgba(99,102,241,.1); max-width:480px; width:100%; padding:2.25rem; position:relative; }
.exit-intent-close,.quote-modal-close { position:absolute; top:1rem; right:1rem; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-md); background:rgba(255,255,255,.06); color:var(--text-secondary); font-size:1rem; transition:all var(--t-fast); }
.exit-intent-close:hover,.quote-modal-close:hover { background:rgba(255,255,255,.1); color:var(--text-primary); }
.exit-intent-badge { display:inline-flex; align-items:center; padding:.3rem .75rem; background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.22); border-radius:var(--radius-full); font-size:.75rem; font-weight:800; color:#fde68a; margin-bottom:1rem; letter-spacing:.06em; }
.exit-intent-title,.quote-modal-title { font-size:1.625rem; font-weight:900; letter-spacing:-.03em; color:var(--text-primary); margin-bottom:.5rem; }
.exit-intent-text,.quote-modal-subtitle { font-size:.9375rem; color:var(--text-secondary); margin-bottom:1.375rem; line-height:1.65; }
.exit-intent-note,.quote-modal-note { font-size:.8125rem; color:var(--text-muted); margin-top:.875rem; }
.exit-intent-actions { display:flex; flex-direction:column; gap:.625rem; }
.quote-modal-badge { display:inline-flex; align-items:center; gap:.375rem; padding:.3rem .75rem; background:rgba(99,102,241,.08); border:1px solid rgba(99,102,241,.22); border-radius:var(--radius-full); font-size:.75rem; font-weight:700; color:var(--indigo-light); margin-bottom:1rem; }
.quote-modal-box.quote-modal-box--wide { max-width:720px; padding:0; overflow:hidden; }
.quote-modal-form-col { padding:2rem; border-right:1px solid var(--border-dark); }
.quote-modal-info-col { padding:2rem; background:rgba(99,102,241,.05); border-radius:0 var(--radius-2xl) var(--radius-2xl) 0; }
.qmi-title { font-size:1rem; font-weight:800; color:var(--text-primary); margin-bottom:1rem; }
.qmi-item { display:flex; align-items:flex-start; gap:.625rem; margin-bottom:.75rem; }
.qmi-icon { width:32px; height:32px; border-radius:var(--radius-sm); background:rgba(99,102,241,.1); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:.875rem; }
.qmi-item strong { display:block; font-size:.9375rem; color:var(--text-primary); font-weight:700; }
.qmi-item span { font-size:.8125rem; color:var(--text-secondary); }
.qmi-divider { height:1px; background:var(--border-dark); margin:1rem 0; }
.qmi-or { font-size:.8125rem; color:var(--text-muted); margin-bottom:.375rem; }
.qmi-phone { font-size:.875rem; color:var(--text-secondary); }
.qmi-phone:hover { color:var(--text-primary); }

/* ═══════════════════════════════════════════════════════════
   33. SITE ANALİZİ — SaaS Redesign
   ═══════════════════════════════════════════════════════════ */

/* Hero */
.sa-hero { position:relative; overflow:hidden; padding:6rem 0 4rem; background:linear-gradient(160deg,#06060F 0%,#0A0A1E 60%,#0C0C28 100%); }
.sa-hero-inner { position:relative; z-index:1; text-align:center; }
.sa-hero-eyebrow { display:inline-flex; align-items:center; gap:.5rem; background:rgba(34,197,94,.07); border:1px solid rgba(34,197,94,.18); border-radius:9999px; padding:.375rem 1rem; font-size:.8125rem; color:rgba(34,197,94,.9); margin-bottom:1.5rem; }
.sa-live-dot { width:8px; height:8px; border-radius:50%; background:#22C55E; animation:sa-pulse 1.8s ease-in-out infinite; flex-shrink:0; }
@keyframes sa-pulse { 0%,100% { opacity:1; transform:scale(1); box-shadow:0 0 0 0 rgba(34,197,94,.4); } 50% { opacity:.85; transform:scale(1.15); box-shadow:0 0 0 6px rgba(34,197,94,0); } }
.sa-hero-title { font-size:clamp(2.25rem,5vw,3.5rem); font-weight:900; letter-spacing:-.04em; line-height:1.1; color:var(--text-primary); margin-bottom:1.25rem; }
.sa-hero-sub { font-size:1.0625rem; color:var(--text-secondary); line-height:1.7; max-width:54ch; margin:0 auto 2.25rem; }
.sa-hero-badges { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; }
.sa-badge { display:inline-flex; align-items:center; gap:.4rem; padding:.375rem .875rem; border-radius:9999px; font-size:.8125rem; font-weight:600; transition:all .2s; }
.sa-badge--seo    { background:rgba(99,102,241,.1);  border:1px solid rgba(99,102,241,.25); color:#A5B4FC; }
.sa-badge--speed  { background:rgba(234,179,8,.08);  border:1px solid rgba(234,179,8,.2);  color:#FDE047; }
.sa-badge--rival  { background:rgba(236,72,153,.08); border:1px solid rgba(236,72,153,.2); color:#F9A8D4; }
.sa-badge--conv   { background:rgba(34,197,94,.08);  border:1px solid rgba(34,197,94,.2);  color:#86EFAC; }
.sa-badge--mobile { background:rgba(14,165,233,.08); border:1px solid rgba(14,165,233,.2); color:#7DD3FC; }

/* Layout */
.sa-main-section { padding-block:5rem; }
.sa-layout { display:grid; grid-template-columns:1fr 380px; gap:2.5rem; align-items:start; }
.sa-info-col { position:sticky; top:6rem; display:flex; flex-direction:column; gap:1.25rem; }

/* Stepper */
.sa-stepper { display:flex; align-items:center; margin-bottom:1.5rem; background:rgba(255,255,255,.025); border:1px solid var(--border-dark); border-radius:1rem; padding:.875rem 1.5rem; }
.sa-stepper-step { display:flex; flex-direction:column; align-items:center; gap:.3rem; flex-shrink:0; }
.sa-stepper-num { width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.05); border:2px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-size:.8125rem; font-weight:700; color:var(--text-muted); transition:all .3s; }
.sa-stepper-step > span { font-size:.6875rem; font-weight:600; color:var(--text-muted); white-space:nowrap; transition:color .3s; }
.sa-stepper-step--active .sa-stepper-num { background:#6366F1; border-color:#6366F1; color:#fff; box-shadow:0 0 0 4px rgba(99,102,241,.2); }
.sa-stepper-step--active > span { color:var(--text-primary); }
.sa-stepper-step--done .sa-stepper-num { background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.38); color:#4ADE80; }
.sa-stepper-step--done > span { color:#4ADE80; }
.sa-stepper-line { flex:1; height:2px; background:rgba(255,255,255,.06); margin:0 .75rem; border-radius:1px; margin-bottom:.875rem; }
.sa-stepper-line--done { background:rgba(34,197,94,.3); }

/* Form card */
.sa-form-card { background:rgba(9,9,26,.97); border:1px solid rgba(255,255,255,.08); border-radius:1.25rem; overflow:hidden; box-shadow:0 8px 48px rgba(0,0,0,.45), inset 0 0 0 1px rgba(99,102,241,.04); }

/* Steps */
.sa-step { border-bottom:1px solid rgba(255,255,255,.055); }
.sa-step--last { border-bottom:none; }
.sa-step-header { padding:1.5rem 2rem .75rem; }
.sa-step-badge { display:inline-block; font-size:.6875rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#A5B4FC; background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.2); border-radius:9999px; padding:.25rem .75rem; margin-bottom:.625rem; }
.sa-step-title { font-size:1.125rem; font-weight:800; color:var(--text-primary); margin-bottom:.25rem; }
.sa-step-desc { font-size:.875rem; color:var(--text-muted); }
.sa-step-body { padding:.75rem 2rem 1.625rem; }

/* Form fields */
.sa-form-group { margin-bottom:1rem; }
.sa-form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.sa-label { display:block; font-size:.8125rem; font-weight:600; color:var(--text-secondary); margin-bottom:.4rem; }
.sa-required { color:var(--pink); }
.sa-optional { font-size:.75rem; font-weight:400; color:var(--text-muted); }
.sa-field-hint { display:block; font-size:.75rem; color:var(--text-muted); margin-top:.3rem; }
.sa-input-wrap { position:relative; }
.sa-input-icon { position:absolute; left:.875rem; top:50%; transform:translateY(-50%); color:var(--text-muted); pointer-events:none; }
.sa-input,.sa-select,.sa-textarea { width:100%; background:rgba(255,255,255,.04); border:1.5px solid rgba(255,255,255,.09); border-radius:.625rem; padding:.6875rem .875rem; font-size:.9375rem; color:var(--text-primary); font-family:inherit; transition:border-color .2s,background .2s,box-shadow .2s; outline:none; }
.sa-input-wrap .sa-input { padding-left:2.625rem; }
.sa-input::placeholder,.sa-textarea::placeholder { color:var(--text-muted); }
.sa-input:hover:not(:disabled):not(:focus),.sa-select:hover:not(:disabled):not(:focus),.sa-textarea:hover:not(:disabled):not(:focus) { border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.06); }
.sa-input:focus,.sa-input:focus-visible,.sa-select:focus,.sa-select:focus-visible,.sa-textarea:focus,.sa-textarea:focus-visible { border-color:rgba(99,102,241,.5); background:rgba(99,102,241,.04); box-shadow:0 0 0 3px rgba(99,102,241,.11); outline:none; }
.sa-input:disabled,.sa-select:disabled,.sa-textarea:disabled { opacity:.6; cursor:not-allowed; }
.sa-select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(248,250,252,0.38)' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right .875rem center; padding-right:2.5rem; cursor:pointer; }
.sa-select option { background:#0C0C22; color:var(--text-primary); }
.sa-textarea { resize:vertical; min-height:82px; line-height:1.6; }

/* Checkbox cards */
.sa-check-grid { display:grid; grid-template-columns:1fr 1fr; gap:.625rem; }
.sa-check-card { display:block; cursor:pointer; }
.sa-check-card input { position:absolute; opacity:0; width:0; height:0; }
.sa-check-card-inner { display:flex; align-items:center; gap:.75rem; padding:.875rem 1rem; background:rgba(255,255,255,.03); border:1.5px solid rgba(255,255,255,.07); border-radius:.75rem; transition:all .2s; }
.sa-check-card:hover .sa-check-card-inner { background:rgba(99,102,241,.06); border-color:rgba(99,102,241,.22); }
.sa-check-card input:focus-visible + .sa-check-card-inner { box-shadow:0 0 0 2px rgba(99,102,241,.5); outline:none; }
.sa-check-card input:checked + .sa-check-card-inner { background:rgba(99,102,241,.1); border-color:rgba(99,102,241,.42); }
.sa-check-icon { width:36px; height:36px; border-radius:.5rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.sa-check-icon--seo      { background:rgba(99,102,241,.14); color:#A5B4FC; }
.sa-check-icon--speed    { background:rgba(234,179,8,.11);  color:#FDE047; }
.sa-check-icon--rival    { background:rgba(236,72,153,.11); color:#F9A8D4; }
.sa-check-icon--conv     { background:rgba(34,197,94,.11);  color:#86EFAC; }
.sa-check-icon--mobile   { background:rgba(14,165,233,.11); color:#7DD3FC; }
.sa-check-icon--security { background:rgba(251,146,60,.11); color:#FCA97A; }
.sa-check-text { flex:1; min-width:0; }
.sa-check-text strong { display:block; font-size:.875rem; font-weight:700; color:var(--text-primary); line-height:1.3; }
.sa-check-text small { font-size:.75rem; color:var(--text-muted); line-height:1.4; }
.sa-check-tick { width:20px; height:20px; border-radius:50%; border:2px solid rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:transparent; transition:all .2s; }
.sa-check-card input:checked + .sa-check-card-inner .sa-check-tick { background:#6366F1; border-color:#6366F1; color:#fff; }

/* Privacy row */
.sa-privacy-row { display:flex; align-items:center; gap:.5rem; font-size:.8125rem; color:var(--text-muted); background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.06); border-radius:.625rem; padding:.625rem .875rem; margin-top:.25rem; }

/* Form footer */
.sa-form-footer { padding:1.625rem 2rem; border-top:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.015); }
.sa-submit-btn { width:100%; padding:1rem 2rem; background:linear-gradient(135deg,#6366F1 0%,#8B5CF6 100%); border:none; border-radius:.875rem; font-size:1.0625rem; font-weight:700; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:.625rem; transition:all .25s; box-shadow:0 4px 24px rgba(99,102,241,.35); letter-spacing:-.01em; }
.sa-submit-btn:hover:not(:disabled) { background:linear-gradient(135deg,#4F52E8 0%,#7C3AED 100%); transform:translateY(-2px); box-shadow:0 8px 32px rgba(99,102,241,.48); }
.sa-submit-btn:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(99,102,241,.5); }
.sa-submit-btn:active:not(:disabled) { transform:translateY(0); }
.sa-submit-btn:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.sa-submit-default { display:flex; align-items:center; gap:.625rem; }
.sa-submit-loading { display:none; align-items:center; gap:.625rem; }
.sa-submit-btn.loading .sa-submit-default { display:none; }
.sa-submit-btn.loading .sa-submit-loading { display:flex; }
.sa-submit-guarantees { display:flex; flex-wrap:wrap; gap:.625rem 1.125rem; margin-top:.875rem; justify-content:center; }
.sa-submit-guarantees span { display:inline-flex; align-items:center; gap:.35rem; font-size:.8125rem; color:var(--text-muted); }
.sa-submit-guarantees svg { color:rgba(34,197,94,.75); flex-shrink:0; }
.sa-spinner { width:18px; height:18px; border:2px solid rgba(255,255,255,.28); border-top-color:#fff; border-radius:50%; animation:sa-spin .72s linear infinite; flex-shrink:0; }
@keyframes sa-spin { to { transform:rotate(360deg); } }

/* Alerts */
.sa-alert { display:flex; align-items:flex-start; gap:.875rem; padding:1.125rem 1.5rem; border-radius:.875rem; margin:1.5rem 2rem; }
.sa-alert--success { background:rgba(34,197,94,.07); border:1px solid rgba(34,197,94,.2); }
.sa-alert--error   { background:rgba(239,68,68,.07);  border:1px solid rgba(239,68,68,.2); }
.sa-alert-icon { width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.sa-alert--success .sa-alert-icon { background:rgba(34,197,94,.14); color:#22C55E; }
.sa-alert--error   .sa-alert-icon { background:rgba(239,68,68,.14); color:#EF4444; }
.sa-alert strong { display:block; font-size:.9375rem; font-weight:700; margin-bottom:.25rem; }
.sa-alert--success strong { color:#4ADE80; }
.sa-alert--error   strong { color:#F87171; }
.sa-alert p { font-size:.875rem; color:var(--text-secondary); line-height:1.55; margin:0; }

/* Score preview card */
.sa-score-card { background:rgba(9,9,26,.97); border:1px solid rgba(255,255,255,.08); border-radius:1.125rem; overflow:hidden; }
.sa-score-card-header { display:flex; align-items:center; justify-content:space-between; padding:1.125rem 1.25rem; border-bottom:1px solid rgba(255,255,255,.06); }
.sa-score-card-title { display:flex; align-items:center; gap:.5rem; font-size:.875rem; font-weight:700; color:var(--text-secondary); }
.sa-score-card-badge { font-size:.6875rem; font-weight:700; background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.22); color:#A5B4FC; border-radius:9999px; padding:.2rem .625rem; }
.sa-score-url { padding:.75rem 1.25rem .125rem; font-size:.8125rem; font-weight:600; color:var(--text-muted); font-family:monospace; }
.sa-score-meters { padding:.75rem 1.25rem; display:flex; flex-direction:column; gap:.75rem; }
.sa-score-meter-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:.3rem; font-size:.8125rem; color:var(--text-secondary); }
.sa-score-val { font-size:.875rem; font-weight:800; }
.sa-score-val--bad  { color:#F87171; }
.sa-score-val--med  { color:#FB923C; }
.sa-score-val--good { color:#4ADE80; }
.sa-score-bar { height:6px; background:rgba(255,255,255,.06); border-radius:3px; overflow:hidden; }
.sa-score-fill { height:100%; border-radius:3px; }
.sa-score-fill--bad  { background:linear-gradient(90deg,#EF4444,#F87171); }
.sa-score-fill--med  { background:linear-gradient(90deg,#FBBF24,#FB923C); }
.sa-score-fill--good { background:linear-gradient(90deg,#34D399,#4ADE80); }
.sa-score-issues { padding:.375rem 1.25rem .875rem; display:flex; flex-direction:column; gap:.4rem; }
.sa-score-issue { display:flex; align-items:center; gap:.5rem; font-size:.8125rem; color:var(--text-secondary); }
.sa-score-issue-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.sa-score-issue--crit .sa-score-issue-dot { background:#EF4444; }
.sa-score-issue--warn .sa-score-issue-dot { background:#FBBF24; }
.sa-score-issue--info .sa-score-issue-dot { background:#6366F1; }
.sa-score-watermark { text-align:center; font-size:.6875rem; color:var(--text-muted); padding:.625rem 1.25rem 1rem; border-top:1px dashed rgba(255,255,255,.05); margin-top:.25rem; font-style:italic; opacity:.7; }

/* Included card */
.sa-included-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:1.125rem; padding:1.25rem; }
.sa-included-title { font-size:.9375rem; font-weight:800; color:var(--text-primary); margin-bottom:1rem; }
.sa-included-list { list-style:none; display:flex; flex-direction:column; gap:.75rem; }
.sa-included-item { display:flex; gap:.875rem; align-items:flex-start; }
.sa-included-icon { width:32px; height:32px; border-radius:.5rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.sa-included-icon--seo    { background:rgba(99,102,241,.12); color:#A5B4FC; }
.sa-included-icon--speed  { background:rgba(234,179,8,.1);   color:#FDE047; }
.sa-included-icon--rival  { background:rgba(236,72,153,.1);  color:#F9A8D4; }
.sa-included-icon--action { background:rgba(34,197,94,.1);   color:#86EFAC; }
.sa-included-text strong { display:block; font-size:.875rem; font-weight:700; color:var(--text-primary); }
.sa-included-text span { font-size:.8125rem; color:var(--text-muted); line-height:1.45; }

/* Results card */
.sa-results-card { background:linear-gradient(135deg,rgba(99,102,241,.07),rgba(139,92,246,.04)); border:1px solid rgba(99,102,241,.18); border-radius:1.125rem; padding:1.25rem; }
.sa-results-eyebrow { display:flex; align-items:center; gap:.375rem; font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#A5B4FC; margin-bottom:1rem; }
.sa-result-item { display:flex; align-items:center; gap:.875rem; padding:.75rem 0; border-bottom:1px solid rgba(255,255,255,.05); }
.sa-result-item--last { border-bottom:none; padding-bottom:0; }
.sa-result-metric { font-size:1.375rem; font-weight:900; color:var(--text-primary); min-width:60px; letter-spacing:-.03em; }
.sa-result-detail strong { display:block; font-size:.875rem; font-weight:700; color:var(--text-primary); }
.sa-result-detail span { font-size:.8125rem; color:var(--text-muted); }

/* Trust grid */
.sa-trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.sa-trust-item { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:.875rem; padding:1rem; text-align:center; }
.sa-trust-val { display:block; font-size:1.375rem; font-weight:900; color:var(--text-primary); letter-spacing:-.03em; }
.sa-trust-lbl { display:block; font-size:.75rem; color:var(--text-muted); margin-top:.2rem; }

/* Responsive */
@media (max-width:1100px) {
  .sa-layout { grid-template-columns:1fr; }
  .sa-info-col { position:static; }
}
@media (max-width:700px) {
  .sa-step-header { padding:1.25rem 1.25rem .625rem; }
  .sa-step-body { padding:.5rem 1.25rem 1.25rem; }
  .sa-form-footer { padding:1.25rem; }
  .sa-stepper { padding:.75rem 1rem; }
  .sa-alert { margin:1rem 1.25rem; }
}
@media (max-width:600px) {
  .sa-form-row { grid-template-columns:1fr; }
  .sa-check-grid { grid-template-columns:1fr; }
  .sa-trust-grid { grid-template-columns:1fr 1fr; }
}

/* ═══════════════════════════════════════════════════════════
   34. MISC UTILITIES
   ═══════════════════════════════════════════════════════════ */
.filter-btn { display:inline-flex; align-items:center; gap:.375rem; padding:.45rem 1rem; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); border-radius:var(--radius-full); font-size:.875rem; font-weight:600; color:var(--text-secondary); cursor:pointer; transition:all var(--t-fast); }
.filter-btn:hover,.filter-btn.active { background:rgba(99,102,241,.1); border-color:rgba(99,102,241,.3); color:var(--indigo-light); }

::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:var(--bg-dark-2); }
::-webkit-scrollbar-thumb { background:rgba(99,102,241,.3); border-radius:6px; }
::-webkit-scrollbar-thumb:hover { background:rgba(99,102,241,.5); }
::selection { background:rgba(99,102,241,.25); color:var(--text-primary); }

/* ═══════════════════════════════════════════════════════════
   35. RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (max-width:1100px) {
  .hero-inner { grid-template-columns:1fr; gap:3.5rem; }
  .hero-visual { display:none; }
  .founder-inner { grid-template-columns:1fr; }
  .founder-image-col { position:static; flex-direction:row; align-items:center; }
  .seo-spotlight-inner { grid-template-columns:1fr; }
  .seo-dashboard { display:none; }
  .transparency-inner { grid-template-columns:1fr; gap:2.5rem; }
  .services-grid { grid-template-columns:repeat(2,1fr); }
  .why-grid { grid-template-columns:repeat(2,1fr); }
  .testimonials-grid { grid-template-columns:repeat(2,1fr); }
  .process-grid-v2 { grid-template-columns:repeat(2,1fr); }
  .footer-grid,.footer-main { grid-template-columns:1fr 1fr; gap:2rem; }
  .footer-trust-grid { grid-template-columns:repeat(2,1fr); }
  .nav-mega { min-width:min(96vw,960px); grid-template-columns:1fr 280px; }
  .nav-mega-quick { display:none; }
  .portfolio-grid--big { grid-template-columns:1fr 1fr; }
  .portfolio-grid--big .portfolio-card:first-child { grid-column:1/-1; }
  .svc-grid { grid-template-columns:repeat(2,1fr); }
  .svc-steps { grid-template-columns:repeat(2,1fr); }
  .svc-steps::before { display:none; }
  .about-story { grid-template-columns:1fr; }
  .about-story-visual { position:static; }
  .values-grid { grid-template-columns:repeat(2,1fr); }
  .service-detail-content { grid-template-columns:1fr; }
  .service-sidebar { position:static; }
  .contact-split { grid-template-columns:1fr; }
  .blog-grid { grid-template-columns:repeat(2,1fr); }
  .blog-featured { grid-template-columns:1fr; }
  .ai-features { grid-template-columns:1fr; }
}

@media (max-width:768px) {
  :root { --section-gap:4.5rem; --header-h:64px; }

  /* ── Mobile Nav (full screen, on top of all) ── */
  .nav-toggle { display:flex; }
  .main-nav {
    position:fixed; top:0; left:0; right:0; bottom:0;
    width:100vw; height:100dvh; height:100vh;
    background:linear-gradient(180deg, rgba(9,9,22,.99) 0%, rgba(6,6,15,.98) 100%);
    backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
    border:none;
    border-radius:0;
    box-shadow:none;
    overflow:hidden;
    transition:opacity 0.25s ease, visibility 0.25s ease;
    z-index:var(--z-mobile-nav);
    margin-left:0;
    display:flex; flex-direction:column;
  }
  .main-nav { right:auto; transform:translateX(100%); transition:transform 0.3s cubic-bezier(0.4,0,0.2,1); }
  .site-header.nav-open .main-nav,
  .main-nav.open { transform:translateX(0); right:auto; }
  .mobile-nav-header {
    display:flex;
    flex-shrink:0;
    padding:1.125rem 1.25rem;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.02);
  }
  .nav-list {
    flex-direction:column; align-items:stretch; gap:0;
    padding:1rem 1rem 1.5rem;
    border-top:none;
    overflow-y:auto;
    flex:1;
    -webkit-overflow-scrolling:touch;
  }
  .nav-list > li {
    border-bottom:none;
    margin-bottom:2px;
  }
  .nav-list > li:last-child {
    margin-top:1rem;
    margin-bottom:0;
    padding-top:1rem;
    border-top:1px solid rgba(255,255,255,.06);
  }
  .nav-link {
    padding:1rem 1rem;
    border-radius:12px;
    font-size:1rem;
    font-weight:500;
    justify-content:space-between;
    min-height:48px;
    color:rgba(248,250,252,.85);
  }
  .nav-link:hover { background:rgba(255,255,255,.06); color:var(--text-primary); }
  .nav-link.active::after { display:none; }
  .nav-link.active { background:rgba(99,102,241,.12); color:var(--indigo-light); }
  .nav-cta {
    margin:0;
    border-radius:14px;
    justify-content:center;
    padding:1rem 1.5rem;
    font-size:1rem;
    min-height:52px;
    box-shadow:0 6px 24px rgba(99,102,241,.4);
  }
  .nav-cta:hover { box-shadow:0 10px 32px rgba(99,102,241,.5); }
  /* Mobile dropdown */
  .nav-dropdown,.nav-mega {
    position:static !important;
    transform:none !important;
    min-width:auto !important;
    box-shadow:none !important;
    border:1px solid rgba(99,102,241,.12) !important;
    border-radius:12px !important;
    background:rgba(99,102,241,.05) !important;
    margin:.5rem 0 .75rem !important;
    padding:.5rem !important;
    display:none;
    grid-template-columns:1fr;
    opacity:1 !important; visibility:visible !important;
  }
  .nav-dropdown.open,.nav-mega.open { display:flex !important; flex-direction:column; }
  .nav-mega.open { display:grid !important; }
  .nav-mega-left { border-right:none; border-bottom:1px solid rgba(255,255,255,.06); }
  .nav-dropdown-columns { grid-template-columns:1fr; }
  .nav-mega-panel { display:none; }
  .nav-dropdown-link { padding:.6rem .75rem; }
  .site-header.nav-open { z-index:var(--z-mobile-nav); }
  .site-header.nav-open::after {
    content:'';
    position:fixed; inset:0;
    background:rgba(0,0,0,.55);
    z-index:-1;
  }

  .hero { min-height:auto; padding-block:6rem 4rem; }
  .hero-inner { grid-template-columns:1fr; }
  .hero-actions { flex-direction:column; align-items:flex-start; }
  .hero-actions .btn { width:100%; justify-content:center; }
  .hero-tags { gap:.3rem; }
  .hero-logos-strip { display:none; }
  .floating-badge { display:none; }

  .services-grid { grid-template-columns:1fr; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .testimonials-grid { grid-template-columns:1fr; }
  .process-grid-v2 { grid-template-columns:1fr; }
  .portfolio-grid { grid-template-columns:1fr; }
  .portfolio-grid--big { grid-template-columns:1fr; }
  .footer-grid,.footer-main { grid-template-columns:1fr; }
  .footer-trust-grid { grid-template-columns:1fr 1fr; }
  .footer-payment-bar-inner { justify-content:center; }
  .footer-cta-inner { flex-direction:column; align-items:flex-start; }
  .footer-bottom { flex-direction:column; align-items:flex-start; }
  .founder-inner { grid-template-columns:1fr; }
  .founder-image-col { position:static; flex-direction:column; }
  .trust-item { padding-inline:1rem; }
  .trust-item:not(:last-child)::after { display:none; }
  .trust-list { gap:1.25rem; }
  .section-header-row { flex-direction:column; align-items:flex-start; }
  .ai-diagram { flex-direction:column; }
  .ai-connector { transform:rotate(90deg); }
  .cta-strip-title { font-size:clamp(1.875rem,8vw,2.75rem); }
  .cta-strip-actions { flex-direction:column; align-items:center; }
  .cta-strip-actions .btn { width:100%; max-width:320px; }
  .seo-results-list { gap:1rem 2rem; }
  .svc-grid { grid-template-columns:1fr; }
  .svc-steps { grid-template-columns:1fr; }
  .svc-step { flex-direction:row; flex-wrap:wrap; align-items:flex-start; }
  .svc-step-num { font-size:2rem; top:.875rem; right:1rem; }
  .svc-group-header { flex-direction:column; align-items:flex-start; }
  .svc-group-count { margin-left:0; }
  .values-grid { grid-template-columns:1fr; }
  .about-stats-mini { grid-template-columns:1fr 1fr; }
  .form-row { grid-template-columns:1fr; }
  .blog-grid { grid-template-columns:1fr; }
  .transparency-inner { grid-template-columns:1fr; }
  .svc-hero-stat-sep { display:none; }
  .svc-hero-stats { gap:0; }
}

@media (max-width:480px) {
  .why-grid { grid-template-columns:1fr; }
  .trust-value { font-size:2rem; }
  .footer-trust-grid { grid-template-columns:1fr; }
  .about-stats-mini { grid-template-columns:1fr 1fr; }
  .svc-tab span { display:none; }
}

/* ═══════════════════════════════════════════════════════════
   36. PAGE-SPECIFIC: DANIŞMANLIK (.dc-*)
   ═══════════════════════════════════════════════════════════ */
.dc-hero {
  position:relative; overflow:hidden;
  min-height:100svh; display:flex; align-items:center;
  background:radial-gradient(ellipse 110% 80% at 50% -10%,#141042 0%,#06060F 70%);
  padding-block:8rem 5rem;
}
.dc-hero-inner {
  position:relative; z-index:3;
  display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;
}
.dc-hero-content { display:flex; flex-direction:column; gap:1.25rem; }
.dc-hero-badges  { display:flex; flex-wrap:wrap; gap:.5rem; }

.dc-badge {
  display:inline-flex; align-items:center; gap:.375rem;
  padding:.35rem .875rem;
  border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-full);
  font-size:.8125rem; font-weight:600; color:rgba(248,250,252,.7);
  background:rgba(255,255,255,.05);
}
.dc-badge--free   { border-color:rgba(16,185,129,.3); color:#34D399; background:rgba(16,185,129,.08); }
.dc-badge--time   { border-color:rgba(99,102,241,.3); color:var(--indigo-light); background:rgba(99,102,241,.08); }
.dc-badge--noobligation { border-color:rgba(255,255,255,.12); color:rgba(248,250,252,.6); }

.dc-hero-title {
  font-size:clamp(2.25rem,5.5vw,4.25rem); font-weight:900;
  letter-spacing:-.05em; line-height:1.07; color:var(--text-primary);
}
.dc-hero-subtitle { font-size:1.0625rem; color:var(--text-secondary); line-height:1.7; max-width:52ch; }
.dc-hero-note {
  font-size:.8125rem; color:var(--text-muted);
  display:flex; flex-wrap:wrap; gap:.25rem; align-items:center;
}
.dc-hero-note span { color:#34D399; font-weight:700; }

.dc-hero-perks { display:flex; flex-direction:column; gap:.875rem; }
.dc-perk {
  display:flex; align-items:flex-start; gap:.875rem;
  padding:.875rem 1rem;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg);
}
.dc-perk-icon { font-size:1.5rem; flex-shrink:0; }
.dc-perk-title { display:block; font-size:.9375rem; font-weight:700; color:var(--text-primary); margin-bottom:.15rem; }
.dc-perk-desc  { display:block; font-size:.8125rem; color:var(--text-secondary); }

.dc-hero-actions { display:flex; flex-wrap:wrap; gap:.875rem; }

.dc-hero-stats { display:flex; align-items:center; justify-content:center; }
.dc-stats-card {
  width:100%; max-width:380px;
  background:rgba(12,12,34,.85); border:1px solid rgba(99,102,241,.2);
  border-radius:var(--radius-2xl); padding:1.5rem;
  box-shadow:0 24px 80px rgba(0,0,0,.5), 0 0 40px rgba(99,102,241,.1);
}
.dc-stats-header { display:flex; align-items:center; gap:.5rem; font-size:.8125rem; color:var(--text-secondary); margin-bottom:1rem; }
.dc-stats-dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.2); }
.dc-stats-dot--green { background:#22c55e; box-shadow:0 0 8px rgba(34,197,94,.5); animation:pulseDot 1.8s ease infinite; }

.dc-stats-grid { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-bottom:1rem; }
.dc-stat-item { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-radius:var(--radius-md); padding:.875rem; text-align:center; }
.dc-stat-num { display:block; font-size:1.5rem; font-weight:900; letter-spacing:-.03em; background:var(--grad-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.dc-stat-lbl { display:block; font-size:.75rem; color:var(--text-muted); margin-top:.15rem; }

.dc-stats-divider { height:1px; background:rgba(255,255,255,.07); margin-block:.875rem; }
.dc-stats-services-label { font-size:.6875rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:.5rem; }
.dc-stats-tags { display:flex; flex-wrap:wrap; gap:.375rem; }
.dc-stats-tags span { padding:.2rem .625rem; background:rgba(99,102,241,.12); border:1px solid rgba(99,102,241,.2); border-radius:var(--radius-full); font-size:.75rem; color:var(--indigo-light); }

.dc-value-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem;
  margin-top:2.5rem;
}
.dc-value-card {
  padding:1.625rem; background:#ffffff; border:1px solid rgba(99,102,241,.1);
  border-radius:var(--radius-xl); box-shadow:0 2px 12px rgba(99,102,241,.06);
  transition:all var(--t-base);
}
.dc-value-card:hover { border-color:rgba(99,102,241,.25); box-shadow:0 12px 40px rgba(99,102,241,.12); transform:translateY(-2px); }

.dc-value-icon {
  width:54px; height:54px; border-radius:var(--radius-lg);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:.875rem;
}
.dc-value-icon--purple { background:rgba(99,102,241,.1); color:var(--indigo-dark); }
.dc-value-icon--blue   { background:rgba(6,182,212,.1);  color:var(--blue-dark); }
.dc-value-icon--teal   { background:rgba(20,184,166,.1); color:#0D9488; }
.dc-value-icon--green  { background:rgba(16,185,129,.1); color:#047857; }
.dc-value-icon--amber  { background:rgba(245,158,11,.1); color:#B45309; }
.dc-value-icon--pink   { background:rgba(236,72,153,.1); color:#BE185D; }

.dc-value-title { font-size:1rem; font-weight:800; color:#0F0A2E; letter-spacing:-.02em; margin-bottom:.5rem; }
.dc-value-desc  { font-size:.875rem; color:#6B7280; line-height:1.65; }

.dc-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; position:relative; }
.dc-step {
  position:relative; padding:1.75rem;
  background:rgba(12,12,34,.8); border:1px solid rgba(99,102,241,.18);
  border-radius:var(--radius-xl);
}
.dc-step-num {
  font-size:3rem; font-weight:900; letter-spacing:-.05em;
  background:var(--grad-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  line-height:1; margin-bottom:.875rem;
}
.dc-step-icon {
  width:48px; height:48px; border-radius:var(--radius-lg);
  display:flex; align-items:center; justify-content:center; color:#fff;
  margin-bottom:.875rem;
}
.dc-step-icon--purple { background:rgba(99,102,241,.8); }
.dc-step-icon--blue   { background:rgba(6,182,212,.8); }
.dc-step-icon--teal   { background:rgba(20,184,166,.8); }

.dc-step-title { font-size:1.0625rem; font-weight:800; color:var(--text-primary); letter-spacing:-.02em; margin-bottom:.5rem; }
.dc-step-desc  { font-size:.875rem; color:var(--text-secondary); line-height:1.65; }
.dc-step-arrow {
  position:absolute; top:50%; right:-1rem; transform:translateY(-50%);
  width:2rem; height:2rem; display:flex; align-items:center; justify-content:center;
  font-size:1.25rem; color:var(--indigo-light); z-index:1;
}

.dc-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2.5rem; }
.dc-service-card {
  display:flex; flex-direction:column; gap:.75rem;
  padding:1.375rem; background:#ffffff;
  border:1px solid rgba(99,102,241,.1); border-radius:var(--radius-xl);
  box-shadow:0 2px 10px rgba(99,102,241,.05);
  text-decoration:none; transition:all var(--t-base);
}
.dc-service-card:hover { border-color:rgba(99,102,241,.25); box-shadow:0 10px 36px rgba(99,102,241,.1); transform:translateY(-2px); }
.dc-service-emoji { font-size:2rem; }
.dc-service-title { font-size:.9375rem; font-weight:800; color:#0F0A2E; letter-spacing:-.02em; }
.dc-service-desc  { font-size:.8125rem; color:#6B7280; line-height:1.55; }

/* ── DC Responsive ── */
@media (max-width:1100px) {
  .dc-hero-inner { grid-template-columns:1fr; }
  .dc-hero-stats { display:none; }
  .dc-value-grid { grid-template-columns:repeat(2,1fr); }
  .dc-service-grid { grid-template-columns:repeat(2,1fr); }
  .dc-steps { grid-template-columns:1fr; }
  .dc-step-arrow { display:none; }
}
@media (max-width:768px) {
  .dc-hero { padding-block:6rem 4rem; min-height:auto; }
  .dc-value-grid { grid-template-columns:1fr; }
  .dc-service-grid { grid-template-columns:1fr 1fr; }
}

/* ── Bölüm 37 Teklif Al (.ta-*) — Stiller teklif-al.php içindedir ── */

/* ═══════════════════════════════════════════════════════════
   38. PAGE-SPECIFIC: SEO (.seo-hero-*)
   ═══════════════════════════════════════════════════════════ */
.seo-hero {
  position:relative; overflow:hidden;
  min-height:100svh; display:flex; align-items:center;
  background:radial-gradient(ellipse 110% 80% at 50% -10%,#081530 0%,#06060F 70%);
  padding-block:8rem 5rem;
}
.seo-hero-bg { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.seo-orb { position:absolute; border-radius:50%; filter:blur(80px); }
.seo-orb--1 { width:600px; height:600px; top:-100px; left:-100px; background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%); animation:float 9s ease-in-out infinite; }
.seo-orb--2 { width:500px; height:500px; bottom:-80px; right:-80px; background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%); animation:float 11s ease-in-out infinite reverse; }
.seo-orb--3 { width:350px; height:350px; top:40%; left:40%; background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%); animation:float 13s ease-in-out infinite 2s; }
.seo-hero-grid { position:absolute; inset:0; background-image:radial-gradient(rgba(99,102,241,.15) 1px,transparent 1px); background-size:36px 36px; mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 30%,transparent 80%); }

.seo-hero-content { position:relative; z-index:3; max-width:700px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:1.25rem; }
.seo-hero-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem 1rem; background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.25); border-radius:var(--radius-full); font-size:.6875rem; font-weight:700; letter-spacing:.12em; color:var(--indigo-light); }
.seo-hero-pulse { width:7px; height:7px; border-radius:50%; background:var(--indigo); animation:pulseDot 2s ease infinite; }
.seo-hero-title { font-size:clamp(2.25rem,5.5vw,4.25rem); font-weight:900; letter-spacing:-.05em; line-height:1.07; color:var(--text-primary); }
.seo-hero-desc { font-size:1.0625rem; color:var(--text-secondary); line-height:1.7; max-width:52ch; }
.seo-hero-actions { display:flex; flex-wrap:wrap; gap:.875rem; justify-content:center; }

.seo-stats-bar { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; justify-content:center; padding:1.25rem 2rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-xl); }
.seo-stat { text-align:center; padding:.25rem 1.25rem; position:relative; }
.seo-stat:not(:last-child)::after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:28px; background:rgba(255,255,255,.1); }
.seo-stat-val { display:block; font-size:1.5rem; font-weight:900; letter-spacing:-.03em; background:var(--grad-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1.1; }
.seo-stat-lbl { display:block; font-size:.75rem; color:var(--text-muted); }

.seo-hero-rank-card { background:rgba(12,12,34,.9); border:1px solid rgba(99,102,241,.2); border-radius:var(--radius-xl); padding:1.25rem; max-width:320px; margin-inline:auto; }
.seo-rank-row { display:flex; align-items:center; justify-content:space-between; padding:.5rem .625rem; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); margin-bottom:.375rem; font-size:.875rem; }

/* ═══════════════════════════════════════════════════════════
   39. PAGE-SPECIFIC: WEB TASARIM (.wt-*)
   ═══════════════════════════════════════════════════════════ */
.wt-hero {
  position:relative; overflow:hidden;
  min-height:100svh; display:flex; align-items:center;
  background:radial-gradient(ellipse 110% 80% at 50% -10%,#0A1540 0%,#06060F 70%);
  padding-block:8rem 5rem;
}
.wt-hero-bg { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.wt-hero-orb { position:absolute; border-radius:50%; filter:blur(80px); }
.wt-hero-orb--1 { width:600px; height:600px; top:-100px; left:-100px; background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%); animation:float 9s ease-in-out infinite; }
.wt-hero-orb--2 { width:500px; height:500px; bottom:-80px; right:-80px; background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%); animation:float 11s ease-in-out infinite reverse; }
.wt-hero-orb--3 { width:350px; height:350px; top:40%; right:20%; background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%); animation:float 13s ease-in-out infinite 2s; }
.wt-hero-grid { position:absolute; inset:0; background-image:radial-gradient(rgba(99,102,241,.15) 1px,transparent 1px); background-size:36px 36px; mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 30%,transparent 80%); }

.wt-hero-content { position:relative; z-index:3; max-width:700px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:1.25rem; }
.wt-hero-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem 1rem; background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.25); border-radius:var(--radius-full); font-size:.6875rem; font-weight:700; letter-spacing:.12em; color:var(--indigo-light); }
.wt-hero-pulse { width:7px; height:7px; border-radius:50%; background:var(--indigo); animation:pulseDot 2s ease infinite; }
.wt-hero-title { font-size:clamp(2.25rem,5.5vw,4.25rem); font-weight:900; letter-spacing:-.05em; line-height:1.07; color:var(--text-primary); }
.wt-hero-desc { font-size:1.0625rem; color:var(--text-secondary); line-height:1.7; max-width:52ch; }
.wt-hero-actions { display:flex; flex-wrap:wrap; gap:.875rem; justify-content:center; }

.wt-stats-bar { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; justify-content:center; padding:1.25rem 2rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-xl); }
.wt-stat { text-align:center; padding:.25rem 1.25rem; position:relative; }
.wt-stat:not(:last-child)::after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:28px; background:rgba(255,255,255,.1); }
.wt-stat-val { display:block; font-size:1.5rem; font-weight:900; letter-spacing:-.03em; background:var(--grad-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1.1; }
.wt-stat-lbl { display:block; font-size:.75rem; color:var(--text-muted); }

.wt-scroll-hint { display:inline-flex; flex-direction:column; align-items:center; gap:.5rem; color:rgba(255,255,255,.3); font-size:.75rem; font-weight:600; text-decoration:none; transition:color var(--t-fast); position:relative; z-index:3; }
.wt-scroll-hint:hover { color:rgba(255,255,255,.5); }
.wt-scroll-arrow { animation:float 2s ease-in-out infinite; }

/* ═══════════════════════════════════════════════════════════
   40. PAGE-SPECIFIC: PRODÜKSİYON (.prod-* or .pk-*)
   ═══════════════════════════════════════════════════════════ */
/* Generic hero for produksiyon + SEO teklif pages */
.prod-hero,.pk-hero,.seo-teklif-hero,.wt-teklif-hero {
  position:relative; overflow:hidden; min-height:100svh;
  display:flex; align-items:center;
  background:radial-gradient(ellipse 110% 80% at 50% -10%,#1a0f40 0%,#06060F 70%);
  padding-block:8rem 5rem;
}

/* ═══════════════════════════════════════════════════════════
   41. PAGE-SPECIFIC: IS SÜREÇLERİ / LEGAL PAGES
   ═══════════════════════════════════════════════════════════ */
.process-timeline { display:flex; flex-direction:column; gap:2rem; position:relative; }
.process-timeline::before { content:''; position:absolute; left:24px; top:0; bottom:0; width:2px; background:linear-gradient(to bottom,var(--indigo),rgba(99,102,241,.1)); }
.timeline-item { display:flex; gap:1.5rem; position:relative; }
.timeline-marker { width:50px; height:50px; border-radius:50%; background:var(--grad-brand); display:flex; align-items:center; justify-content:center; font-size:.875rem; font-weight:900; color:#fff; flex-shrink:0; z-index:1; box-shadow:0 0 0 4px var(--bg-dark-2),0 0 20px rgba(99,102,241,.3); }
.timeline-content { flex:1; padding-bottom:2rem; }
.timeline-content h3 { font-size:1.125rem; font-weight:800; color:var(--text-primary); margin-bottom:.5rem; letter-spacing:-.02em; }
.timeline-content p  { font-size:.9375rem; color:var(--text-secondary); line-height:1.7; }

.legal-content { max-width:72ch; }
.legal-content h2 { font-size:1.5rem; font-weight:800; color:var(--text-primary); margin-block:2rem .75rem; letter-spacing:-.03em; }
.legal-content h3 { font-size:1.125rem; font-weight:700; color:var(--text-primary); margin-block:1.5rem .5rem; }
.legal-content p  { font-size:.9375rem; color:var(--text-secondary); line-height:1.75; margin-bottom:.875rem; }
.legal-content ul { display:flex; flex-direction:column; gap:.5rem; margin-bottom:1rem; padding-left:1.25rem; list-style:disc; }
.legal-content ul li { font-size:.9375rem; color:var(--text-secondary); line-height:1.65; }
.legal-content a { color:var(--indigo-light); text-decoration:underline; }
.legal-content a:hover { color:var(--violet-light); }

/* ═══════════════════════════════════════════════════════════
   42. BLOG POST DETAIL PAGE — exact classes from blog-post.php
   ═══════════════════════════════════════════════════════════ */

/* ── Breadcrumb ── */
.blog-breadcrumb {
  background:var(--bg-dark-2);
  border-bottom:1px solid var(--border-dark);
  padding-block:.75rem;
  /* margin-top handled by .main-content padding-top */
}
.blog-breadcrumb-inner {
  display:flex; align-items:center; flex-wrap:wrap; gap:.375rem;
  font-size:.8125rem; color:var(--text-muted);
}
.blog-breadcrumb a { color:var(--text-secondary); text-decoration:none; transition:color var(--t-fast); }
.blog-breadcrumb a:hover { color:var(--indigo-light); }
.blog-breadcrumb span[aria-current] { color:var(--text-muted); }

/* ── Wrapper ── */
.blog-post-wrapper { background:var(--bg-dark); }

/* ── Post Hero ── */
.blog-post-hero {
  position:relative;
  background:linear-gradient(180deg,var(--bg-dark-3) 0%,var(--bg-dark) 100%);
  padding-block:4rem 3rem;
  border-bottom:1px solid var(--border-dark);
}
.blog-post-cover {
  position:absolute; inset:0; z-index:0; overflow:hidden;
}
.blog-post-cover img { width:100%; height:100%; object-fit:cover; opacity:.12; filter:blur(2px) saturate(.4); }
.blog-post-cover::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to bottom,rgba(6,6,15,.6) 0%,rgba(6,6,15,.9) 100%);
}

.blog-post-hero-inner {
  position:relative; z-index:1;
  max-width:780px;
  display:flex; flex-direction:column; gap:1.25rem;
}

.blog-post-meta {
  display:flex; align-items:center; flex-wrap:wrap; gap:.5rem;
  font-size:.875rem; color:var(--text-muted);
}
.blog-post-title {
  font-size:clamp(1.875rem,4.5vw,3rem);
  font-weight:900; letter-spacing:-.04em; line-height:1.15;
  color:var(--text-primary);
}
.blog-post-excerpt {
  font-size:1.125rem; color:var(--text-secondary); line-height:1.7;
  max-width:60ch;
}

/* Author row */
.blog-post-author {
  display:flex; align-items:center; gap:.875rem;
  padding-top:1.25rem;
  border-top:1px solid var(--border-dark);
  margin-top:.25rem;
}
.blog-author-avatar {
  width:42px; height:42px; border-radius:50%;
  background:var(--grad-brand);
  display:flex; align-items:center; justify-content:center;
  font-size:1.125rem; font-weight:900; color:#fff;
  flex-shrink:0;
}
.blog-author-avatar--lg {
  width:64px; height:64px; font-size:1.5rem; margin-inline:auto;
}
.blog-author-info { display:flex; flex-direction:column; gap:.1rem; }
.blog-author-info strong { font-size:.9375rem; font-weight:800; color:var(--text-primary); }
.blog-author-role { font-size:.8125rem; color:var(--text-muted); }

/* ── Post Body ── */
.blog-post-body-wrap {
  background:var(--bg-dark);
  padding-block:3.5rem 4rem;
}
.blog-post-layout {
  display:grid;
  grid-template-columns:1fr 300px;
  gap:4rem;
  align-items:start;
}

/* ── Article Content ── */
.blog-post-content {
  font-size:1.0625rem;
  line-height:1.8;
  color:var(--text-secondary);
}
.blog-post-content > * + * { margin-top:1.25rem; }

.blog-post-content h2 {
  font-size:clamp(1.375rem,2.5vw,1.875rem);
  font-weight:900; letter-spacing:-.03em;
  color:var(--text-primary);
  margin-top:2.5rem; margin-bottom:.875rem;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--border-dark);
}
.blog-post-content h3 {
  font-size:1.25rem; font-weight:800;
  color:var(--text-primary);
  margin-top:2rem; margin-bottom:.625rem;
  letter-spacing:-.02em;
}
.blog-post-content h4 {
  font-size:1.0625rem; font-weight:700;
  color:var(--text-primary); margin-top:1.5rem;
}
.blog-post-content p {
  color:var(--text-secondary);
  line-height:1.85; margin-bottom:1rem; max-width:none;
}
.blog-post-content strong { color:var(--text-primary); font-weight:700; }
.blog-post-content em { font-style:italic; color:var(--text-secondary); }

.blog-post-content ul,
.blog-post-content ol {
  padding-left:1.5rem;
  display:flex; flex-direction:column; gap:.5rem;
  margin-block:.75rem 1.25rem;
}
.blog-post-content ul { list-style:disc; }
.blog-post-content ol { list-style:decimal; }
.blog-post-content li {
  color:var(--text-secondary); line-height:1.75;
  padding-left:.25rem;
}
.blog-post-content li::marker { color:var(--indigo-light); }

.blog-post-content blockquote {
  border-left:3px solid var(--indigo);
  background:rgba(99,102,241,.06);
  padding:1.125rem 1.5rem;
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  margin-block:1.75rem;
  font-style:italic;
}
.blog-post-content blockquote p { color:var(--text-primary); margin-bottom:0; }

.blog-post-content a { color:var(--indigo-light); text-decoration:underline; text-underline-offset:3px; transition:color var(--t-fast); }
.blog-post-content a:hover { color:var(--violet-light); }

.blog-post-content code {
  background:rgba(99,102,241,.12);
  border:1px solid rgba(99,102,241,.22);
  border-radius:4px; padding:.1rem .375rem;
  font-size:.8125em; font-family:'JetBrains Mono','Fira Code',monospace;
  color:var(--indigo-light);
}
.blog-post-content pre {
  background:rgba(9,9,26,.95);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-lg); padding:1.375rem;
  overflow-x:auto; margin-block:1.75rem;
  line-height:1.6;
}
.blog-post-content pre code { background:none; border:none; padding:0; color:var(--text-primary); font-size:.875rem; }

.blog-post-content img { width:100%; border-radius:var(--radius-xl); margin-block:1.75rem; border:1px solid var(--border-dark); }

.blog-post-content table { width:100%; border-collapse:collapse; margin-block:1.5rem; }
.blog-post-content th { background:rgba(99,102,241,.1); color:var(--text-primary); font-weight:700; text-align:left; padding:.625rem .875rem; border-bottom:2px solid rgba(99,102,241,.25); }
.blog-post-content td { padding:.625rem .875rem; border-bottom:1px solid var(--border-dark); color:var(--text-secondary); }
.blog-post-content tr:hover td { background:rgba(255,255,255,.02); }

/* ── Sidebar ── */
.blog-post-sidebar {
  position:sticky; top:calc(var(--header-h) + 1.5rem);
  display:flex; flex-direction:column; gap:1.25rem;
}
.blog-sidebar-card {
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-xl); padding:1.5rem;
  display:flex; flex-direction:column; align-items:center;
  text-align:center; gap:.5rem;
}
.blog-sidebar-heading {
  font-size:.8125rem; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase;
  color:rgba(255,255,255,.35); margin-bottom:.5rem;
  text-align:left; width:100%;
}
.blog-author-card strong { font-size:1rem; font-weight:800; color:var(--text-primary); }

/* Tags */
.blog-tag-list { display:flex; flex-wrap:wrap; gap:.375rem; justify-content:flex-start; width:100%; }
.blog-tag {
  display:inline-flex; align-items:center;
  padding:.25rem .625rem;
  background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.2);
  border-radius:var(--radius-full);
  font-size:.75rem; font-weight:600; color:var(--indigo-light);
  transition:all var(--t-fast);
}
.blog-tag:hover { background:rgba(99,102,241,.18); border-color:rgba(99,102,241,.35); }

/* Share */
.blog-share-buttons { display:flex; flex-direction:column; gap:.5rem; width:100%; }
.blog-share-btn {
  display:flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.5rem .875rem;
  border-radius:var(--radius-md);
  font-size:.875rem; font-weight:600;
  text-decoration:none; transition:all var(--t-fast);
}
.blog-share-twitter  { background:rgba(0,0,0,.3);  border:1px solid rgba(255,255,255,.12); color:var(--text-secondary); }
.blog-share-linkedin { background:rgba(10,102,194,.15); border:1px solid rgba(10,102,194,.3); color:#60A5FA; }
.blog-share-wa       { background:rgba(37,211,102,.1); border:1px solid rgba(37,211,102,.25); color:#4ade80; }
.blog-share-btn:hover { transform:translateY(-1px); opacity:.85; }

/* CTA sidebar */
.blog-sidebar-cta { background:rgba(99,102,241,.08) !important; border-color:rgba(99,102,241,.2) !important; }
.blog-sidebar-cta-label { font-size:1rem; font-weight:800; color:var(--text-primary); }
.blog-sidebar-cta-text  { font-size:.875rem; color:var(--text-secondary); }
.blog-sidebar-cta .btn  { width:100%; text-align:center; justify-content:center; margin-top:.5rem; }

/* ── Back link ── */
.blog-post-back {
  padding-block:2rem;
  border-top:1px solid var(--border-dark);
}
.blog-back-link {
  display:inline-flex; align-items:center; gap:.375rem;
  font-size:.9375rem; font-weight:700; color:var(--indigo-light);
  text-decoration:none; transition:gap var(--t-fast);
}
.blog-back-link::before { content:'←'; }
.blog-back-link:hover { gap:.625rem; opacity:.8; }

/* ── Related posts ── */
.blog-related-section {
  background:var(--bg-dark-2);
  padding-block:var(--section-gap);
  border-top:1px solid var(--border-dark);
}
.blog-grid--3 { grid-template-columns:repeat(3,1fr); }

/* ── Responsive ── */
@media (max-width:1100px) {
  .blog-post-layout { grid-template-columns:1fr; }
  .blog-post-sidebar { position:static; }
  .blog-grid--3 { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
  .blog-post-hero-inner { max-width:100%; }
  .blog-post-title { font-size:clamp(1.625rem,6vw,2.25rem); }
  .blog-grid--3 { grid-template-columns:1fr; }
  .blog-share-buttons { flex-direction:row; flex-wrap:wrap; }
  .blog-share-btn { flex:1; min-width:80px; }
}

/* Legacy alias */
.blog-post-tag { padding:.25rem .75rem; background:rgba(99,102,241,.15); border-radius:var(--radius-full); font-size:.75rem; font-weight:700; color:var(--indigo-light); }
.blog-sidebar { position:sticky; top:90px; display:flex; flex-direction:column; gap:1.25rem; }
.blog-related-post { display:flex; flex-direction:column; gap:.25rem; padding:.625rem 0; border-bottom:1px solid rgba(255,255,255,.06); }
.blog-related-post:last-child { border-bottom:none; }
.blog-related-post a { font-size:.875rem; color:var(--text-secondary); transition:color var(--t-fast); text-decoration:none; }
.blog-related-post a:hover { color:var(--indigo-light); }
.blog-related-post span { font-size:.75rem; color:var(--text-muted); }

/* ═══════════════════════════════════════════════════════════
   43. SITE ANALİZİ PAGE (extended)
   ═══════════════════════════════════════════════════════════ */
/* .analiz-layout replaced by .sa-layout in section 33 */

/* ═══════════════════════════════════════════════════════════
   44. DANIŞMANLIK FORM SECTION
   ═══════════════════════════════════════════════════════════ */
.dc-form-section {
  background:var(--bg-dark-2);
  padding-block:var(--section-gap);
}
.dc-form-layout { display:grid; grid-template-columns:1fr 400px; gap:4rem; align-items:start; }
.dc-form-info h2 { font-size:clamp(1.75rem,3.5vw,2.5rem); font-weight:900; color:var(--text-primary); margin-bottom:1.25rem; letter-spacing:-.04em; }
.dc-form-info p  { font-size:1.0625rem; color:var(--text-secondary); line-height:1.7; margin-bottom:1.5rem; }
.dc-trust-list { display:flex; flex-direction:column; gap:.75rem; }
.dc-trust-item { display:flex; align-items:center; gap:.75rem; font-size:.9375rem; color:var(--text-secondary); }
.dc-trust-icon { width:32px; height:32px; border-radius:var(--radius-md); background:rgba(99,102,241,.1); color:var(--indigo-light); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:.875rem; }

@media (max-width:1100px) {
  .dc-form-layout { grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════════
   45. PRODÜKSIYON PAGE (.prod-*)
   ═══════════════════════════════════════════════════════════ */

/* ── Hero ── */
.prod-hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
  text-align: center;
}

.prod-hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.prod-hero-video video {
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: .55;
}

.prod-hero-overlay {
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.4) 0%,
    rgba(0,0,0,.2) 40%,
    rgba(0,0,0,.6) 100%
  );
}

.prod-hero-content {
  position: relative; z-index: 2;
  display: flex; flex-direction: column;
  align-items: center; gap: 1.5rem;
  padding: 8rem var(--container-px) 5rem;
  max-width: 860px; margin-inline: auto;
  width: 100%;
}

.prod-hero-badge {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .4rem 1.125rem;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: var(--radius-full);
  font-size: .75rem; font-weight: 700; letter-spacing: .12em;
  color: #fff; text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.prod-hero-pulse {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34,197,94,.5);
  animation: pulseDot 2s ease infinite;
  flex-shrink: 0;
}

.prod-hero-title {
  font-size: clamp(2.5rem, 7vw, 5.5rem);
  font-weight: 900; letter-spacing: -.05em;
  line-height: 1.05; color: #fff;
}

.prod-hero-desc {
  font-size: clamp(1rem, 1.8vw, 1.125rem);
  color: rgba(255,255,255,.72);
  line-height: 1.7; max-width: 60ch;
}

.prod-hero-actions { display: flex; flex-wrap: wrap; gap: .875rem; justify-content: center; }

/* Stats */
.prod-stats-bar {
  display: flex; align-items: center; flex-wrap: wrap; gap: .5rem;
  padding: 1rem 2rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--radius-xl);
  backdrop-filter: blur(12px);
}
.prod-stat { text-align: center; padding: .25rem 1.25rem; position: relative; }
.prod-stat:not(:last-child)::after {
  content:''; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:1px; height:28px; background:rgba(255,255,255,.2);
}
.prod-stat-val {
  display: block; font-size: 1.625rem; font-weight: 900;
  letter-spacing: -.04em; color: #fff; line-height: 1.1;
}
.prod-stat-lbl { display: block; font-size: .75rem; color: rgba(255,255,255,.55); margin-top: .1rem; }

/* Scroll hint */
.prod-scroll-hint {
  display: inline-flex; flex-direction: column;
  align-items: center; gap: .375rem;
  color: rgba(255,255,255,.45); font-size: .75rem; font-weight: 600;
  text-decoration: none; transition: color var(--t-fast);
  letter-spacing: .06em; text-transform: uppercase;
}
.prod-scroll-hint:hover { color: rgba(255,255,255,.75); }
.prod-scroll-arrow { animation: float 2s ease-in-out infinite; }

/* ── Section wrapper ── */
.prod-section { padding-block: var(--section-gap); }

/* ── Video Grid ── */
.prod-video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  /* mix 16:9 and 9:16 videos in same grid */
}

.prod-video-card {
  display: flex; flex-direction: column; gap: 0;
  background: #111;
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  transition: all var(--t-base);
}
.prod-video-card:hover {
  border-color: rgba(99,102,241,.3);
  box-shadow: 0 16px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(99,102,241,.08);
  transform: translateY(-3px);
}

/* Aspect ratio containers */
.prod-ratio-16-9 {
  position: relative;
  aspect-ratio: 16/9;
  background: #000;
  overflow: hidden;
}
.prod-ratio-9-16 {
  position: relative;
  aspect-ratio: 9/16;
  background: #000;
  overflow: hidden;
}
.prod-ratio-16-9 video,
.prod-ratio-9-16 video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

/* Play overlay */
.prod-play-overlay {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.3);
  opacity: 1;
  transition: opacity var(--t-base);
  pointer-events: none;
}
.prod-ratio-16-9:hover .prod-play-overlay,
.prod-ratio-9-16:hover .prod-play-overlay { opacity: 0; }
/* Hide overlay once video is playing */
.prod-ratio-16-9 video:not([paused]) ~ .prod-play-overlay,
.prod-ratio-9-16 video:not([paused]) ~ .prod-play-overlay { display: none; }

.prod-play-btn {
  width: 64px; height: 64px; border-radius: 50%;
  background: rgba(255,255,255,.18);
  border: 2px solid rgba(255,255,255,.4);
  display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(8px);
  transition: all var(--t-base);
}
.prod-play-btn:hover { background: rgba(255,255,255,.28); transform: scale(1.08); }
.prod-play-icon { width: 26px; height: 26px; color: #fff; margin-left: 4px; }

/* Card body */
.prod-card-body {
  padding: 1.125rem 1.25rem;
  background: rgba(255,255,255,.04);
  border-top: 1px solid rgba(255,255,255,.07);
}
.prod-card-title {
  font-size: .9375rem; font-weight: 800;
  color: #fff; letter-spacing: -.02em;
  margin-bottom: .3rem;
}
.prod-card-desc {
  font-size: .8125rem; color: rgba(255,255,255,.5);
  line-height: 1.6;
}

/* ── Services Grid ── */
.prod-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.prod-service-card {
  display: flex; gap: 1rem; align-items: flex-start;
  padding: 1.5rem;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-xl);
  transition: all var(--t-base);
}
.prod-service-card:hover {
  background: rgba(99,102,241,.06);
  border-color: rgba(99,102,241,.22);
  transform: translateY(-2px);
}
.prod-service-icon {
  width: 48px; height: 48px; border-radius: var(--radius-lg);
  background: rgba(99,102,241,.12); color: var(--indigo-light);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
/* prod-* dark sayfası: hardcoded beyaz (theme-light override'dan muaf) */
.prod-service-title {
  font-size: 1rem; font-weight: 800;
  color: #fff; margin-bottom: .375rem; letter-spacing: -.02em;
}
.prod-service-desc { font-size: .875rem; color: rgba(255,255,255,.62); line-height: 1.65; }
.prod-card-title  { font-size: .9375rem; font-weight: 800; color: #fff; letter-spacing: -.02em; margin-bottom: .3rem; }
.prod-card-desc   { font-size: .8125rem; color: rgba(255,255,255,.5); line-height: 1.6; }

/* ── Responsive ── */
@media (max-width: 1100px) {
  .prod-video-grid { grid-template-columns: repeat(2, 1fr); }
  .prod-services-grid { grid-template-columns: repeat(2, 1fr); }
  .prod-stats-bar { gap: 0; }
}
@media (max-width: 768px) {
  .prod-hero-content { padding-top: 6rem; }
  .prod-video-grid { grid-template-columns: 1fr; }
  .prod-services-grid { grid-template-columns: 1fr; }
  .prod-stats-bar { padding: .875rem 1rem; }
  .prod-stat { padding: .25rem .75rem; }
  .prod-hero-title { font-size: clamp(2rem, 9vw, 3.5rem); }
  .prod-hero-actions { flex-direction: column; align-items: center; }
  .prod-hero-actions .btn { width: 100%; max-width: 300px; justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════
   46. DARK-PAGE OVERRIDES — Siyah arka planlı sayfalarda
       metin rengi her zaman beyaz kalmalı (theme-light override'ı etkisiz)
   ═══════════════════════════════════════════════════════════ */

/* Danışmanlık hero (always dark bg) */
.dc-hero-title          { color: #fff !important; }
.dc-hero-subtitle       { color: rgba(255,255,255,.72) !important; }
.dc-hero-note           { color: rgba(255,255,255,.42) !important; }
.dc-perk-title          { color: #fff !important; }
.dc-perk-desc           { color: rgba(255,255,255,.62) !important; }
.dc-stats-header        { color: rgba(255,255,255,.55) !important; }
.dc-stat-lbl            { color: rgba(255,255,255,.42) !important; }

/* Danışmanlık steps (dark section) */
.dc-step-title          { color: #fff !important; }
.dc-step-desc           { color: rgba(255,255,255,.65) !important; }

/* ═══ Danışmanlık sayfası — Dark mode (tüm bölümler koyu) ═══ */
html:not(.theme-light) section.section:has(.dc-value-grid) {
  background: var(--bg-dark-2) !important;
}
html:not(.theme-light) section.section:has(.dc-value-grid) .section-eyebrow,
html:not(.theme-light) section.section:has(.dc-value-grid) .section-title,
html:not(.theme-light) section.section:has(.dc-value-grid) .section-subtitle {
  color: #fff !important;
}
html:not(.theme-light) section.section:has(.dc-value-grid) .section-subtitle {
  color: rgba(255,255,255,.68) !important;
}
html:not(.theme-light) section.section:has(.dc-value-grid) .section-title span {
  color: var(--indigo-light) !important;
}

html:not(.theme-light) section.section:has(.dc-service-grid) {
  background: var(--bg-dark-2) !important;
}
html:not(.theme-light) section.section:has(.dc-service-grid) .section-eyebrow,
html:not(.theme-light) section.section:has(.dc-service-grid) .section-title,
html:not(.theme-light) section.section:has(.dc-service-grid) .section-subtitle {
  color: #fff !important;
}
html:not(.theme-light) section.section:has(.dc-service-grid) .section-subtitle {
  color: rgba(255,255,255,.68) !important;
}
html:not(.theme-light) section.section:has(.dc-service-grid) .section-title span {
  color: var(--indigo-light) !important;
}

/* Danışmanlık value cards — dark mode */
html:not(.theme-light) .dc-value-card {
  background: var(--bg-dark-card);
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 4px 24px rgba(0,0,0,.3);
}
html:not(.theme-light) .dc-value-card:hover {
  border-color: rgba(99,102,241,.3);
  box-shadow: 0 12px 40px rgba(99,102,241,.12);
}
html:not(.theme-light) .dc-value-title { color: var(--text-primary) !important; }
html:not(.theme-light) .dc-value-desc  { color: var(--text-secondary) !important; }
html:not(.theme-light) .dc-value-icon--purple { background: rgba(99,102,241,.2); color: var(--indigo-light); }
html:not(.theme-light) .dc-value-icon--blue   { background: rgba(6,182,212,.2);  color: var(--cyan-light); }
html:not(.theme-light) .dc-value-icon--teal   { background: rgba(20,184,166,.2); color: #5eead4; }
html:not(.theme-light) .dc-value-icon--green  { background: rgba(16,185,129,.2); color: #34d399; }
html:not(.theme-light) .dc-value-icon--amber  { background: rgba(245,158,11,.2); color: #fbbf24; }
html:not(.theme-light) .dc-value-icon--pink   { background: rgba(236,72,153,.2); color: #f472b6; }

/* Danışmanlık service cards — dark mode */
html:not(.theme-light) .dc-service-card {
  background: var(--bg-dark-card);
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 4px 24px rgba(0,0,0,.3);
}
html:not(.theme-light) .dc-service-card:hover {
  border-color: rgba(99,102,241,.3);
  box-shadow: 0 10px 36px rgba(99,102,241,.12);
}
html:not(.theme-light) .dc-service-title { color: var(--text-primary) !important; }
html:not(.theme-light) .dc-service-desc  { color: var(--text-secondary) !important; }
html:not(.theme-light) .dc-service-arrow { color: var(--indigo-light); }

/* Form bölümü — dark mode */
html:not(.theme-light) #dc-form {
  background: var(--bg-dark-2) !important;
}
html:not(.theme-light) #dc-form .section-eyebrow,
html:not(.theme-light) #dc-form .section-title,
html:not(.theme-light) #dc-form .section-subtitle {
  color: #fff !important;
}
html:not(.theme-light) #dc-form .section-subtitle { color: rgba(255,255,255,.68) !important; }
html:not(.theme-light) #dc-form .section-title span { color: var(--indigo-light) !important; }

html:not(.theme-light) #dc-form .dc-form-wrap {
  background: var(--bg-dark-3);
  border: 1px solid var(--border-dark);
  border-radius: var(--radius-2xl);
  padding: var(--space-2xl);
}
html:not(.theme-light) #dc-form .dc-urgency-bar {
  color: var(--text-secondary);
  border-color: var(--border-dark);
}
html:not(.theme-light) #dc-form .dc-urgency-bar strong { color: var(--text-primary); }
html:not(.theme-light) #dc-form .form-label { color: var(--text-primary); }
html:not(.theme-light) #dc-form .form-note { color: var(--text-muted); }
html:not(.theme-light) #dc-form .form-note a { color: var(--indigo-light); }
html:not(.theme-light) #dc-form .dc-alt-label { color: var(--text-secondary) !important; }
html:not(.theme-light) #dc-form .dc-alt-item strong { color: var(--text-primary) !important; }
html:not(.theme-light) #dc-form .dc-alt-item span { color: var(--text-muted) !important; }
html:not(.theme-light) #dc-form .dc-alt-item {
  background: rgba(255,255,255,.04);
  border-color: var(--border-dark);
}
html:not(.theme-light) #dc-form .dc-alt-item:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(99,102,241,.3);
}
html:not(.theme-light) #dc-form .dc-contact-opt {
  border-color: var(--border-dark);
  color: var(--text-secondary);
}
html:not(.theme-light) #dc-form .dc-contact-opt:has(input:checked) {
  border-color: rgba(99,102,241,.4);
  background: rgba(99,102,241,.1);
  color: var(--text-primary);
}
/* Danışmanlık form — select/textarea/input koyu tema (beyaz kutu hatası) */
html:not(.theme-light) #dc-form .dc-form-wrap .form-input,
html:not(.theme-light) #dc-form .dc-form-wrap .form-select,
html:not(.theme-light) #dc-form .dc-form-wrap .form-textarea {
  background-color: rgba(15,23,42,.85);
  border: 1.5px solid rgba(255,255,255,.12);
  color: var(--text-primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html:not(.theme-light) #dc-form .dc-form-wrap .form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='rgba(248,250,252,0.45)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
}
html:not(.theme-light) #dc-form .dc-form-wrap .form-select:focus,
html:not(.theme-light) #dc-form .dc-form-wrap .form-textarea:focus,
html:not(.theme-light) #dc-form .dc-form-wrap .form-input:focus {
  background-color: rgba(99,102,241,.12);
  border-color: var(--indigo);
  box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}
html:not(.theme-light) #dc-form .dc-form-wrap .form-select option {
  background: var(--bg-dark-3);
  color: var(--text-primary);
}
html:not(.theme-light) #dc-form .dc-form-wrap .form-textarea::placeholder,
html:not(.theme-light) #dc-form .dc-form-wrap .form-input::placeholder {
  color: var(--text-muted);
}
/* Görüşme tercihi pill'leri — unchecked koyu arka plan, metin ve ikon görünsün */
html:not(.theme-light) #dc-form .dc-contact-opt {
  background: rgba(255,255,255,.06);
}
html:not(.theme-light) #dc-form .dc-contact-opt span {
  color: var(--text-secondary);
}
html:not(.theme-light) #dc-form .dc-contact-opt:has(input:checked) span {
  color: var(--text-primary);
}

/* Teklif Al hero (always dark bg) */
.ta-hero-title          { color: #fff !important; }
.ta-hero-subtitle       { color: rgba(255,255,255,.72) !important; }
.ta-hero-trust-item strong  { color: #fff !important; }
.ta-hero-trust-item span:last-child { color: rgba(255,255,255,.45) !important; }
.ta-hero-trust-num      { color: #fff !important; }
.ta-hero-card--notify strong { color: #fff !important; }
.ta-hero-card--notify span:last-child { color: rgba(255,255,255,.45) !important; }
.ta-hc-header strong    { color: #fff !important; }
.ta-hc-header span      { color: rgba(255,255,255,.45) !important; }
.ta-hc-row span:first-child { color: rgba(255,255,255,.42) !important; }
.ta-hc-row span:last-child  { color: #fff !important; }
.ta-hc-progress > span:first-child { color: rgba(255,255,255,.42) !important; }
.ta-step-title          { color: #fff !important; }
.ta-step-desc           { color: rgba(255,255,255,.65) !important; }

/* SEO hero (always dark bg) */
.seo-hero-title         { color: #fff !important; }
.seo-hero-desc          { color: rgba(255,255,255,.72) !important; }

/* Web Tasarım hero (always dark bg) */
.wt-hero-title          { color: #fff !important; }
.wt-hero-desc           { color: rgba(255,255,255,.72) !important; }

/* Prodüksiyon (always dark/black bg) */
.prod-service-title          { color: #fff !important; }
.prod-service-desc           { color: rgba(255,255,255,.62) !important; }
.prod-card-title             { color: #fff !important; }
.prod-card-desc              { color: rgba(255,255,255,.5) !important; }
/* Prod sections: override inline style="color:var(--text-primary)" */
.prod-section .section-title    { color: #fff !important; }
.prod-section .section-subtitle { color: rgba(255,255,255,.62) !important; }
.prod-section .section-eyebrow  { color: var(--indigo-light) !important; }
.prod-section p                 { color: rgba(255,255,255,.62); }
/* Prod section headings that use inline color:var(--text-primary) */
#prod-services-heading,
#prod-process-heading,
#prod-cta-heading               { color: #fff !important; }

/* Hizmetler sayfası dark sections */
.svc-group-title        { color: #fff !important; }
.svc-group-desc         { color: rgba(255,255,255,.6) !important; }
.svc-card-title         { color: #fff !important; }
.svc-card-desc          { color: rgba(255,255,255,.62) !important; }

/* Prod video card body — dark bg #111 */
.prod-card-body         { background: rgba(255,255,255,.05); }
.prod-video-card .prod-card-title { color: #fff !important; }
.prod-video-card .prod-card-desc  { color: rgba(255,255,255,.5) !important; }

/* Prod stats (hero section always dark) */
.prod-stat-val          { color: #fff !important; }
.prod-stat-lbl          { color: rgba(255,255,255,.55) !important; }

/* Prod service icon color stays visible */
.prod-service-icon      { color: var(--indigo-light) !important; }

/* Blog listing dark sections */
.blog-featured-title    { color: #fff !important; }
.blog-featured-excerpt  { color: rgba(255,255,255,.68) !important; }

/* Blog post dark hero */
.blog-post-title        { color: #fff; }
.blog-post-excerpt      { color: rgba(255,255,255,.72); }
.blog-author-info strong { color: #fff; }

/* Blog breadcrumb stays light in light theme (handled by theme-light) */

/* Testimonials dark sections — keep white in light theme too via overrides */
.testimonial-text       { color: rgba(255,255,255,.68); }
.testimonial-name       { color: #fff; }

/* Page heroes — always dark bg, white text */
.page-hero-title        { color: #fff; }
.page-hero-subtitle     { color: rgba(255,255,255,.72); }

/* CTA strip dark */
.cta-strip-title        { color: #fff !important; }
.cta-strip-subtitle     { color: rgba(255,255,255,.68) !important; }
.cta-strip-note         { color: rgba(255,255,255,.42) !important; }
.cta-strip p            { color: rgba(255,255,255,.68) !important; }

/* Section-dark içindeki inline color:var() override */
.section-dark .section-title,
.section-dark-2 .section-title  { color: #fff; }
.section-dark .section-subtitle,
.section-dark-2 .section-subtitle { color: rgba(255,255,255,.68); }

/* ═══════════════════════════════════════════════════════════
   47. WEB TASARIM PAGE (.wt-*)
   ═══════════════════════════════════════════════════════════ */

/* ── Wt Section (genel sarmalayıcı) ── */
.wt-section { padding-block: var(--section-gap); }
/* Dark page text override */
.wt-section .section-title    { color: #fff !important; }
.wt-section .section-subtitle { color: rgba(255,255,255,.62) !important; }
.wt-section .section-eyebrow  { color: var(--indigo-light) !important; }
#wt-services-heading,
#wt-process-heading,
#wt-faq-heading,
#wt-reasons-heading,
#wt-techs-heading,
#wt-cta-heading                { color: #fff !important; }

/* ── Services grid ── */
.wt-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.wt-service-card {
  display: flex;
  flex-direction: column;
  gap: .875rem;
  padding: 1.625rem;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-xl);
  position: relative;
  transition: all var(--t-base);
}
.wt-service-card:hover {
  background: rgba(99,102,241,.07);
  border-color: rgba(99,102,241,.25);
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(99,102,241,.12);
}
.wt-service-badge {
  position: absolute;
  top: .875rem; right: .875rem;
  padding: .2rem .625rem;
  background: var(--grad-brand);
  border-radius: var(--radius-full);
  font-size: .625rem; font-weight: 900;
  letter-spacing: .08em; text-transform: uppercase; color: #fff;
}
.wt-service-icon {
  width: 50px; height: 50px;
  border-radius: var(--radius-lg);
  background: rgba(99,102,241,.12);
  color: var(--indigo-light);
  display: flex; align-items: center; justify-content: center;
}
.wt-service-title { font-size: 1rem; font-weight: 800; color: #fff; letter-spacing: -.02em; }
.wt-service-desc  { font-size: .875rem; color: rgba(255,255,255,.6); line-height: 1.65; flex: 1; }
.wt-service-link  {
  display: inline-flex; align-items: center; gap: .375rem;
  font-size: .875rem; font-weight: 700; color: var(--indigo-light);
  text-decoration: none; margin-top: auto;
  transition: gap var(--t-fast);
}
.wt-service-link:hover { gap: .625rem; }

/* ── Reasons grid (black bg) ── */
.wt-reasons-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.wt-reason-card {
  padding: 1.625rem;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-xl);
  transition: all var(--t-base);
  display: flex; flex-direction: column; gap: .75rem;
}
.wt-reason-card:hover {
  background: rgba(99,102,241,.07);
  border-color: rgba(99,102,241,.22);
  transform: translateY(-2px);
}
.wt-reason-emoji { font-size: 2rem; }
.wt-reason-title { font-size: 1rem; font-weight: 800; color: #fff; letter-spacing: -.02em; }
.wt-reason-desc  { font-size: .875rem; color: rgba(255,255,255,.6); line-height: 1.65; }

/* ── Process timeline (bg-surface) ── */
.wt-process-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wt-process-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 1.5rem;
  align-items: flex-start;
}
.wt-process-num-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.wt-process-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: var(--grad-brand);
  font-size: 1rem; font-weight: 900; color: #fff;
  box-shadow: 0 4px 20px rgba(99,102,241,.35);
  flex-shrink: 0;
}
.wt-process-connector {
  display: block;
  width: 2px;
  flex: 1;
  min-height: 48px;
  background: linear-gradient(to bottom, rgba(99,102,241,.4), rgba(99,102,241,.1));
  margin: .25rem auto 0;
}
.wt-process-body {
  padding-bottom: 2rem;
  display: flex; flex-direction: column; gap: .5rem;
}
.wt-process-title { font-size: 1.0625rem; font-weight: 800; color: #fff; letter-spacing: -.02em; }
.wt-process-desc  { font-size: .9375rem; color: rgba(255,255,255,.62); line-height: 1.7; }

/* ── Tech pills (black bg) ── */
.wt-tech-grid {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center;
}
.wt-tech-pill {
  padding: .5rem 1.25rem;
  background: rgba(99,102,241,.1);
  border: 1px solid rgba(99,102,241,.22);
  border-radius: var(--radius-full);
  font-size: .875rem; font-weight: 600;
  color: var(--indigo-light);
  transition: all var(--t-fast);
}
.wt-tech-pill:hover {
  background: rgba(99,102,241,.18);
  border-color: rgba(99,102,241,.4);
  color: #fff;
}

/* ── FAQ (bg-surface) ── */
.wt-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wt-faq-item {
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.wt-faq-item:first-child { border-top: 1px solid rgba(255,255,255,.08); }

.wt-faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 0;
  font-size: 1rem; font-weight: 700; color: #fff;
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: color var(--t-fast);
}
.wt-faq-question::-webkit-details-marker { display: none; }
.wt-faq-question:hover { color: var(--indigo-light); }

.wt-faq-chevron {
  flex-shrink: 0;
  color: rgba(255,255,255,.35);
  transition: transform var(--t-base);
}
.wt-faq-item[open] .wt-faq-chevron { transform: rotate(180deg); color: var(--indigo-light); }

.wt-faq-answer {
  padding-bottom: 1.25rem;
  animation: slideDown .25s ease;
}
.wt-faq-answer p {
  font-size: .9375rem;
  color: rgba(255,255,255,.62);
  line-height: 1.75;
}

.wt-faq-cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,.08);
}
.wt-faq-cta p {
  font-size: .9375rem;
  color: rgba(255,255,255,.55);
  margin-right: auto;
}

/* Stats overrides (hero section) */
.wt-stat-val { color: #fff !important; }
.wt-stat-lbl { color: rgba(255,255,255,.55) !important; }

/* ── Responsive ── */
@media (max-width: 1100px) {
  .wt-services-grid { grid-template-columns: repeat(2, 1fr); }
  .wt-reasons-grid  { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .wt-services-grid { grid-template-columns: 1fr; }
  .wt-reasons-grid  { grid-template-columns: 1fr; }
  .wt-process-item  { grid-template-columns: 48px 1fr; gap: 1rem; }
  .wt-faq-cta { flex-direction: column; align-items: flex-start; }
  .wt-faq-cta p { margin-right: 0; }
}

/* ═══════════════════════════════════════════════════════════
   PRINT
   ═══════════════════════════════════════════════════════════ */
@media print {
  .skip-link,
  .site-header,
  .nav-toggle,
  .main-nav,
  .footer-cta-bar,
  .footer-social,
  .floating-wa,
  .exit-intent-overlay,
  .quote-modal,
  [data-quote-trigger],
  .btn { box-shadow:none !important; }
  body { background:#fff; color:#111; }
  .section-dark,
  .section-dark-2 { background:#f5f5f5 !important; }
  a[href]::after { content: none !important; }
  .container { max-width:100%; }
  .section { padding-block:1.5rem; }
  img { max-height:280px; }
}