:root{
  --bg:#000;
  --text:#f2f2f2;
  --muted:#9aa0a6;
  --card:#0b0b0b;
  --line:#161616;
  --accent:#e6e6e6;
  --maxw:1120px;
  --radius:10px;
  --shadow:0 10px 30px rgba(0,0,0,.5);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:16px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  color:var(--text);
  background:var(--bg);
}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter:saturate(1.1) blur(6px);
  background:linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.3));
  border-bottom:1px solid var(--line);
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 24px;
}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text)}
.brand-logo{height:56px; width:auto; display:block}
.brand-text{font-weight:700; letter-spacing:.5px}

/* Nav + Dropdown */
.site-nav{display:flex; align-items:center; gap:12px}
.nav-link{
  color: var(--muted);
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 8px;
  transition: color .2s ease, background .2s ease;
  cursor: pointer;

  /* kritik resetler (butonun beyaz zeminini kaldırır) */
  background: transparent;   /* <-- eklendi */
  border: 0;                  /* <-- eklendi */
  appearance: none;           /* <-- eklendi */
  -webkit-appearance: none;   /* <-- eklendi */
  font: inherit;              /* <-- eklendi */
}

/* hover/aktif davranışı aynı kalsın */
.nav-link:hover,
.nav-link.is-active{
  color: var(--text);
  background: #0a0a0a;
}
.nav-dropdown{position:relative}
.dropdown-menu{
  position:absolute; top:100%; left:0;
  min-width:280px; padding:8px;
  background:#0a0a0a; border:1px solid var(--line); border-radius:10px;
  box-shadow:var(--shadow);
  display:none;
}
.dropdown-menu.open{display:block}
.dropdown-item{
  display:block; padding:10px 12px; border-radius:8px; text-decoration:none; color:var(--text);
}
.dropdown-item:hover{background:#111}
.dropdown-item.is-current{background:#151515}

/* Hero */
.has-hero .hero{position:relative; min-height:calc(100vh - 68px); display:flex; align-items:center; justify-content:center; overflow:hidden}
.hero-bg{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:#000; /* letterbox alanları siyah kalsın */
}
.hero-bg-img{
  object-fit:contain;      /* görselin tamamı görünür, büyütme yok */
  object-position:center;
  image-rendering:auto;    /* orijinal renk/kalite */
  filter:none;             /* renk filtreleri kaldırıldı */
}
.hero-overlay{
  position:absolute; inset:0;
  /* okunabilirlik için hafif karartma, çok agresif değil */
  background:linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.55));
}
.hero-content{
  position:relative; z-index:2; text-align:center; padding:0 24px; max-width:900px;
}
.slogan{
  margin:0 0 286px;
  font-size:clamp(28px, 5vw, 56px);
  line-height:1.15; letter-spacing:.2px;
}
.cta-row{display:flex; gap:14px; flex-wrap:wrap; justify-content:center}
.cta{
  display:inline-block; text-decoration:none; color:#000; background:var(--accent);
  padding:12px 16px; border-radius:999px; font-weight:600;
  transition:transform .15s ease, opacity .15s ease;
}
.cta:hover{transform:translateY(-1px); opacity:.95}

/* Page */
.page-narrow{max-width:var(--maxw); margin:40px auto; padding:0 20px}
.page-header h1{margin:8px 0 4px; font-size:32px}
.page-sub{margin:0 0 20px; color:var(--muted)}

/* Cards */
.service-card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 20px; box-shadow:var(--shadow); margin-bottom:18px;
}
.service-card h2{margin:0 0 6px; font-size:22px}
.service-card p{margin:10px 0}
.service-card ul{margin:10px 0 0 18px}
.note{color:var(--muted); font-size:14px}

/* Contact form */
.contact-form{display:grid; gap:12px; margin-top:12px}
.contact-form label{display:grid; gap:6px}
.contact-form input, .contact-form textarea{
  background:#0f0f0f; border:1px solid var(--line); color:var(--text);
  border-radius:8px; padding:10px 12px; font:inherit;
}
.contact-form input:focus, .contact-form textarea:focus{outline:2px solid #2a2a2a}

/* Footer */
.site-footer{
  border-top:1px solid var(--line);
  color:var(--muted);
  padding:18px 24px; text-align:center;
}

/* A11y tweaks */
a:focus, button:focus{outline:2px dashed #888; outline-offset:2px}
img{max-width:100%; height:auto}

button.nav-link::-moz-focus-inner{ border:0; padding:0 }

/* flash mesajları */
.flash{background:#0b0b0b;border:1px solid var(--line);border-left:3px solid #2a2a2a;padding:12px 14px;border-radius:8px;margin-bottom:16px}
.flash-success{border-left-color:#1e8e3e}
.flash-error{border-left-color:#b00020}