@charset "UTF-8";
/* =====================================================================
   MÜFREDAT AKADEMİ — MA-UI  (Tasarım Sistemi v2)
   ---------------------------------------------------------------------
   Bu dosya ma-theme.css'ten SONRA yüklenir ve iki bölümden oluşur:

     A) KABUK  (.mau-*)  → header, mega menü, mobil keşif paneli,
        mobil alt navigasyon, hızlı işlem merkezi.
        Tüm sayfalarda çalışır, sayfa içi düzenlere DOKUNMAZ.

     B) ANA SAYFA (body.mau-home içinde) → yalnızca yeni index.html.

   KURAL: Global element seçicisi (svg{}, img{}, button{}) kullanılmaz.
   Her kural bir .mau-* bağlamına bağlıdır.
   ===================================================================== */

/* =====================================================================
   00. TOKEN'LAR
   ===================================================================== */
:root{
  /* Mürekkep — logodaki lacivertten türetildi */
  --mau-ink:#0B1F3A;
  --mau-ink-2:#33455F;
  --mau-ink-3:#657590;

  /* Kraliyet mavisi — logonun ana rengi, tüm eylemler */
  --mau-royal:#1552C8;
  --mau-royal-600:#1146AC;
  --mau-royal-100:#DCE7FF;
  --mau-royal-50:#EEF3FF;

  /* Kağıt yüzeyler */
  --mau-paper:#F6F8FC;
  --mau-paper-2:#EFF3FA;
  --mau-white:#FFFFFF;
  --mau-line:#DEE6F2;
  --mau-line-2:#EBF0F8;

  /* Kehribar — YALNIZCA tek birincil dönüşüm noktası */
  --mau-amber:#E8821E;
  --mau-amber-50:#FFF5EA;

  /* Nane — üründeki "tamamlandı" durumundan geldi */
  --mau-mint:#0E9E6E;
  --mau-mint-50:#E8F7F1;

  --mau-ff-display:'Sora','Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mau-ff-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;

  --mau-r-sm:10px; --mau-r:14px; --mau-r-lg:20px; --mau-r-xl:28px;

  --mau-sh-1:0 1px 2px rgba(11,31,58,.05);
  --mau-sh-2:0 6px 18px -6px rgba(11,31,58,.12), 0 2px 6px rgba(11,31,58,.05);
  --mau-sh-3:0 24px 56px -20px rgba(11,31,58,.24), 0 4px 12px rgba(11,31,58,.06);

  --mau-container:1200px;
  --mau-header-h:70px;
  --mau-bottom-h:64px;
  --mau-ease:cubic-bezier(.22,.7,.3,1);
}

/* =====================================================================
   A. KABUK — TÜM SAYFALARDA
   ===================================================================== */

/* Kabuk etkinken eski yüzen WhatsApp düğmesi gizlenir; işlevi hızlı
   işlem merkezine ve mobil alt bara taşındı (iki kez görünmesin). */
body.mau-shell .floating-whatsapp{ display:none!important; }

/* Android Chrome'un "font boosting" özelliği mobilde bazı metinleri
   (özellikle alt bardaki <button> etiketini) kendiliğinden büyütüyordu. */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }

body.mau-shell{
  font-family:var(--mau-ff-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.mau-wrap{ width:min(var(--mau-container), calc(100% - 40px)); margin-inline:auto; }
@media (max-width:640px){ .mau-wrap{ width:calc(100% - 32px); } }

.mau-sr{
  position:absolute!important; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
}

/* Klavye erişimi — her yerde görünür odak halkası */
body.mau-shell :focus-visible{
  outline:2px solid var(--mau-royal);
  outline-offset:2px;
  border-radius:6px;
}

/* ── Atlama bağlantısı ─────────────────────────────────────────────── */
.mau-skip{
  position:fixed; top:8px; left:8px; z-index:400;
  transform:translateY(-160%);
  background:var(--mau-ink); color:#fff; padding:10px 16px;
  border-radius:var(--mau-r-sm); font-size:14px; font-weight:600;
  transition:transform .18s var(--mau-ease);
}
.mau-skip:focus{ transform:translateY(0); }

/* ── HEADER ────────────────────────────────────────────────────────── */
.mau-header{
  position:sticky; top:0; z-index:120;
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid transparent;
  transition:border-color .25s var(--mau-ease), box-shadow .25s var(--mau-ease);
}
.mau-header.is-stuck{ border-bottom-color:var(--mau-line); box-shadow:0 6px 20px -14px rgba(11,31,58,.35); }

.mau-bar{
  min-height:var(--mau-header-h);
  display:flex; align-items:center; gap:18px;
}

/* Marka */
.mau-brand{ display:flex; align-items:center; gap:11px; min-width:0; flex:0 0 auto; }
.mau-brand img{ width:40px; height:40px; object-fit:contain; display:block; flex:0 0 40px; }
.mau-brand-txt{ display:flex; flex-direction:column; line-height:1.1; min-width:0; }
.mau-brand-name{
  font-family:var(--mau-ff-display); font-weight:700; font-size:16.5px;
  letter-spacing:-.02em; color:var(--mau-ink); white-space:nowrap;
}
.mau-brand-sub{
  font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--mau-ink-3); white-space:nowrap; margin-top:3px;
}

/* Masaüstü gezinme */
.mau-nav{ display:flex; align-items:center; gap:2px; margin-inline:auto; }
.mau-nav-item{ position:relative; }
.mau-nav-link{
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 13px; border-radius:var(--mau-r-sm);
  font-size:15px; font-weight:550; color:var(--mau-ink-2);
  background:none; border:0; cursor:pointer; font-family:inherit;
  transition:color .16s var(--mau-ease), background .16s var(--mau-ease);
  white-space:nowrap;
}
.mau-nav-link:hover{ color:var(--mau-ink); background:var(--mau-paper-2); }
.mau-nav-link[aria-current="page"]{ color:var(--mau-royal); }
.mau-nav-link .mau-chev{ width:11px; height:11px; transition:transform .2s var(--mau-ease); opacity:.6; }
.mau-nav-item.is-open .mau-nav-link{ color:var(--mau-ink); background:var(--mau-paper-2); }
.mau-nav-item.is-open .mau-chev{ transform:rotate(180deg); }

/* Mega menü */
.mau-mega{
  position:absolute; top:calc(100% + 12px); left:50%; translate:-50% 0;
  width:min(720px, calc(100vw - 48px));
  background:var(--mau-white);
  border:1px solid var(--mau-line);
  border-radius:var(--mau-r-lg);
  box-shadow:var(--mau-sh-3);
  padding:14px;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .18s var(--mau-ease), transform .18s var(--mau-ease), visibility .18s;
  display:grid; gap:14px;
}
.mau-nav-item.is-open .mau-mega{ opacity:1; visibility:visible; transform:translateY(0); }
.mau-mega::before{ content:""; position:absolute; inset:-14px 0 auto 0; height:14px; }
.mau-mega--narrow{ width:min(400px, calc(100vw - 48px)); }
.mau-mega-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
.mau-mega--narrow .mau-mega-grid{ grid-template-columns:1fr; }

.mau-mi{
  display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:start;
  padding:11px 12px; border-radius:var(--mau-r); transition:background .14s var(--mau-ease);
}
.mau-mi:hover{ background:var(--mau-royal-50); }
.mau-mi-ic{
  width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
  background:var(--mau-royal-50); color:var(--mau-royal); flex:0 0 34px;
}
.mau-mi-ic svg{ width:17px; height:17px; }
.mau-mi-t{ font-size:14.5px; font-weight:650; color:var(--mau-ink); letter-spacing:-.01em; }
.mau-mi-d{ font-size:12.5px; color:var(--mau-ink-3); line-height:1.45; margin-top:2px; }

.mau-mega-foot{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background:var(--mau-paper); border-radius:var(--mau-r); padding:13px 16px;
}
.mau-mega-foot p{ font-size:13px; color:var(--mau-ink-2); margin:0; line-height:1.45; }
.mau-mega-foot strong{ color:var(--mau-ink); font-weight:650; }

/* Header eylemleri */
.mau-acts{ display:flex; align-items:center; gap:8px; flex:0 0 auto; margin-left:auto; }

.mau-login{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 14px; border-radius:var(--mau-r-sm);
  font-size:14.5px; font-weight:600; color:var(--mau-ink-2);
  border:1px solid var(--mau-line); background:var(--mau-white);
  transition:border-color .16s var(--mau-ease), color .16s var(--mau-ease);
}
.mau-login:hover{ border-color:var(--mau-royal); color:var(--mau-royal); }
.mau-login svg{ width:16px; height:16px; }

/* Düğmeler */
.mau-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:12px 20px; border-radius:var(--mau-r);
  font-family:var(--mau-ff-body); font-size:15px; font-weight:600; letter-spacing:-.005em;
  border:1px solid transparent; cursor:pointer; text-align:center;
  transition:transform .14s var(--mau-ease), box-shadow .18s var(--mau-ease),
             background .18s var(--mau-ease), border-color .18s var(--mau-ease);
}
.mau-btn svg{ width:17px; height:17px; flex:0 0 17px; }
.mau-btn:active{ transform:translateY(1px); }

