/* ============================================================
   Menutik kabuk görünümü 3 (2026-11-12): bütün pazarlama sayfaları (ana sayfa, alt
   sayfalar, blog) aynı sade dile geçer: kömür yazı, beyaz zemin, yeşil vurgu, Inter.
   menutik.css'ten SONRA yüklenir; yalnız değişkenleri ve üst barı ezer.
   Üst bar owner.com düzeninde: solda logo, ortada menü, sağda giriş + koyu düğme.
   ============================================================ */
:root {
  --mt-ink: #1F2328; --mt-ink-soft: #5F6B7A; --mt-body: #3A434E; --mt-navy-soft: #2B3038;
  --mt-accent: #17A34A; --mt-accent-deep: #0B4A1C; --mt-accent-lite: #8FE3A8; --mt-accent-soft: #E8F8ED; --mt-scan: #8FE3A8;
  --mt-bg: #F6F8FA; --mt-line: #E4E8EC; --mt-shadow: 0 30px 60px -24px rgba(31, 35, 40, .28);
  --mt-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --mt-header-h: 76px;
}
h1, h2, h3, h4 { letter-spacing: -.035em; }
.mt-head h2, .mt-page-head h1, .mt-hero h1 { font-weight: 600; }
.mt-kicker { display: none; }

.mt-header.is-stuck { background: rgba(255, 255, 255, .92); box-shadow: 0 1px 0 rgba(31, 35, 40, .08); }
.mt-header::after { background: rgba(31, 35, 40, .42); }
.mt-logo { font-size: 21px; font-weight: 700; letter-spacing: -.04em; gap: 9px; }
.mt-logo b { font-weight: 700; }
.mt-logo__mark, .mt-logo i { color: var(--mt-ink); }
.mt-logo__mark { width: 30px; height: 30px; }
.mt-nav a { color: var(--mt-ink); font-size: 15px; font-weight: 500; letter-spacing: -.01em; }
.mt-nav a:hover { background: rgba(31, 35, 40, .06); }
.mt-login { font-weight: 500; letter-spacing: -.01em; }
.mt-login:hover { color: var(--mt-ink); opacity: .7; }
.mt-pill { background: #2B2B2B; border-radius: 12px; box-shadow: none; font-weight: 600; letter-spacing: -.01em; padding: 12px 20px; }
.mt-pill:hover { background: #111; box-shadow: none; transform: none; }
.mt-burger { border-color: var(--mt-line); }
@media (min-width: 921px) {
  .mt-header__inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; }
  .mt-nav { margin: 0; gap: 6px; }
  .mt-actions { justify-self: end; }
}

.mt-btn--primary { background: var(--mt-ink); box-shadow: none; }
.mt-btn--primary:hover { background: #111; box-shadow: none; }
.mt-sec--ink { background: #16191E; }
.mt-punch b { color: var(--mt-accent-lite); }