.mau-btn--primary{ background:var(--mau-royal); color:#fff; box-shadow:0 8px 20px -10px rgba(21,82,200,.7); }
.mau-btn--primary:hover{ background:var(--mau-royal-600); box-shadow:0 12px 26px -12px rgba(21,82,200,.8); }

/* Kehribar: sayfada TEK birincil dönüşüm noktası için */
.mau-btn--accent{ background:var(--mau-amber); color:#fff; box-shadow:0 8px 20px -10px rgba(232,130,30,.75); }
.mau-btn--accent:hover{ background:#D4741A; }

.mau-btn--ghost{ background:var(--mau-white); color:var(--mau-ink); border-color:var(--mau-line); }
.mau-btn--ghost:hover{ border-color:var(--mau-ink-3); background:var(--mau-paper); }

.mau-btn--quiet{ background:var(--mau-paper-2); color:var(--mau-ink); }
.mau-btn--quiet:hover{ background:var(--mau-royal-50); color:var(--mau-royal); }

.mau-btn--sm{ padding:9px 15px; font-size:14px; border-radius:var(--mau-r-sm); }
.mau-btn--wide{ width:100%; }

/* Hamburger */
.mau-burger{
  display:none; width:42px; height:42px; border-radius:var(--mau-r-sm);
  border:1px solid var(--mau-line); background:var(--mau-white);
  align-items:center; justify-content:center; cursor:pointer; padding:0;
}
.mau-burger span{
  display:block; width:17px; height:1.8px; background:var(--mau-ink); border-radius:2px;
  position:relative; transition:background .16s var(--mau-ease);
}
.mau-burger span::before,.mau-burger span::after{
  content:""; position:absolute; left:0; width:17px; height:1.8px;
  background:var(--mau-ink); border-radius:2px; transition:transform .22s var(--mau-ease);
}
.mau-burger span::before{ top:-5.5px; }
.mau-burger span::after{ top:5.5px; }
.mau-burger[aria-expanded="true"] span{ background:transparent; }
.mau-burger[aria-expanded="true"] span::before{ transform:translateY(5.5px) rotate(45deg); }
.mau-burger[aria-expanded="true"] span::after{ transform:translateY(-5.5px) rotate(-45deg); }

/* ── MOBİL KEŞİF PANELİ (tam ekran) ────────────────────────────────── */
.mau-sheet{
  position:fixed; inset:0; z-index:200;
  background:var(--mau-white);
  display:flex; flex-direction:column;
  transform:translateY(-100%);
  visibility:hidden;
  transition:transform .32s var(--mau-ease), visibility .32s;
  overscroll-behavior:contain;
}
.mau-sheet.is-open{ transform:translateY(0); visibility:visible; }
body.mau-sheet-open{ overflow:hidden; }

.mau-sheet-top{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid var(--mau-line-2); flex:0 0 auto;
  padding-top:max(14px, env(safe-area-inset-top));
}
.mau-sheet-body{
  flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:18px 16px calc(28px + env(safe-area-inset-bottom));
}
.mau-sheet-lbl{
  font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  color:var(--mau-ink-3); margin:22px 0 10px;
}
.mau-sheet-lbl:first-child{ margin-top:0; }

.mau-si{
  display:grid; grid-template-columns:38px 1fr 16px; gap:13px; align-items:center;
  padding:13px 12px; border-radius:var(--mau-r); border:1px solid var(--mau-line-2);
  margin-bottom:8px; background:var(--mau-white);
}
.mau-si:active{ background:var(--mau-royal-50); }
.mau-si-ic{
  width:38px; height:38px; border-radius:11px; display:grid; place-items:center;
  background:var(--mau-royal-50); color:var(--mau-royal);
}
.mau-si-ic svg{ width:18px; height:18px; }
.mau-si-t{ font-size:15px; font-weight:650; color:var(--mau-ink); letter-spacing:-.01em; }
.mau-si-d{ font-size:12.5px; color:var(--mau-ink-3); line-height:1.4; margin-top:2px; }
.mau-si-go{ width:16px; height:16px; color:var(--mau-ink-3); }

.mau-sheet-cta{ display:grid; gap:10px; margin-top:24px; }

/* ── MOBİL ALT NAVİGASYON ──────────────────────────────────────────── */
.mau-tabbar{
  position:fixed; left:0; right:0; bottom:0; z-index:150;
  display:none; align-items:stretch;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-top:1px solid var(--mau-line);
  padding-bottom:env(safe-area-inset-bottom);
}
.mau-tab{
  flex:1 1 0; min-width:0;
  -webkit-appearance:none; appearance:none;
  background:none; border:0; padding:0; margin:0;
  font-family:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  height:var(--mau-bottom-h); padding:0 2px;
  font-size:10.5px; font-weight:600; color:var(--mau-ink-3); letter-spacing:-.01em;
}
.mau-tab svg{ width:21px; height:21px; }
.mau-tab[aria-current="page"]{ color:var(--mau-royal); }
.mau-tab--cta{ position:relative; color:var(--mau-ink); }
.mau-tab--cta .mau-tab-fab{
  width:46px; height:46px; margin-top:-18px; border-radius:15px;
  background:var(--mau-amber); color:#fff; display:grid; place-items:center;
  box-shadow:0 10px 22px -8px rgba(232,130,30,.75);
  border:3px solid var(--mau-white);
}
.mau-tab--cta .mau-tab-fab svg{ width:21px; height:21px; }

/* ── HIZLI İŞLEM MERKEZİ (masaüstü) ────────────────────────────────
   Sade bir hap değil; markalı, fark edilen ama bağırmayan bir merkez. */
.mau-dock{ position:fixed; right:24px; bottom:24px; z-index:140; display:none; }

.mau-dock-panel{
  position:absolute; right:0; bottom:calc(100% + 14px); width:330px;
  background:var(--mau-white); border:1px solid var(--mau-line);
  border-radius:22px; padding:8px;
  box-shadow:0 30px 70px -26px rgba(11,31,58,.45), 0 4px 14px rgba(11,31,58,.07);
  opacity:0; visibility:hidden; transform:translateY(10px) scale(.96); transform-origin:bottom right;
  transition:opacity .22s var(--mau-ease), transform .28s var(--mau-ease), visibility .22s;
}
.mau-dock.is-open .mau-dock-panel{ opacity:1; visibility:visible; transform:translateY(0) scale(1); }

.mau-dock-head{
  display:flex; align-items:center; gap:11px;
  padding:14px 14px 13px; margin:0 0 6px;
  border-bottom:1px solid var(--mau-line-2);
}
.mau-dock-mark{
  width:38px; height:38px; border-radius:11px; flex:0 0 38px;
  background:var(--mau-paper); display:grid; place-items:center; overflow:hidden;
}
.mau-dock-mark img{ width:30px; height:30px; object-fit:contain; }
.mau-dock-head-tx b{ display:block; font-family:var(--mau-ff-display); font-size:14.5px; font-weight:650; color:var(--mau-ink); letter-spacing:-.015em; }
.mau-dock-head-tx span{ display:block; font-size:12px; color:var(--mau-ink-3); margin-top:2px; }

.mau-dock-acts{ display:grid; gap:2px; }
.mau-da{
  display:grid; grid-template-columns:36px 1fr 14px; gap:12px; align-items:center;
  padding:11px 12px; border-radius:14px;
  transition:background .15s var(--mau-ease);
}
.mau-da:hover{ background:var(--mau-paper); }
.mau-da-ic{
  width:36px; height:36px; border-radius:11px; display:grid; place-items:center;
  background:var(--mau-paper-2); color:var(--mau-ink-2);
  transition:transform .18s var(--mau-ease);
}
.mau-da:hover .mau-da-ic{ transform:scale(1.06); }
.mau-da-ic svg{ width:17px; height:17px; }
.mau-da--wa .mau-da-ic{ background:#E7F8EE; color:#128C4A; }
.mau-da--go .mau-da-ic{ background:var(--mau-amber-50); color:var(--mau-amber); }
.mau-da--find .mau-da-ic{ background:var(--mau-royal-50); color:var(--mau-royal); }
.mau-da-t{ display:block; font-size:14px; font-weight:600; color:var(--mau-ink); letter-spacing:-.01em; }
.mau-da-d{ display:block; font-size:12px; color:var(--mau-ink-3); margin-top:1px; }
.mau-da-go{ width:14px; height:14px; color:var(--mau-line); transition:color .16s var(--mau-ease), transform .18s var(--mau-ease); }
.mau-da:hover .mau-da-go{ color:var(--mau-royal); transform:translateX(2px); }

/* Düğme: lacivert hap + nefes alan halka */
.mau-dock-btn{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  padding:13px 20px 13px 14px; border-radius:999px;
  background:var(--mau-ink); color:#fff; border:0; cursor:pointer;
  font-family:var(--mau-ff-body); font-size:14.5px; font-weight:600; letter-spacing:-.01em;
  box-shadow:0 18px 38px -14px rgba(11,31,58,.65), 0 0 0 1px rgba(255,255,255,.06) inset;
  transition:transform .18s var(--mau-ease), background .2s var(--mau-ease), box-shadow .2s var(--mau-ease);
}
.mau-dock-btn:hover{ transform:translateY(-2px); box-shadow:0 24px 46px -14px rgba(11,31,58,.7); }
.mau-dock-btn-ic{
  width:26px; height:26px; border-radius:9px; display:grid; place-items:center;
  background:var(--mau-royal); color:#fff; flex:0 0 26px;
  transition:transform .3s var(--mau-ease), background .2s var(--mau-ease);
}
.mau-dock-btn-ic svg{ width:15px; height:15px; }
.mau-dock.is-open .mau-dock-btn-ic{ transform:rotate(135deg); background:var(--mau-amber); }

/* Dikkat çeken ama rahatsız etmeyen halka — açılınca durur */
.mau-dock-btn::after{
  content:""; position:absolute; inset:-3px; border-radius:inherit;
  border:1.5px solid var(--mau-royal); opacity:0; pointer-events:none;
  animation:mau-ring 3.6s var(--mau-ease) infinite;
}
.mau-dock.is-open .mau-dock-btn::after{ animation:none; opacity:0; }
@keyframes mau-ring{
  0%   { transform:scale(.96); opacity:0 }
  35%  { opacity:.5 }
  70%,100%{ transform:scale(1.1); opacity:0 }
}

/* ── KABUK KIRILIMLARI ─────────────────────────────────────────────── */
@media (min-width:1025px){
  .mau-dock{ display:block; }
}
@media (max-width:1024px){
  .mau-nav{ display:none; }
  .mau-burger{ display:inline-flex; }
  .mau-login span{ display:none; }
  .mau-login{ padding:9px 11px; }
  .mau-tabbar{ display:flex; }
  body.mau-shell{ padding-bottom:calc(var(--mau-bottom-h) + env(safe-area-inset-bottom)); }
}
@media (max-width:560px){
  .mau-acts .mau-btn--header{ display:none; }
  .mau-brand-sub{ display:none; }
  :root{ --mau-header-h:62px; }
}

@media (prefers-reduced-motion:reduce){
  body.mau-shell *,body.mau-shell *::before,body.mau-shell *::after{
    animation-duration:.001ms!important; animation-iteration-count:1!important;
    transition-duration:.001ms!important; scroll-behavior:auto!important;
  }
}

/* =====================================================================
   B. ANA SAYFA — body.mau-home
   ===================================================================== */
body.mau-home{
  margin:0; background:var(--mau-white); color:var(--mau-ink);
  font-family:var(--mau-ff-body); font-size:17px; line-height:1.7;
  overflow-x:clip;
}
body.mau-home *{ box-sizing:border-box; }
body.mau-home a{ color:inherit; text-decoration:none; }

/* =====================================================================
   R25.1 — KABUKTAKİ BAĞLANTILARIN ALTI ÇİZİLİ ÇIKMASI
   ---------------------------------------------------------------------
   Kök neden: alt çizgiyi kaldıran TEK kural yukarıdaki satırdı ve o
   kural `body.mau-home` ile YALNIZCA ANA SAYFAYA kilitliydi. Ortak kabuk
   (header, mega menü, mobil panel, alt navigasyon, footer) ise BÜTÜN
   sayfalarda çalışıyor. Sonuç: ana sayfa dışındaki her sayfada logo,
   menü başlıkları, mega menü satırları ve footer bağlantıları tarayıcı
   varsayılanı olan alt çizgiyle görünüyordu.

   Alt çizgi global olarak kapatılmadı: `ma-theme.css` metin akışı
   içindeki sınıfsız bağlantıları bilerek altı çizili gösteriyor
   (okunabilirlik ve erişilebilirlik). Bu yüzden kural yalnızca KABUK
   bileşenlerine ve buton benzeri öğelere kapsanmıştır.
   ===================================================================== */
.mau-header a, .mau-sheet a, .mau-tabbar a, .mau-dock a, .mau-foot a,
.mau-btn, a.mau-btn, .mau-brand, .mau-nav-link, .maqn a,
.mau-cl, .mau-fchip, .mau-si, .mau-mega a{
  text-decoration:none;
}
body.mau-home img{ max-width:100%; display:block; }
body.mau-home h1,body.mau-home h2,body.mau-home h3,body.mau-home h4{
  font-family:var(--mau-ff-display); font-weight:700; letter-spacing:-.028em;
  line-height:1.12; margin:0; color:var(--mau-ink);
}
body.mau-home p{ margin:0; }
body.mau-home ul{ margin:0; padding:0; list-style:none; }
/* DİKKAT: burada `font:inherit` KULLANILMAZ. Kısayol font-size'ı da
   gövdeden (17px) devralır ve (0,1,1) özgüllüğüyle .mau-btn / .mau-tab /
   .mau-nav-link gibi (0,1,0) bileşen kurallarını ezer; tüm düğme
   yazıları büyür. Yalnızca aile devralınır. */
body.mau-home button,body.mau-home input,body.mau-home select,body.mau-home textarea{
  font-family:inherit; font-weight:inherit;
}
body.mau-home input,body.mau-home select,body.mau-home textarea{ font-size:16px; }

.mau-sec{ padding:88px 0; }
.mau-sec--tight{ padding:64px 0; }
.mau-sec--paper{ background:var(--mau-paper); }
.mau-sec--ink{ background:var(--mau-ink); color:#fff; }
@media (max-width:768px){ .mau-sec{ padding:60px 0; } .mau-sec--tight{ padding:48px 0; } }

.mau-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:11.5px; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  color:var(--mau-royal);
}
.mau-eyebrow::before{
  content:""; width:22px; height:1.5px; background:currentColor; opacity:.45; border-radius:2px;
}
.mau-sec--ink .mau-eyebrow{ color:#8FB6FF; }

.mau-h2{ font-size:clamp(27px,3.3vw,42px); margin-top:16px; }
.mau-lede{ font-size:17.5px; color:var(--mau-ink-2); line-height:1.72; margin-top:16px; max-width:62ch; }
.mau-sec--ink .mau-h2{ color:#fff; }
.mau-sec--ink .mau-lede{ color:#B9C7DC; }

.mau-head{ max-width:720px; margin-bottom:44px; }
.mau-head--mid{ margin-inline:auto; text-align:center; }
.mau-head--mid .mau-lede{ margin-inline:auto; }

/* İmza motifi: plan kafesi ------------------------------------------- */
.mau-lattice{
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(21,82,200,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(21,82,200,.055) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(120% 90% at 70% 0%, #000 25%, transparent 72%);
  -webkit-mask-image:radial-gradient(120% 90% at 70% 0%, #000 25%, transparent 72%);
}

/* ── HERO ──────────────────────────────────────────────────────────── */
.mau-hero{ position:relative; padding:64px 0 76px; overflow:hidden; background:var(--mau-white); }
.mau-hero-grid{
  position:relative; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:56px; align-items:center;
}
.mau-hero h1{
  font-size:clamp(33px,4.7vw,57px); line-height:1.06; margin-top:20px; letter-spacing:-.035em;
}
.mau-hero h1 em{
  font-style:normal; color:var(--mau-royal);
  background:linear-gradient(transparent 66%, var(--mau-royal-100) 66%);
  padding:0 2px;
}
.mau-hero-lede{ font-size:18px; color:var(--mau-ink-2); line-height:1.68; margin-top:22px; max-width:52ch; }
.mau-hero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }

/* Slogan üç noktalı ilerleme göstergesi olarak */
.mau-steps3{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mau-steps3 span{
  font-size:11.5px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--mau-ink-3);
}
.mau-steps3 span.on{ color:var(--mau-royal); }
.mau-steps3 i{ width:5px; height:5px; border-radius:50%; background:var(--mau-line); display:block; }
.mau-steps3 i.on{ background:var(--mau-royal); }

/* Gerçek, doğrulanabilir güven şeridi (sayı iddiası yok) */
.mau-trust{
  display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:36px;
  padding-top:26px; border-top:1px solid var(--mau-line-2);
}
.mau-trust li{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--mau-ink-2); font-weight:500; }
.mau-trust svg{ width:15px; height:15px; color:var(--mau-mint); flex:0 0 15px; }

/* İMZA: canlı haftalık plan paneli */
.mau-panel{
  background:var(--mau-white); border:1px solid var(--mau-line);
  border-radius:var(--mau-r-xl); box-shadow:var(--mau-sh-3);
  padding:20px; position:relative;
}
.mau-panel-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.mau-panel-title{ font-family:var(--mau-ff-display); font-size:15px; font-weight:650; letter-spacing:-.015em; }
.mau-panel-sub{ font-size:11.5px; color:var(--mau-ink-3); margin-top:2px; }
.mau-chip{
  font-size:11px; font-weight:650; padding:5px 10px; border-radius:999px;
  background:var(--mau-mint-50); color:var(--mau-mint); letter-spacing:-.01em; white-space:nowrap;
}

.mau-week{ display:grid; grid-template-columns:repeat(6,1fr); gap:5px; margin-bottom:16px; }
.mau-day{ text-align:center; }
.mau-day b{
  display:block; font-size:10px; font-weight:700; letter-spacing:.08em;
  color:var(--mau-ink-3); text-transform:uppercase; margin-bottom:5px;
}
.mau-day u{
  display:block; height:38px; border-radius:9px; background:var(--mau-paper-2);
  border:1px solid transparent; text-decoration:none;
  position:relative; overflow:hidden;
}
.mau-day u::after{
  content:""; position:absolute; left:6px; right:6px; bottom:6px; height:0;
  background:var(--mau-royal); border-radius:3px;
  transition:height .7s var(--mau-ease);
}
.mau-day.f u::after{ height:22px; }
.mau-day.h u::after{ height:12px; opacity:.45; }
.mau-day.today u{ border-color:var(--mau-royal); background:var(--mau-royal-50); }

.mau-tasks{ display:grid; gap:7px; }
.mau-task{
  display:grid; grid-template-columns:20px 1fr auto; gap:11px; align-items:center;
  padding:11px 13px; border-radius:12px; background:var(--mau-paper);
  border:1px solid transparent; font-size:13.5px; color:var(--mau-ink-2);
  transition:background .3s var(--mau-ease), color .3s var(--mau-ease);
}
.mau-box{
  width:20px; height:20px; border-radius:6px; border:1.8px solid var(--mau-line);
  background:var(--mau-white); display:grid; place-items:center;
  transition:background .3s var(--mau-ease), border-color .3s var(--mau-ease);
}
.mau-box svg{ width:12px; height:12px; color:#fff; opacity:0; transform:scale(.5); transition:opacity .25s var(--mau-ease), transform .25s var(--mau-ease); }
.mau-task.done{ background:var(--mau-mint-50); color:var(--mau-ink); }
.mau-task.done .mau-box{ background:var(--mau-mint); border-color:var(--mau-mint); }
.mau-task.done .mau-box svg{ opacity:1; transform:scale(1); }
.mau-task small{ font-size:11px; color:var(--mau-ink-3); font-variant-numeric:tabular-nums; white-space:nowrap; }

.mau-net{
  margin-top:16px; padding-top:15px; border-top:1px dashed var(--mau-line);
  display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.mau-net-l{ font-size:11.5px; color:var(--mau-ink-3); font-weight:600; }
.mau-net-l b{ display:block; font-family:var(--mau-ff-display); font-size:19px; color:var(--mau-ink); font-weight:700; margin-top:2px; font-variant-numeric:tabular-nums; }
.mau-spark{ height:38px; flex:1 1 auto; max-width:170px; }
.mau-spark path{ fill:none; stroke:var(--mau-royal); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mau-spark .mau-spark-fill{ fill:rgba(21,82,200,.09); stroke:none; }

/* Panel altı not */
.mau-panel-note{
  margin-top:14px; font-size:11.5px; color:var(--mau-ink-3); text-align:center; line-height:1.5;
}

@media (max-width:980px){
  .mau-hero-grid{ grid-template-columns:1fr; gap:40px; }
  .mau-hero{ padding:44px 0 56px; }
  .mau-hero-lede{ max-width:100%; }
}

/* ── HİZMET SEÇİCİ ─────────────────────────────────────────────────── */
.mau-finder{ display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:28px; align-items:start; }
.mau-finder-list{ display:grid; gap:7px; }
.mau-fbtn{
  display:grid; grid-template-columns:36px 1fr 14px; gap:13px; align-items:center;
  width:100%; text-align:right; padding:14px 16px; cursor:pointer;
  border:1px solid var(--mau-line); border-radius:var(--mau-r);
  background:var(--mau-white); color:var(--mau-ink);
  transition:border-color .18s var(--mau-ease), background .18s var(--mau-ease), transform .18s var(--mau-ease);
}
.mau-fbtn > span:nth-child(2){ text-align:left; min-width:0; }
.mau-fbtn-ic{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:var(--mau-paper-2); color:var(--mau-ink-2); transition:background .18s var(--mau-ease), color .18s var(--mau-ease); }
.mau-fbtn-ic svg{ width:18px; height:18px; }
.mau-fbtn-t{ display:block; font-size:15px; font-weight:650; letter-spacing:-.015em; }
.mau-fbtn-d{ display:block; font-size:12.5px; color:var(--mau-ink-3); margin-top:2px; line-height:1.4; }
.mau-fbtn-go{ width:14px; height:14px; color:var(--mau-line); transition:color .18s var(--mau-ease), transform .18s var(--mau-ease); }
.mau-fbtn:hover{ border-color:var(--mau-royal-100); background:var(--mau-royal-50); }
.mau-fbtn[aria-selected="true"]{ border-color:var(--mau-royal); background:var(--mau-white); box-shadow:0 0 0 3px var(--mau-royal-50); }
.mau-fbtn[aria-selected="true"] .mau-fbtn-ic{ background:var(--mau-royal); color:#fff; }
.mau-fbtn[aria-selected="true"] .mau-fbtn-go{ color:var(--mau-royal); transform:translateX(2px); }

.mau-fpanel{
  border:1px solid var(--mau-line); border-radius:var(--mau-r-xl);
  background:var(--mau-white); box-shadow:var(--mau-sh-2); padding:32px; min-height:340px;
}
.mau-fpanel h3{ font-size:24px; margin-top:12px; }
.mau-fpanel > *{ animation:mau-fade .32s var(--mau-ease) both; }
@keyframes mau-fade{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }

.mau-fp-desc{ font-size:16px; color:var(--mau-ink-2); line-height:1.7; margin-top:12px; }
.mau-fp-split{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:26px; padding-top:24px; border-top:1px solid var(--mau-line-2); }
.mau-fp-lbl{ font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mau-ink-3); margin-bottom:12px; }
.mau-fp-split li{ display:flex; gap:9px; align-items:flex-start; font-size:14.5px; color:var(--mau-ink-2); line-height:1.55; padding:5px 0; }
.mau-fp-split li svg{ width:15px; height:15px; margin-top:4px; flex:0 0 15px; color:var(--mau-royal); }
.mau-fp-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }

@media (max-width:900px){
  .mau-finder{ grid-template-columns:1fr; gap:18px; }
  .mau-finder-list{
    display:flex; gap:8px; overflow-x:auto; padding-bottom:6px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    margin-inline:-16px; padding-inline:16px;
  }
  .mau-finder-list::-webkit-scrollbar{ display:none; }
  .mau-fbtn{ grid-template-columns:32px 1fr; flex:0 0 auto; scroll-snap-align:start; padding:11px 14px; }
  .mau-fbtn-ic{ width:32px; height:32px; }
  .mau-fbtn-d,.mau-fbtn-go{ display:none; }
  .mau-fbtn-t{ white-space:nowrap; font-size:14px; }
  .mau-fpanel{ padding:24px 20px; min-height:0; }
  .mau-fp-split{ grid-template-columns:1fr; gap:20px; }
}

/* ── SÜREÇ — raylı zaman çizelgesi ─────────────────────────────────
   Eskiden dört düz sütun ve ince çizgilerdi; adımların birbirini
   izlediği okunmuyordu. Artık ortak bir ray ve numaralı düğümler var. */
.mau-flow{
  position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px; padding-top:34px;
}
.mau-flow-rail{
  position:absolute; top:21px; left:6%; right:6%; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--mau-royal) 0%,var(--mau-royal-100) 55%,var(--mau-line) 100%);
}
.mau-step{
  position:relative; background:var(--mau-white);
  border:1px solid var(--mau-line); border-radius:var(--mau-r-lg);
  padding:22px 20px 20px;
  transition:border-color .2s var(--mau-ease), box-shadow .2s var(--mau-ease), transform .2s var(--mau-ease);
}
.mau-step:hover{ border-color:var(--mau-royal-100); box-shadow:var(--mau-sh-2); transform:translateY(-3px); }
.mau-step-top{
  position:absolute; top:-34px; left:20px; right:20px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.mau-step-node{
  width:44px; height:44px; border-radius:14px; display:grid; place-items:center;
  background:var(--mau-royal); color:#fff;
  font-family:var(--mau-ff-display); font-size:15px; font-weight:700;
  font-variant-numeric:tabular-nums; letter-spacing:-.02em;
  box-shadow:0 0 0 5px var(--mau-white), 0 8px 18px -8px rgba(21,82,200,.8);
}
.mau-step:nth-child(3) .mau-step-node{ background:#2765D6; }
.mau-step:nth-child(4) .mau-step-node{ background:#3D79E6; }
.mau-step:nth-child(5) .mau-step-node{ background:#5A8FF0; }
.mau-step-ic{
  width:36px; height:36px; border-radius:11px; display:grid; place-items:center;
  background:var(--mau-white); border:1px solid var(--mau-line); color:var(--mau-royal);
}
.mau-step-ic svg{ width:17px; height:17px; }
.mau-step h3{ font-size:18.5px; margin-top:22px; }
.mau-step p{ font-size:14.5px; line-height:1.62; margin-top:9px; color:var(--mau-ink-2); }
.mau-step-out{
  display:inline-flex; align-items:center; gap:7px; margin-top:16px;
  padding:6px 12px 6px 9px; border-radius:999px;
  background:var(--mau-mint-50); color:#0A7250;
  font-size:12px; font-weight:650; letter-spacing:-.005em;
}
.mau-step-out svg{ width:13px; height:13px; }
@media (max-width:1080px){
  .mau-flow{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 20px; }
  .mau-flow-rail{ display:none; }
}
@media (max-width:600px){
  .mau-flow{ grid-template-columns:1fr; gap:46px; }
}

/* ── TAKİP SİSTEMİ — bento ────────────────────────────────────────── */
.mau-bento-sec{ position:relative; overflow:hidden; }
.mau-bento-sec::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(50% 60% at 15% 0%, rgba(45,110,230,.20), transparent 70%),
    radial-gradient(45% 55% at 95% 100%, rgba(232,130,30,.10), transparent 70%);
}
.mau-bento-sec > *{ position:relative; }

.mau-bento{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.mau-bx{
  grid-column:span 2;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px; padding:22px;
  transition:background .2s var(--mau-ease), border-color .2s var(--mau-ease), transform .2s var(--mau-ease);
}
.mau-bx:hover{ background:rgba(255,255,255,.08); border-color:rgba(143,182,255,.34); transform:translateY(-3px); }
.mau-bx--lg{ grid-column:span 3; display:flex; flex-direction:column; gap:18px; }
.mau-bx-head{ display:flex; gap:14px; align-items:flex-start; }
.mau-bx-ic{
  width:40px; height:40px; flex:0 0 40px; border-radius:12px; display:grid; place-items:center;
  background:rgba(143,182,255,.15); color:#9DC0FF;
}
.mau-bx-ic svg{ width:19px; height:19px; }
.mau-bx h3{ font-size:16.5px; color:#fff!important; margin-top:14px; letter-spacing:-.02em; }
.mau-bx--lg h3{ margin-top:0; }
.mau-bx p{ font-size:13.5px; color:#9BADC6!important; line-height:1.6; margin-top:7px; }
.mau-bx--lg .mau-bx-head p{ margin-top:5px; }

/* Bento görselleri */
.mau-bx-viz{
  margin-top:auto; background:rgba(8,22,42,.5);
  border:1px solid rgba(255,255,255,.07); border-radius:14px; padding:14px;
}
.mau-bviz-week{ display:grid; grid-template-columns:repeat(7,1fr); gap:5px; }
.mau-bviz-week span{ height:26px; border-radius:7px; background:rgba(255,255,255,.07); }
.mau-bviz-week .f{ background:#2E6EE6; }
.mau-bviz-week .h{ background:rgba(46,110,230,.45); }
.mau-bviz-week .now{ background:transparent; border:1.5px solid #8FB6FF; }
.mau-bviz-rows{ display:grid; gap:6px; margin-top:10px; }
.mau-bviz-rows i{
  display:block; height:7px; border-radius:4px; width:var(--w);
  background:linear-gradient(90deg,rgba(143,182,255,.75),rgba(143,182,255,.2));
}
.mau-bviz-chart{ width:100%; height:74px; display:block; }
.mau-bviz-chart .line{ fill:none; stroke:#8FB6FF; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.mau-bviz-chart .fill{ fill:rgba(143,182,255,.14); stroke:none; }
.mau-bviz-legend{ display:flex; align-items:baseline; gap:8px; margin-top:8px; }
.mau-bviz-legend b{ font-family:var(--mau-ff-display); font-size:13px; color:#fff; }
.mau-bviz-legend span{ font-size:11.5px; color:#7F92AC; }

.mau-bx--cta{ background:rgba(143,182,255,.1); border-color:rgba(143,182,255,.26); }
.mau-bx-link{
  display:inline-flex; align-items:center; gap:7px; margin-top:14px;
  font-size:13.5px; font-weight:650; color:#9DC0FF;
}
.mau-bx-link svg{ width:15px; height:15px; transition:transform .2s var(--mau-ease); }
.mau-bx-link:hover svg{ transform:translateX(3px); }

@media (max-width:1000px){
  .mau-bento{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .mau-bx{ grid-column:span 2; }
  .mau-bx--lg{ grid-column:span 4; }
}
@media (max-width:640px){
  .mau-bento{ grid-template-columns:1fr; gap:12px; }
  .mau-bx,.mau-bx--lg{ grid-column:span 1; padding:18px; }
}

/* ── SSS — iki sütun, kart akordeon ───────────────────────────────── */
.mau-faq-wrap{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:48px; align-items:start; }
.mau-faq-side{ position:sticky; top:96px; }
.mau-faq-card{
  margin-top:28px; padding:24px; border-radius:var(--mau-r-lg);
  background:var(--mau-white); border:1px solid var(--mau-line); box-shadow:var(--mau-sh-2);
}
.mau-faq-card-ic{
  width:42px; height:42px; border-radius:13px; display:grid; place-items:center;
  background:#E7F8EE; color:#128C4A; margin-bottom:14px;
}
.mau-faq-card-ic svg{ width:20px; height:20px; }
.mau-faq-card b{ font-family:var(--mau-ff-display); font-size:16.5px; color:var(--mau-ink); display:block; letter-spacing:-.02em; }
.mau-faq-card p{ font-size:14px; color:var(--mau-ink-2); line-height:1.6; margin:8px 0 16px; }

.mau-faq{ display:grid; gap:10px; }
.mau-q{
  background:var(--mau-white); border:1px solid var(--mau-line);
  border-radius:16px; overflow:hidden;
  transition:border-color .2s var(--mau-ease), box-shadow .2s var(--mau-ease);
}
.mau-q:hover{ border-color:var(--mau-royal-100); }
.mau-q[open]{ border-color:var(--mau-royal); box-shadow:0 0 0 3px var(--mau-royal-50); }
.mau-q summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 20px;
  font-family:var(--mau-ff-display); font-size:16.5px; font-weight:600;
  letter-spacing:-.02em; color:var(--mau-ink);
}
.mau-q summary::-webkit-details-marker{ display:none; }
.mau-q summary::after{ content:none; }
.mau-q-ic{
  position:relative; width:28px; height:28px; flex:0 0 28px; border-radius:9px;
  background:var(--mau-paper-2); transition:background .2s var(--mau-ease), transform .28s var(--mau-ease);
}
.mau-q-ic::before,.mau-q-ic::after{
  content:""; position:absolute; top:50%; left:50%; translate:-50% -50%;
  background:var(--mau-ink-2); border-radius:2px; transition:opacity .2s var(--mau-ease), background .2s var(--mau-ease);
}
.mau-q-ic::before{ width:11px; height:2px; }
.mau-q-ic::after{ width:2px; height:11px; }
.mau-q[open] .mau-q-ic{ background:var(--mau-royal); transform:rotate(180deg); }
.mau-q[open] .mau-q-ic::before{ background:#fff; }
.mau-q[open] .mau-q-ic::after{ opacity:0; }
.mau-q-body{ padding:0 20px 20px; }
.mau-q-body p{ font-size:15px; color:var(--mau-ink-2); line-height:1.7; margin:0; padding-top:2px; border-top:1px solid var(--mau-line-2); padding-top:16px; }

@media (max-width:900px){
  .mau-faq-wrap{ grid-template-columns:1fr; gap:30px; }
  .mau-faq-side{ position:static; }
  .mau-q summary{ font-size:15.5px; padding:16px 18px; }
}

/* ── KARŞILAŞTIRMA DEFTERİ ─────────────────────────────────────────── */
.mau-ledger{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border:1px solid var(--mau-line); border-radius:var(--mau-r-lg); overflow:hidden; background:var(--mau-white); }
.mau-led-col{ padding:8px 0 0; }
.mau-led-col + .mau-led-col{ border-left:1px solid var(--mau-line); background:var(--mau-royal-50); }
.mau-led-h{
  padding:18px 24px 14px; font-size:11.5px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--mau-ink-3);
}
.mau-led-col + .mau-led-col .mau-led-h{ color:var(--mau-royal); }
.mau-led-row{
  display:flex; gap:12px; align-items:flex-start;
  padding:15px 24px; border-top:1px solid var(--mau-line-2);
  font-size:15px; color:var(--mau-ink-2); line-height:1.55; min-height:72px;
}
.mau-led-row svg{ width:16px; height:16px; margin-top:3px; flex:0 0 16px; color:var(--mau-ink-3); }
.mau-led-col + .mau-led-col .mau-led-row{ color:var(--mau-ink); font-weight:500; }
.mau-led-col + .mau-led-col .mau-led-row svg{ color:var(--mau-royal); }
@media (max-width:760px){
  .mau-ledger{ grid-template-columns:1fr; }
  .mau-led-col + .mau-led-col{ border-left:0; border-top:1px solid var(--mau-line); }
  .mau-led-row{ min-height:0; padding:13px 18px; font-size:14.5px; }
  .mau-led-h{ padding:16px 18px 12px; }
}

/* ── EĞİTİMCİLER ───────────────────────────────────────────────────── */
.mau-people{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.mau-person{
  display:grid; grid-template-columns:96px 1fr; gap:20px; align-items:center;
  padding:20px; border:1px solid var(--mau-line); border-radius:var(--mau-r-lg); background:var(--mau-white);
}
.mau-person img{ width:96px; height:112px; object-fit:cover; object-position:top center;
  border-radius:var(--mau-r); background:var(--mau-paper-2); }
.mau-person h3{ font-size:18px; }
.mau-person-role{ font-size:13px; color:var(--mau-royal); font-weight:600; margin-top:7px; line-height:1.5; }
.mau-person p{ font-size:14.5px; color:var(--mau-ink-2); line-height:1.62; margin-top:11px; }
@media (max-width:760px){ .mau-people{ grid-template-columns:1fr; } }
@media (max-width:400px){
  .mau-person{ grid-template-columns:1fr; }
  .mau-person img{ width:84px; height:102px; }
}

/* Her iki kurucunun da yürüttüğü alanlar — tekrar eden metin yerine
   tek ortak liste. */
.mau-shared{
  margin-top:18px; padding:22px 24px;
  border:1px solid var(--mau-line); border-radius:var(--mau-r-lg);
  background:var(--mau-paper);
}
.mau-shared-lbl{
  font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--mau-ink-3); margin-bottom:14px;
}
.mau-shared-list{ display:flex; flex-wrap:wrap; gap:8px; }
.mau-shared-list li{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:999px;
  background:var(--mau-white); border:1px solid var(--mau-line);
  font-size:14px; font-weight:500; color:var(--mau-ink);
}
.mau-shared-list li::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:var(--mau-royal); flex:0 0 6px;
}
@media (max-width:560px){
  .mau-shared{ padding:18px; }
  .mau-shared-list li{ font-size:13.5px; padding:7px 12px; }
}

/* ── YORUMLAR (Supabase'ten gerçek içerik) ─────────────────────────── */
.mau-revs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mau-rev{ padding:24px; border:1px solid var(--mau-line); border-radius:var(--mau-r-lg); background:var(--mau-white); }
.mau-rev-stars{ color:var(--mau-amber); font-size:14px; letter-spacing:2px; }
.mau-rev p{ font-size:15px; color:var(--mau-ink-2); line-height:1.65; margin-top:13px; }
.mau-rev-who{ display:flex; align-items:center; gap:11px; margin-top:18px; padding-top:16px; border-top:1px solid var(--mau-line-2); }
.mau-rev-av{ width:38px; height:38px; border-radius:11px; background:var(--mau-royal-50); color:var(--mau-royal); display:grid; place-items:center; font-size:13px; font-weight:700; }
.mau-rev-who b{ font-size:14px; font-weight:650; display:block; }
.mau-rev-who span{ font-size:12px; color:var(--mau-ink-3); }
.mau-empty{
  grid-column:1/-1; padding:44px 28px; text-align:center;
  border:1px dashed var(--mau-line); border-radius:var(--mau-r-lg); background:var(--mau-paper);
}
.mau-empty p{ font-size:15px; color:var(--mau-ink-2); max-width:46ch; margin:0 auto 18px; }
@media (max-width:980px){ .mau-revs{ grid-template-columns:1fr; } }

/* ── KAPANIŞ / FORM ────────────────────────────────────────────────── */
.mau-close{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:44px; align-items:start; }
.mau-form{
  background:var(--mau-white); border:1px solid var(--mau-line); border-radius:var(--mau-r-xl);
  padding:30px; box-shadow:var(--mau-sh-3);
}
.mau-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.mau-fld{ display:flex; flex-direction:column; gap:7px; }
.mau-fld.full{ grid-column:1/-1; }
.mau-fld label{ font-size:13px; font-weight:600; color:var(--mau-ink-2); }
.mau-fld input,.mau-fld select,.mau-fld textarea{
  width:100%; padding:12px 14px; font-size:16px; color:var(--mau-ink);
  background:var(--mau-white); border:1px solid var(--mau-line); border-radius:var(--mau-r-sm);
  transition:border-color .16s var(--mau-ease), box-shadow .16s var(--mau-ease);
}
.mau-fld textarea{ min-height:92px; resize:vertical; }
.mau-fld input:focus,.mau-fld select:focus,.mau-fld textarea:focus{
  outline:none; border-color:var(--mau-royal); box-shadow:0 0 0 3px var(--mau-royal-50);
}
.mau-hp{ position:absolute!important; left:-9999px!important; }
.mau-note{
  margin-top:16px; padding:13px 15px; border-radius:var(--mau-r-sm); font-size:14px; line-height:1.55;
}
.mau-note[hidden]{ display:none; }
.mau-note.ok{ background:var(--mau-mint-50); color:#0A7250; border:1px solid #BFE8D8; }
.mau-note.err{ background:#FDECEC; color:#A62222; border:1px solid #F6CFCF; }
.mau-form-foot{ margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }
.mau-kvkk{ font-size:12.5px; color:var(--mau-ink-3); margin-top:14px; line-height:1.55; }
.mau-kvkk a{ color:var(--mau-royal); text-decoration:underline; text-underline-offset:2px; }

.mau-close-list{ display:grid; gap:10px; margin-top:26px; }
.mau-cl{
  display:grid; grid-template-columns:38px 1fr; gap:13px; align-items:center;
  padding:14px 16px; border-radius:var(--mau-r); background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
}
.mau-cl-ic{ width:38px; height:38px; border-radius:11px; background:rgba(143,182,255,.14); color:#8FB6FF; display:grid; place-items:center; }
.mau-cl-ic svg{ width:18px; height:18px; }
.mau-cl b{ display:block; font-size:14.5px; color:#fff; font-weight:600; }
.mau-cl span{ font-size:12.5px; color:#96A8C2; }
@media (max-width:900px){ .mau-close{ grid-template-columns:1fr; gap:32px; } .mau-form{ padding:24px 20px; } .mau-form-grid{ grid-template-columns:1fr; } }

/* ── FOOTER — kompakt tek satır ────────────────────────────────────
   Eskiden marka bloğu ve bağlantı sütunları alt alta iki satırdaydı;
   sayfa sonu gereksiz uzuyordu. Artık tek ızgara satırı. */
.mau-foot{
  background:var(--mau-ink)!important; color:#A6B7CE!important;
  padding:44px 0 20px; position:relative; overflow:hidden;
}
.mau-foot-grid{
  display:grid; grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:32px; align-items:start;
}

.mau-fbrand{ max-width:38ch; }
.mau-foot-mark{
  display:inline-block; background:#fff; border-radius:12px;
  padding:9px 13px; line-height:0;
}
.mau-foot-mark img{ height:30px; width:auto; display:block; }
.mau-fbrand p{
  font-size:13.5px; line-height:1.65; margin-top:14px; color:#A6B7CE!important;
}

.mau-fchips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.mau-fchip{
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 12px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.11);
  font-size:12.5px; font-weight:600; color:#D6E1EF!important;
  transition:background .16s var(--mau-ease), border-color .16s var(--mau-ease), transform .16s var(--mau-ease);
}
.mau-fchip svg{ width:14px; height:14px; color:#8FB6FF; }
.mau-fchip:hover{ background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.24); transform:translateY(-1px); }
.mau-fchip--wa svg{ color:#4ADE80; }

.mau-fcol h4{
  font-size:10.5px!important; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:#7F92AC!important; margin:6px 0 12px;
}
.mau-fcol ul{ margin:0; padding:0; list-style:none; }
.mau-fcol li{ margin-bottom:7px; }
.mau-fcol li a{
  font-size:13.5px; color:#C2CFE0!important; line-height:1.45;
  transition:color .14s var(--mau-ease), padding-left .14s var(--mau-ease);
}
.mau-fcol li a:hover{ color:#fff!important; padding-left:3px; }

.mau-foot-bot{
  margin-top:30px; padding-top:16px; border-top:1px solid rgba(255,255,255,.09);
  display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; justify-content:space-between;
  font-size:12.5px; color:#7F92AC!important;
}
.mau-foot-bot a{ color:#7F92AC!important; }
.mau-foot-bot a:hover{ color:#fff!important; }
.mau-foot-slogan{ letter-spacing:.14em; text-transform:uppercase; font-size:10.5px; font-weight:700; }
/* R25.1 — footer "Çerez Tercihleri". Sayfada kalıcı floating çerez
   düğmesi bırakılmadığı için tercihin yeniden açıldığı TEK yer budur;
   bağlantı gibi görünür, buton gibi davranır. */
.mau-foot-cc{
  appearance:none; -webkit-appearance:none; background:none; border:0; padding:0;
  font:inherit; font-size:12.5px; color:#7F92AC; cursor:pointer;
  text-decoration:underline; text-underline-offset:2px;
}
.mau-foot-cc:hover{ color:#fff; }

@media (max-width:980px){
  .mau-foot-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 20px; }
  .mau-fbrand{ grid-column:1/-1; max-width:100%; }
  .mau-fbrand p{ max-width:48ch; }
}
@media (max-width:560px){
  .mau-foot{ padding:34px 0 16px; }
  .mau-foot-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; }
  .mau-fcol li{ margin-bottom:9px; }
  .mau-foot-bot{ margin-top:22px; justify-content:flex-start; }
}

/* ── Kaydırma ile beliriş ──────────────────────────────────────────── */
.mau-rv{ transition:opacity .5s var(--mau-ease), transform .5s var(--mau-ease); }
html.mau-js .mau-rv{ opacity:0; transform:translateY(14px); }
html.mau-js .mau-rv.seen{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ html.mau-js .mau-rv{ opacity:1; transform:none; } }

/* =====================================================================
   C. KASKAD DÜZELTMELERİ
   ---------------------------------------------------------------------
   Bölüm B'deki `body.mau-home h1..h4` ve `.mau-sec--ink` kuralları,
   bölüm A'daki bileşen kurallarıyla aynı ya da daha yüksek özgüllükte
   olduğu için onları eziyordu. Aşağıdaki kurallar bileşen niyetini
   geri kazandırır. YENİ KOYU BÖLÜM EKLERKEN buraya da ekle.
   ===================================================================== */

/* Koyu zeminde başlıklar beyaz kalsın */
body.mau-home .mau-sec--ink :is(h1,h2,h3,h4),
body.mau-home .mau-foot :is(h1,h2,h3,h4){ color:#fff; }

/* Düğme renkleri bölüm rengine göre değişmesin */
.mau-btn.mau-btn--primary{ background:var(--mau-royal); color:#fff; }
.mau-btn.mau-btn--accent{ background:var(--mau-amber); color:#fff; }
.mau-btn.mau-btn--ghost{ background:var(--mau-white); color:var(--mau-ink); border-color:var(--mau-line); }
.mau-btn.mau-btn--quiet{ background:var(--mau-paper-2); color:var(--mau-ink); }

/* Koyu bölümde ikincil düğme: saydam çerçeveli */
body.mau-home .mau-sec--ink > .mau-wrap > .mau-btn.mau-btn--ghost,
body.mau-home .mau-sec--ink .mau-close > div > .mau-btn.mau-btn--ghost{
  background:transparent; color:#fff; border-color:rgba(255,255,255,.28);
}

/* Form içindeki metinler her zaman koyu zeminden bağımsız */
.mau-form,.mau-form .mau-fld label,.mau-form p{ color:var(--mau-ink-2); }
.mau-form h3{ color:var(--mau-ink); }

/* Koyu bölüm içindeki beyaz kart (form) yeniden koyu metne döner */
body.mau-home .mau-sec--ink .mau-form :is(h1,h2,h3,h4){ color:var(--mau-ink); }

/* Hızlı işlem düğmesi footer'ın alt satırını kapatmasın */
@media (min-width:1025px){ .mau-foot{ padding-bottom:96px; } }

/* Başlık ve açıklama <span> olduğu için satır kırılmıyordu */
.mau-mi-t,.mau-mi-d,.mau-si-t,.mau-si-d,.mau-da-t,.mau-da-d{ display:block; }

/* =====================================================================
   D. SAYFA KATMANI — TÜM İÇ SAYFALAR
   ---------------------------------------------------------------------
   Sitedeki 38 sayfa ortak bir sınıf sözlüğü kullanıyor (.hero, .section,
   .section-header, .btn, .feature-list, .package-card, .form-card ...).
   Bu bölüm o sözlüğü yeni tasarım sistemine bağlar. HTML'e ve sayfa
   betiklerine DOKUNULMAZ; ma-ui.css en son yüklendiği için eşit
   özgüllükte kazanır.

   KAPSAM DIŞI: .analysis-shell, .exam-shell gibi kendi bütünlüğü olan
   araç ekranları ve panel. Onlar `:not()` ile korunur.
   ===================================================================== */

body.mau-shell{
  background:var(--mau-white)!important;
  color:var(--mau-ink);
  font-family:var(--mau-ff-body);
  font-size:17px;
  line-height:1.7;
  overflow-x:clip;
}

/* ── Tipografi ──────────────────────────────────────────────────────── */
body.mau-shell h1,body.mau-shell h2,body.mau-shell h3,
body.mau-shell h4,body.mau-shell h5{
  font-family:var(--mau-ff-display)!important;
  letter-spacing:-.028em;
  line-height:1.14;
  /* RENK VERİLMEZ: koyu zeminli bloklardaki beyaz başlıkları ezerdi.
     Sayfalar rengi ma-theme.css token'larından zaten alıyor. */
}
body.mau-shell h1{ font-size:clamp(31px,4.4vw,52px); line-height:1.07; letter-spacing:-.035em; font-weight:700; }
body.mau-shell h2{ font-size:clamp(25px,3.1vw,39px); font-weight:700; }
body.mau-shell h3{ font-size:20px; font-weight:650; }
body.mau-shell h4{ font-size:16.5px; font-weight:650; }
body.mau-shell strong,body.mau-shell b{ font-weight:650; }

/* Eski mavi→turuncu degrade başlık yerine tek vurgu rengi */
body.mau-shell .gradient-text{
  background:none!important; -webkit-text-fill-color:currentColor!important;
  color:var(--mau-royal)!important;
}

/* ── Yerleşim ───────────────────────────────────────────────────────── */
body.mau-shell .container{ width:min(1200px, calc(100% - 40px)); margin-inline:auto; }
@media (max-width:640px){ body.mau-shell .container{ width:calc(100% - 32px); } }

body.mau-shell .section{ padding:84px 0; }
@media (max-width:768px){ body.mau-shell .section{ padding:58px 0; } }

body.mau-shell .section-header,body.mau-shell .section-head{
  max-width:760px; margin-bottom:44px; text-align:left;
}
body.mau-shell .section-header p,body.mau-shell .section-head p{
  font-size:17px; line-height:1.72; margin-top:15px; max-width:62ch;
}
body.mau-shell .section-header h2,body.mau-shell .section-head h2{ margin-top:14px; }

/* Bölüm etiketi: kısa çizgi + versal */
body.mau-shell .section-kicker,body.mau-shell .eyebrow,body.mau-shell .kicker{
  display:inline-flex; align-items:center; gap:9px;
  background:none!important; border:0!important; padding:0!important;
  font-family:var(--mau-ff-body)!important;
  font-size:11.5px!important; font-weight:700!important;
  letter-spacing:.15em!important; text-transform:uppercase;
  border-radius:0!important;
}
body.mau-shell .section:not(.system-showcase) > .container > .section-header > .section-kicker,
body.mau-shell .section-header .section-kicker,
body.mau-shell .section-head .kicker{ color:var(--mau-royal)!important; }
body.mau-shell .section-kicker::before,body.mau-shell .eyebrow::before,body.mau-shell .kicker::before{
  content:""; width:22px; height:1.5px; background:currentColor; opacity:.45; border-radius:2px;
}

/* ── HERO ───────────────────────────────────────────────────────────── */
body.mau-shell .hero{
  /* ZEMİN BURADA VERİLMEZ: blog yazılarında hero koyu ve metni beyaz.
     Zemin, ma-shell.js metin rengini ölçtükten sonra sınıfla verilir. */
  padding:60px 0 72px!important;
  position:relative;
}
body.mau-shell .mau-hero-light{ background:var(--mau-white)!important; }
body.mau-shell .mau-hero-dark{ background:var(--mau-ink)!important; }
body.mau-shell .mau-hero-dark::before{ opacity:.5; }
body.mau-shell .mau-hero-dark .btn-light{
  background:transparent!important; color:#fff!important; border-color:rgba(255,255,255,.3)!important;
}
body.mau-shell .hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(21,82,200,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(21,82,200,.05) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(120% 90% at 78% 0%, #000 22%, transparent 70%);
  -webkit-mask-image:radial-gradient(120% 90% at 78% 0%, #000 22%, transparent 70%);
}
body.mau-shell .hero > *{ position:relative; z-index:1; }
body.mau-shell .hero-grid{ gap:52px; align-items:center; }
body.mau-shell .hero-lead,body.mau-shell .lead{
  font-size:18px!important; line-height:1.68; margin-top:20px; max-width:56ch;
}
body.mau-shell .hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
@media (max-width:768px){ body.mau-shell .hero{ padding:40px 0 52px!important; } }

/* ── DÜĞMELER ───────────────────────────────────────────────────────── */
body.mau-shell .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:12px 20px; border-radius:var(--mau-r)!important;
  font-family:var(--mau-ff-body)!important; font-size:15px!important;
  font-weight:600!important; letter-spacing:-.005em;
  border:1px solid transparent; text-transform:none!important;
  transition:background .18s var(--mau-ease), border-color .18s var(--mau-ease),
             box-shadow .18s var(--mau-ease), transform .14s var(--mau-ease);
}
body.mau-shell .btn:active{ transform:translateY(1px); }
body.mau-shell .btn-primary{
  background:var(--mau-royal)!important; color:#fff!important;
  box-shadow:0 8px 20px -10px rgba(21,82,200,.7)!important;
}
body.mau-shell .btn-primary:hover{ background:var(--mau-royal-600)!important; }
body.mau-shell .btn-blue{ background:var(--mau-amber)!important; color:#fff!important; box-shadow:0 8px 20px -10px rgba(232,130,30,.7)!important; }
body.mau-shell .btn-blue:hover{ background:#D4741A!important; }
body.mau-shell .btn-light,body.mau-shell .btn-outline{
  background:var(--mau-white)!important; color:var(--mau-ink)!important;
  border-color:var(--mau-line)!important; box-shadow:none!important;
}
body.mau-shell .btn-light:hover,body.mau-shell .btn-outline:hover{
  border-color:var(--mau-ink-3)!important; background:var(--mau-paper)!important;
}
/* Koyu zeminde ikincil düğme */
body.mau-shell .material-wrap .btn-light,
body.mau-shell .exam-card.dark .btn-light,
body.mau-shell .system-cta-card .btn-light{
  background:transparent!important; color:#fff!important; border-color:rgba(255,255,255,.3)!important;
}

/* ── KARTLAR ────────────────────────────────────────────────────────── */
body.mau-shell .service-card,
body.mau-shell .package-card,
body.mau-shell .feature-card,
body.mau-shell .info-card,
body.mau-shell .faq-card,
body.mau-shell .exam-card,
body.mau-shell .success-card,
body.mau-shell .material-card,
body.mau-shell .article-card,
body.mau-shell .problem-card,
body.mau-shell .system-card,
body.mau-shell .system-power-card,
body.mau-shell .support-card,
body.mau-shell .process-card,
body.mau-shell .testimonial-card,
body.mau-shell .policy-card,
body.mau-shell .q-card,
body.mau-shell .channel-card,
body.mau-shell .lgs-index-card,
body.mau-shell .yks-index-card,
body.mau-shell .center-card,
body.mau-shell .guide-card,
body.mau-shell .contact-card,
body.mau-shell .form-card,
body.mau-shell .review-card,
body.mau-shell .mini-camp,
body.mau-shell .step-content,
body.mau-shell .parent-control-card{
  /* ZEMİN VE KENARLIK BURADA VERİLMEZ.
     Sayfalarda koyu zemin + beyaz metinle tasarlanmış kartlar var;
     zemini beyaza çevirmek metni görünmez yapıyordu. Zemin yalnızca
     metni koyu olduğu ölçülen kartlara (.mau-card-light) verilir. */
  border-radius:var(--mau-r-lg)!important;
  box-shadow:none!important;
  padding:26px!important;
  transition:border-color .18s var(--mau-ease), box-shadow .18s var(--mau-ease),
             transform .18s var(--mau-ease);
}
body.mau-shell .service-card:hover,
body.mau-shell .package-card:hover,
body.mau-shell .feature-card:hover,
body.mau-shell .article-card:hover,
body.mau-shell .success-card:hover,
body.mau-shell .material-card:hover,
body.mau-shell .system-power-card:hover,
body.mau-shell .lgs-index-card:hover,
body.mau-shell .yks-index-card:hover{
  border-color:var(--mau-royal-100)!important;
  box-shadow:var(--mau-sh-2)!important;
  transform:translateY(-2px);
}
body.mau-shell .card::before,body.mau-shell .service-card::before,
body.mau-shell .package-card::before,body.mau-shell .system-power-card::before{
  display:none!important;   /* eski dekoratif degrade lekeleri */
}
body.mau-shell .package-card.featured,body.mau-shell .featured{
  border-color:var(--mau-royal)!important;
  box-shadow:0 0 0 3px var(--mau-royal-50)!important;
}
@media (max-width:640px){
  body.mau-shell .service-card,body.mau-shell .package-card,body.mau-shell .feature-card,
  body.mau-shell .info-card,body.mau-shell .faq-card,body.mau-shell .exam-card,
  body.mau-shell .success-card,body.mau-shell .article-card,body.mau-shell .contact-card,
  body.mau-shell .form-card,body.mau-shell .guide-card,body.mau-shell .center-card{
    padding:20px!important;
  }
}

/* Kart içi ikon kutuları */
body.mau-shell .service-icon,body.mau-shell .system-icon,body.mau-shell .support-icon,
body.mau-shell .focus-icon,body.mau-shell .problem-icon,body.mau-shell .parent-icon,
body.mau-shell .step-badge{
  width:44px!important; height:44px!important;
  border-radius:12px!important;
  background:var(--mau-royal-50)!important; color:var(--mau-royal)!important;
  display:grid!important; place-items:center!important;
  font-size:18px!important; box-shadow:none!important; border:0!important;
  margin-bottom:16px;
}
body.mau-shell .success-card i,body.mau-shell .material-card i,body.mau-shell .feature-card i{
  color:var(--mau-royal); font-size:19px;
}

/* ── LİSTELER ───────────────────────────────────────────────────────── */
body.mau-shell .feature-list,body.mau-shell .info-list{ list-style:none; padding:0; margin:16px 0 0; }
body.mau-shell .feature-list li,body.mau-shell .info-list li{
  position:relative; padding:6px 0 6px 26px;
  font-size:15px; line-height:1.58;
}
body.mau-shell .feature-list li::before,body.mau-shell .info-list li::before{
  content:""; position:absolute; left:2px; top:13px;
  width:9px; height:5px; border-left:2px solid var(--mau-royal);
  border-bottom:2px solid var(--mau-royal); transform:rotate(-45deg);
}

/* ── ROZET / ETİKET ─────────────────────────────────────────────────── */
body.mau-shell .pill,body.mau-shell .label,body.mau-shell .mini-tag,
body.mau-shell .article-label,body.mau-shell .quota-badge{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 13px!important; border-radius:999px!important;
  background:var(--mau-royal-50)!important; color:var(--mau-royal)!important;
  border:0!important; box-shadow:none!important;
  font-size:12.5px!important; font-weight:650!important; letter-spacing:-.005em;
  text-transform:none!important;
}

/* ── FORMLAR ────────────────────────────────────────────────────────── */
body.mau-shell .form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
body.mau-shell .field{ display:flex; flex-direction:column; gap:7px; }
body.mau-shell .field.full{ grid-column:1/-1; }
body.mau-shell .field label{ font-size:13px; font-weight:600; opacity:.85; }
body.mau-shell .field input,body.mau-shell .field select,body.mau-shell .field textarea{
  width:100%; padding:12px 14px; font-size:16px; font-family:var(--mau-ff-body);
  color:var(--mau-ink); background:var(--mau-white);
  border:1px solid var(--mau-line)!important; border-radius:var(--mau-r-sm)!important;
  transition:border-color .16s var(--mau-ease), box-shadow .16s var(--mau-ease);
}
body.mau-shell .field textarea{ min-height:92px; resize:vertical; }
body.mau-shell .field input:focus,body.mau-shell .field select:focus,body.mau-shell .field textarea:focus{
  outline:none; border-color:var(--mau-royal)!important; box-shadow:0 0 0 3px var(--mau-royal-50);
}
body.mau-shell .form-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
body.mau-shell .privacy-note{ font-size:12.5px; opacity:.68; margin-top:14px; line-height:1.55; }
@media (max-width:700px){ body.mau-shell .form-grid{ grid-template-columns:1fr; } }

/* ── SÜREÇ ADIMLARI ─────────────────────────────────────────────────── */
body.mau-shell .step-number{
  font-family:var(--mau-ff-display)!important; font-size:12px!important;
  font-weight:700!important; letter-spacing:.1em; color:var(--mau-royal)!important;
  background:none!important; width:auto!important; height:auto!important;
  border-radius:0!important; box-shadow:none!important; border:0!important;
  display:block!important; margin-bottom:10px;
}
body.mau-shell .process-step{
  background:none!important; border:0!important; box-shadow:none!important;
  padding:0!important;
}

/* ── İLETİŞİM BLOĞU ─────────────────────────────────────────────────── */
body.mau-shell .contact-wrap{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:32px; align-items:start; }
body.mau-shell .contact-list{ display:grid; gap:9px; margin:22px 0; }
body.mau-shell .contact-list a,body.mau-shell .contact-list div{
  display:flex; align-items:center; gap:11px;
  padding:13px 15px; border-radius:var(--mau-r);
  background:rgba(127,144,170,.09)!important;
  border:1px solid rgba(127,144,170,.2)!important;
  font-size:14.5px; font-weight:500;
}
body.mau-shell .contact-list a:hover{ background:rgba(127,144,170,.16)!important; }
body.mau-shell .contact-list i{ color:var(--mau-royal); width:18px; text-align:center; }
@media (max-width:900px){ body.mau-shell .contact-wrap{ grid-template-columns:1fr; } }

/* ── KOYU BLOKLAR ───────────────────────────────────────────────────
   Renk artık sabit sınıf listesiyle değil, ma-shell.js'in okuduğu gerçek
   arka plana göre veriliyor (.mau-dark / .mau-light). .mau-light kuralları
   SONRA geldiği için koyu blok içindeki beyaz kart doğru renge döner. */
body.mau-shell .material-wrap,
body.mau-shell .exam-card.dark,
body.mau-shell .system-cta-card,
body.mau-shell .cta-band{
  background:var(--mau-ink)!important;
  border:0!important; border-radius:var(--mau-r-xl)!important;
  box-shadow:none!important; padding:36px!important;
}
@media (max-width:640px){
  body.mau-shell .material-wrap,body.mau-shell .exam-card.dark,
  body.mau-shell .system-cta-card{ padding:24px!important; }
}

/* NOT: Bir dönem üst öğeye göre metin rengi veren .mau-dark/.mau-light
   kuralları denendi ve KALDIRILDI. Sayfalar koyu blok içinde beyaz kart
   kullandığı için üstten renk dayatmak her iki yönde de ters tepiyor.
   Sayfaların kendi renkleri zaten doğru; bu katman yalnızca ZEMİN,
   kenarlık, boşluk ve tipografi değiştirir — METİN RENGİ DEĞİŞTİRMEZ.
   Yeni kural eklerken bu sınırı koru. */

/* ── TABLOLAR ───────────────────────────────────────────────────────── */
body.mau-shell .modern-table,body.mau-shell .distribution-table{
  border-radius:var(--mau-r-lg); overflow:hidden; border:1px solid var(--mau-line);
}
body.mau-shell .modern-table th,body.mau-shell .distribution-table th{
  /* ZEMİNE DOKUNULMAZ: bazı tablolarda koyu başlık + beyaz metin var. */
  font-family:var(--mau-ff-body); font-size:12.5px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase;
}
body.mau-shell .modern-table td,body.mau-shell .distribution-table td{
  border-color:rgba(127,144,170,.18)!important; font-size:14.5px;
}

/* ── SSS ────────────────────────────────────────────────────────────── */
body.mau-shell .faq-card h3{ font-size:17px; }
body.mau-shell .faq-card p{ font-size:15px; margin-top:9px; }

/* ── Eski yüzen ögeler ve arka plan lekeleri temizlenir ─────────────── */
body.mau-shell .visual-orb,body.mau-shell .campaign-bg,body.mau-shell .mock-dot{ opacity:.5; }
body.mau-shell .top-alert{ display:none!important; }

/* ── Bölüm zeminleri: dönüşümlü beyaz / açık gri ────────────────────── */
body.mau-shell main > .section:nth-of-type(even){ background:var(--mau-paper); }
/* NOT: burada kartlara zemin verilmez; koyu tasarlanmış kartları bozardı. */

/* ── D-2. HİZALAMA VE AYRINTI DÜZELTMELERİ ─────────────────────────── */

/* Sayfalar bölüm başlıklarını ortalıyordu; ana sayfa ve hero sola dayalı.
   Tek dil için hepsi sola dayanır. */
body.mau-shell .section-header,
body.mau-shell .section-head{
  text-align:left!important;
  margin-left:0!important; margin-right:0!important;
}
body.mau-shell .section-header p,
body.mau-shell .section-head p{ margin-left:0!important; margin-right:0!important; }

/* Etiketin sağındaki eski ikinci çizgi kaldırılır (tek çizgi kalsın) */
body.mau-shell .section-kicker::after,
body.mau-shell .eyebrow::after,
body.mau-shell .kicker::after{ display:none!important; }

/* Süreç adımı numarası: küçük çerçeveli rozet */
body.mau-shell .step-number{
  display:inline-flex!important; align-items:center; justify-content:center;
  min-width:34px!important; height:26px!important; padding:0 9px!important;
  border-radius:999px!important;
  background:var(--mau-royal-50)!important; color:var(--mau-royal)!important;
  border:0!important; box-shadow:none!important;
  font-family:var(--mau-ff-body)!important; font-size:12px!important;
  font-weight:700!important; letter-spacing:.04em;
  font-variant-numeric:tabular-nums; margin-bottom:12px;
  position:static!important;
}

/* Süreç zaman çizelgesi: dikey hat + kart */
body.mau-shell .process-timeline{ display:grid; gap:14px; }
body.mau-shell .process-step{
  display:grid!important; grid-template-columns:auto 1fr; gap:18px; align-items:start;
}
body.mau-shell .process-step .step-content{ padding:22px 24px!important; }
@media (max-width:640px){
  body.mau-shell .process-step{ grid-template-columns:1fr; gap:10px; }
  body.mau-shell .process-step .step-content{ padding:18px!important; }
}

/* Kart başlıklarının üstündeki ikon kutusu boşluğu dengelensin */
body.mau-shell .service-card h3,body.mau-shell .package-card h3,
body.mau-shell .feature-card h3,body.mau-shell .success-card h3{ margin-top:2px; }

/* Paket kartı fiyat satırı */
body.mau-shell .price-note{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:18px; padding-top:16px; border-top:1px solid var(--mau-line-2)!important;
  background:none!important; border-radius:0!important;
}
body.mau-shell .price-note b{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; opacity:.6; font-weight:700; }
body.mau-shell .price-note span{ font-size:14px; opacity:.85; }

/* Kart içindeki tek düğme tam genişlik alsın (paket kartları) */
body.mau-shell .package-card > .btn{ width:100%; margin-top:16px; }

/* Makale kartları */
body.mau-shell .article-card{ padding:0!important; overflow:hidden; }
body.mau-shell .article-body{ padding:22px 24px!important; }
body.mau-shell .article-cover{ border-radius:0!important; }
body.mau-shell .article-meta{ font-size:12.5px; opacity:.7; }

/* Metni koyu olduğu ÖLÇÜLEN kartlar tek beyaz yüzeye getirilir.
   Sınıfı ma-shell.js verir; koyu tasarlanmış kartlar kendi görünümünü korur. */
body.mau-shell .mau-card-light{
  background:var(--mau-white)!important;
  border:1px solid var(--mau-line)!important;
}
body.mau-shell .mau-card-light:hover{
  border-color:var(--mau-royal-100)!important;
  box-shadow:var(--mau-sh-2)!important;
}

/* Koyu tasarlanmış kartlar: yalnızca kenar yumuşatılır, renge dokunulmaz. */
body.mau-shell .mau-card-dark{ border-color:rgba(255,255,255,.14)!important; }

/* Açık zemin + açık metin = okunamayan kart (sitede önceden de vardı).
   Koyu bölüm içindeyse saydam koyu yüzey, değilse dolu lacivert yüzey. */
body.mau-shell .mau-card-ghost{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
body.mau-shell .mau-card-ghost:hover{ background:rgba(255,255,255,.13)!important; }
body.mau-shell .mau-card-solid{
  background:var(--mau-ink)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
body.mau-shell :is(.mau-card-ghost,.mau-card-solid) .feature-list li::before,
body.mau-shell :is(.mau-card-ghost,.mau-card-solid) .info-list li::before{ border-color:#8FB6FF; }
body.mau-shell .mau-card-dark .feature-list li::before,
body.mau-shell .mau-card-dark .info-list li::before{ border-color:#8FB6FF; }
body.mau-shell :is(.mau-card-dark,.mau-card-ghost,.mau-card-solid) :is(.pill,.label,.mini-tag){
  background:rgba(143,182,255,.16)!important; color:#B9D0FF!important;
}

/* Plan kafesi motifi mobilde kalabalık duruyor: küçültülüp soluklaştırılır */
@media (max-width:900px){
  body.mau-shell .hero::before,.mau-lattice{ background-size:44px 44px; opacity:.55; }
}

/* =====================================================================
   E. RAFİNASYON — mikro etkileşimler ve derinlik
   ---------------------------------------------------------------------
   Kural: gradyan/cam/neon yok. Derinlik boşluk, hairline, çok yumuşak
   gölge ve kısa hareketle kurulur. Hareket azaltma tercihi zaten
   bölüm A'da global olarak devre dışı bırakılıyor.
   ===================================================================== */

/* Düğmedeki ok, tıklamaya davet edecek kadar kayar */
.mau-btn svg:last-child,
body.mau-shell .btn svg:last-child{ transition:transform .22s var(--mau-ease); }
.mau-btn:hover svg:last-child,
body.mau-shell .btn:hover svg:last-child{ transform:translateX(3px); }

/* Kartın üst kenarında hover'da beliren ince vurgu */
.mau-fpanel,.mau-person,.mau-rev,
body.mau-shell .mau-card-light{ position:relative; overflow:hidden; }
.mau-person::after,.mau-rev::after,
body.mau-shell .mau-card-light::after{
  content:""; position:absolute; inset:0 auto auto 0; height:2px; width:0;
  background:linear-gradient(90deg,var(--mau-royal),var(--mau-royal-100));
  transition:width .45s var(--mau-ease);
}
.mau-person:hover::after,.mau-rev:hover::after,
body.mau-shell .mau-card-light:hover::after{ width:100%; }

/* Hero panelinin arkasında yumuşak halka — gölge değil, ışık hissi */
.mau-panel::before{
  content:""; position:absolute; inset:-28px -22px auto -22px; height:220px;
  background:radial-gradient(60% 100% at 50% 0%, rgba(21,82,200,.10), transparent 70%);
  border-radius:inherit; pointer-events:none; z-index:-1;
}

/* "Bugün 2/4" rozetinde canlı takip noktası */
.mau-chip{ display:inline-flex; align-items:center; gap:7px; }
.mau-chip::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:currentColor; animation:mau-pulse 2.4s ease-in-out infinite;
}
@keyframes mau-pulse{ 0%,100%{ opacity:.35 } 50%{ opacity:1 } }

/* Seçili hizmetin sol kenarında ince şerit */
.mau-fbtn{ position:relative; }
.mau-fbtn::before{
  content:""; position:absolute; left:0; top:50%; translate:0 -50%;
  width:3px; height:0; border-radius:0 3px 3px 0; background:var(--mau-royal);
  transition:height .28s var(--mau-ease);
}
.mau-fbtn[aria-selected="true"]::before{ height:60%; }

/* Karşılaştırma defterinde satır vurgusu */
.mau-led-row{ transition:background .16s var(--mau-ease); }
.mau-led-col:first-child .mau-led-row:hover{ background:rgba(127,144,170,.07); }
.mau-led-col + .mau-led-col .mau-led-row:hover{ background:rgba(21,82,200,.06); }

/* Bölüm etiketindeki çizgi göründüğünde çizilir */
.mau-eyebrow::before,
body.mau-shell .section-kicker::before,
body.mau-shell .eyebrow::before,
body.mau-shell .kicker::before{ transition:width .5s var(--mau-ease); }
.mau-rv .mau-eyebrow::before,
body.mau-shell .reveal .section-kicker::before{ width:0; }
.mau-rv.seen .mau-eyebrow::before,
body.mau-shell .reveal.in-view .section-kicker::before{ width:22px; }

/* Menü bağlantısında alttan çizgi */
.mau-nav-link{ position:relative; }
.mau-nav-item > .mau-nav-link[aria-current="page"]::after{
  content:""; position:absolute; left:13px; right:13px; bottom:3px; height:2px;
  border-radius:2px; background:var(--mau-royal);
}

/* Footer'da plan kafesi, çok düşük yoğunlukta */
.mau-foot{ position:relative; overflow:hidden; }
.mau-foot::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(90% 120% at 88% 0%, #000 10%, transparent 65%);
  -webkit-mask-image:radial-gradient(90% 120% at 88% 0%, #000 10%, transparent 65%);
}
.mau-foot > *{ position:relative; }

/* Bölüm geçişlerinde saç teli çizgi */
body.mau-shell main > .section + .section{ border-top:1px solid var(--mau-line-2); }

/* ── Yorum kartı: tırnak işareti ve daha net hiyerarşi ─────────────── */
.mau-rev{ padding-top:30px; }
.mau-rev::before{
  content:"\201C"; position:absolute; top:8px; right:22px;
  font-family:var(--mau-ff-display); font-size:64px; line-height:1;
  color:var(--mau-royal); opacity:.1; pointer-events:none;
}
.mau-rev-tag{
  display:inline-flex; align-items:center; gap:6px; margin-top:14px;
  padding:5px 11px; border-radius:999px; background:var(--mau-royal-50);
  color:var(--mau-royal); font-size:11.5px; font-weight:650;
}

/* Yorum bırakmaya davet eden kart — sahte yorum yerine gerçek çağrı */
.mau-rev-invite{
  display:flex; flex-direction:column; justify-content:center;
  padding:26px; border-radius:var(--mau-r-lg);
  border:1px dashed var(--mau-line-strong,#D2DEEA); background:var(--mau-white);
}
.mau-rev-invite h3{ font-size:18px; }
.mau-rev-invite p{ font-size:14.5px; color:var(--mau-ink-2); line-height:1.6; margin-top:10px; }
.mau-rev-invite .mau-btn{ margin-top:18px; align-self:flex-start; }

/* Hero başlığında iki vurgu var: ilki soluk altı çizgi, ikincisi dolu vurgu */
/* Olumsuz yarı soluk, olumlu yarı vurgulu — karşıtlık tipografiyle kurulur */
.mau-hero h1 em:first-of-type{
  background:none; box-shadow:none; color:var(--mau-ink-3);
}
.mau-hero h1 em:last-of-type{
  background:none; color:var(--mau-royal);
  box-shadow:inset 0 -.28em 0 var(--mau-royal-100);
}

/* =====================================================================
   R25.1 — MOBİL HIZLI GEZİNME  (istek md. 3)
   ---------------------------------------------------------------------
   Sağ altta compact bir düğme ve açılır bölüm listesi. Yalnızca dar
   görünümde ve yalnızca uzun sayfalarda görünür; kararı ma-quicknav.js
   verir, buradaki kurallar sadece görünümdür.

   Mobil alt navigasyon (.mau-tabbar) 64px + güvenli alan kadar yer
   kaplar; bu blok tam onun üstünde durur, hiçbir zaman üzerine binmez.
   z-index alt navigasyonunkinden (150) DÜŞÜKTÜR: çakışma olursa alt
   navigasyon kazanır.
   ===================================================================== */
.maqn{
  position:fixed; right:12px; z-index:145;
  bottom:calc(var(--mau-bottom-h, 64px) + env(safe-area-inset-bottom, 0px) + 12px);
  display:none; flex-direction:column; align-items:flex-end; gap:8px;
  pointer-events:none;
}
.maqn.is-ready{ display:flex; }
.maqn > *{ pointer-events:auto; }

.maqn-btn{
  -webkit-appearance:none; appearance:none; border:1px solid var(--mau-line);
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(180%) blur(14px); backdrop-filter:saturate(180%) blur(14px);
  color:var(--mau-ink); border-radius:999px;
  padding:9px 14px 9px 11px; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px;
  font:600 12.5px/1 var(--mau-ff-body); letter-spacing:-.01em;
  box-shadow:var(--mau-sh-2);
  animation:maqn-in .2s var(--mau-ease);
  -webkit-tap-highlight-color:transparent;
}
.maqn-btn svg{ width:16px; height:16px; color:var(--mau-royal); }
.maqn-btn:focus-visible{ outline:3px solid var(--mau-royal-100); outline-offset:2px; }
.maqn.is-open .maqn-btn{ background:var(--mau-royal); color:#fff; border-color:var(--mau-royal); }
.maqn.is-open .maqn-btn svg{ color:#fff; }
@keyframes maqn-in{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:none;} }

.maqn-menu{
  background:var(--mau-white); border:1px solid var(--mau-line);
  border-radius:var(--mau-r); box-shadow:var(--mau-sh-3);
  padding:5px; min-width:196px; max-width:min(74vw, 280px);
  max-height:min(62vh, 392px); overflow:auto; overscroll-behavior:contain;
  animation:maqn-in .18s var(--mau-ease);
}
.maqn-item{
  display:block; width:100%; text-align:left;
  -webkit-appearance:none; appearance:none; background:none; border:0;
  padding:9px 11px; border-radius:9px; cursor:pointer;
  font:500 13px/1.35 var(--mau-ff-body); color:var(--mau-ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.maqn-item:hover,.maqn-item:focus-visible{ background:var(--mau-royal-50); color:var(--mau-royal-600); outline:none; }
.maqn-item--edge{ color:var(--mau-ink-3); font-weight:600; font-size:12px; }
.maqn-item--edge + .maqn-item{ border-top:1px solid var(--mau-line-2); margin-top:4px; padding-top:11px; }

/* Çerez onay kartı ekrandayken hızlı gezinme gizlenir: ikisi de sağ
   altta durur ve kart mobilde düğmeyi tıklanamaz hâle getiriyordu.
   Kart bir kez çıkar; hızlı gezinme kalıcıdır. */
body.ma-consent-open .maqn{ display:none !important; }

/* Masaüstünde asla görünmez: orada zaten mega menü ve sayfa içi
   gezinme var, ekranı meşgul etmesinin anlamı yok. */
@media (min-width:1024px){ .maqn{ display:none !important; } }

@media (prefers-reduced-motion: reduce){
  .maqn-btn,.maqn-menu{ animation:none; }
}