:root{
  --ink:#182b47;          /* derin lacivert metin */
  --ink-soft:#41506b;
  --muted:#78859c;
  --line:#e3e7ef;
  --line-soft:#eef1f6;
  --bg:#f4f4ef;           /* sicak kagit tonu (akademik) */
  --card:#ffffff;
  --primary:#1d3f78;      /* kurumsal lacivert */
  --primary-dark:#142c56;
  --primary-tint:#eaeef7;
  --accent:#0c8576;       /* koyu teal vurgu */
  --accent-soft:#e4f2ef;
  --gold:#9a7a2c;         /* akademik altin hairline */
  --gold-soft:#f4efe0;
  --ok:#127a4b;
  --ok-soft:#e6f5ec;
  --warn:#b26a00;
  --warn-soft:#fdf1de;
  --danger:#c0392b;
  --danger-soft:#fbeae8;
  --shadow:0 1px 2px rgba(24,43,71,.05), 0 10px 30px rgba(24,43,71,.07);
  --shadow-sm:0 1px 2px rgba(24,43,71,.06);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:'Nunito',system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.58;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;   /* mobil: yatay tasma emniyeti */
}
img{max-width:100%}
h1,h2,h3,h4{font-family:'Lora',Georgia,serif;color:var(--ink);margin:0 0 .4em;letter-spacing:-.01em}
h1{font-size:1.6rem;font-weight:700;line-height:1.25}
h2{font-size:1.26rem;font-weight:700}
h3{font-size:1.06rem;font-weight:600}
p{margin:.3em 0 .7em}
a{color:var(--primary)}

/* Topbar */
.topbar{
  padding:0;background:var(--card);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:30;
}
.topbar-inner{
  display:flex;align-items:center;gap:18px;
  max-width:1400px;margin:0 auto;padding:12px 24px;
}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.brand-mark{width:30px;height:30px;color:var(--primary)}
.brand-name{font-family:'Lora',Georgia,serif;font-weight:700;font-size:1.34rem;letter-spacing:-.01em;color:var(--primary)}
.brand-tag{color:var(--muted);font-size:.84rem;font-weight:600;border-left:1px solid var(--line);padding-left:11px}
@media(max-width:520px){.brand-tag{display:none}}
.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.lang-btn{border:none;background:transparent;cursor:pointer;font-family:'Nunito';font-weight:800;
  font-size:.78rem;color:var(--muted);padding:6px 11px;transition:.15s}
.lang-btn.on{background:var(--primary);color:#fff}
.lang-btn:not(.on):hover{background:var(--primary-tint);color:var(--primary)}
.nav-video{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:'Nunito';
  font-weight:800;font-size:.84rem;color:var(--primary);background:var(--primary-tint);
  border:1px solid #d6def0;border-radius:999px;padding:7px 14px;white-space:nowrap;transition:.15s}
.nav-video:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.nav-video svg{width:14px;height:14px}
@media(max-width:640px){.nav-video span{display:none}.nav-video{padding:7px 9px}}
.mode-badge{font-size:.78rem;font-weight:700;color:var(--accent);background:var(--accent-soft);
  padding:6px 12px;border-radius:999px;white-space:nowrap}
.mode-badge.badge-free{color:var(--ok);background:var(--ok-soft)}
.topbar-right{display:flex;align-items:center;gap:14px}
/* Ucretsiz mod anahtari */
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch-slider{width:38px;height:22px;background:#cbd3e2;border-radius:999px;position:relative;transition:.2s;flex:none}
.switch-slider::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;
  border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.switch input:checked + .switch-slider{background:var(--ok)}
.switch input:checked + .switch-slider::after{transform:translateX(16px)}
.switch input:focus-visible + .switch-slider{outline:2px solid var(--primary);outline-offset:2px}
.switch-label{font-size:.82rem;font-weight:700;color:var(--ink-soft)}
@media(max-width:640px){.switch-label{display:none}}

/* Stepper */
.stepper{
  display:flex;gap:8px;justify-content:center;flex-wrap:wrap;
  padding:16px;background:var(--card);border-bottom:1px solid var(--line);
  position:sticky;top:59px;z-index:15;
}
.step{
  display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--muted);
  padding:6px 14px;border-radius:999px;transition:.2s;
}
.step .dot{
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--line);color:var(--muted);font-size:.82rem;font-weight:800;
}
.step.active{color:var(--primary);background:var(--primary-tint)}
.step.active .dot{background:var(--primary);color:#fff}
.step.done{color:var(--ok)}
.step.done .dot{background:var(--ok);color:#fff}

/* App container */
.app{max-width:920px;margin:26px auto 60px;padding:0 20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:26px;margin-bottom:18px}
.lead{color:var(--ink-soft);font-size:1.02rem}

/* Hero (giris ekrani) */
.hero{position:relative;background:linear-gradient(180deg,#ffffff 0%,#fbfaf6 100%);
  border:1px solid var(--line);border-top:3px solid var(--primary);
  border-radius:var(--radius);box-shadow:var(--shadow);padding:34px 32px 28px;margin-bottom:18px}
.hero-eyebrow{font-family:'Nunito';font-size:.72rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.hero h1{font-size:2.05rem;line-height:1.18;margin:0 0 12px;max-width:20ch}
.hero-sub{color:var(--ink-soft);font-size:1.06rem;max-width:60ch;margin:0}
.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.trust-chip{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;
  color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.trust-chip svg{width:15px;height:15px;color:var(--accent);flex:none}
.trust-chip.tc-gold{border-color:#e6dcbf;background:var(--gold-soft)}
.trust-chip.tc-gold svg{color:var(--gold)}
.metu-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 15px;
  font-size:.84rem;font-weight:800;color:var(--gold);background:var(--gold-soft);
  border:1px solid #e6dcbf;border-radius:10px;border-left:3px solid var(--gold)}
.metu-badge svg{width:15px;height:15px;color:var(--gold);flex:none}
.metu-line{font-family:'Nunito';font-weight:800;font-size:.82rem;color:var(--gold);margin-bottom:12px}

/* Tanitim videosu butonu + oynatici */
.btn-video{display:inline-flex;align-items:center;gap:11px;margin-top:24px;cursor:pointer;
  font-family:'Nunito';font-weight:800;font-size:.98rem;color:#fff;background:var(--primary);
  border:none;border-radius:12px;padding:13px 20px 13px 16px;transition:.15s;box-shadow:var(--shadow-sm)}
.btn-video:hover{background:var(--primary-dark)}
.btn-video svg{width:22px;height:22px;background:rgba(255,255,255,.16);border-radius:50%;padding:4px}
.btn-video small{font-weight:700;font-size:.8rem;color:#b9c6e4;margin-left:2px}
.promo-modal{position:fixed;inset:0;background:rgba(16,24,40,.78);display:flex;align-items:center;
  justify-content:center;z-index:60;padding:24px;animation:fadein .15s ease}
.promo-box{position:relative;width:min(960px,100%);background:#000;border-radius:14px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.55)}
.promo-box video{width:100%;display:block;max-height:82vh}
.promo-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:none;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--ink);cursor:pointer;display:grid;place-items:center;z-index:2}
.promo-close svg{width:22px;height:22px}
@keyframes fadein{from{opacity:0}to{opacity:1}}

/* Nasil calisir seridi */
.how-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:2px 0 20px}
.how-step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;position:relative}
.how-step .how-n{font-family:'Lora',serif;font-size:1.5rem;font-weight:700;color:var(--primary);opacity:.35;line-height:1}
.how-step .how-t{font-weight:800;font-size:.95rem;margin:6px 0 3px}
.how-step .how-d{color:var(--muted);font-size:.83rem}
@media(max-width:680px){.how-row{grid-template-columns:1fr}.hero h1{font-size:1.6rem}.hero{padding:26px 22px}}

/* Bolum basligi */
.section-label{display:flex;align-items:center;gap:10px;margin:0 4px 12px;color:var(--muted);
  font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.section-label::after{content:"";flex:1;height:1px;background:var(--line)}

/* Buttons */
.btn{
  font-family:'Nunito';font-weight:800;font-size:.95rem;cursor:pointer;border:none;
  padding:12px 20px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;transition:.15s;
}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}
.btn-ghost{background:#eef1f7;color:var(--ink)}
.btn-ghost:hover{background:#e2e7f1}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{filter:brightness(.94)}
.btn-warn-ghost{background:var(--warn-soft);color:var(--warn);border:1px solid #eccf9c}
.btn-warn-ghost:hover{filter:brightness(.97)}
.btn-warn-ghost svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.override-banner{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px 14px;
  background:var(--warn-soft);border:1px solid #eccf9c;border-left:4px solid var(--warn);
  border-radius:10px;color:#7a4a00;font-size:.9rem;line-height:1.5}
.override-banner svg{width:20px;height:20px;color:var(--warn);flex:0 0 auto;margin-top:1px}

/* Dropzone */
.dropzone{
  border:2px dashed #c7d0e2;border-radius:var(--radius);padding:48px 24px;text-align:center;
  background:#fbfcfe;cursor:pointer;transition:.15s;
}
.dropzone:hover,.dropzone.drag{border-color:var(--primary);background:var(--primary-tint)}
.dropzone svg{width:44px;height:44px;color:var(--primary);margin-bottom:10px}
.dropzone .big{font-weight:800;font-size:1.06rem}
.dropzone .small{color:var(--muted);font-size:.9rem}

/* Column mapping table */
.cols-table{width:100%;border-collapse:collapse;font-size:.92rem}
.cols-table th{text-align:left;color:var(--muted);font-weight:700;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:2px solid var(--line)}
.cols-table td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.cols-table tr:hover td{background:#fafbfe}
.col-name{font-weight:700}
.col-sample{color:var(--muted);font-size:.82rem}
.pill{display:inline-block;font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:999px}
.pill-num{background:var(--primary-tint);color:var(--primary)}
.pill-cat{background:var(--accent-soft);color:var(--accent)}
.chk{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}
.icon-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:6px;border-radius:8px;
  display:inline-flex;align-items:center;transition:.15s}
.icon-btn svg{width:17px;height:17px}
.icon-btn:hover{color:var(--danger);background:var(--danger-soft)}
.row-flag td{background:var(--warn-soft)!important}
.flag-tag{font-size:.68rem;font-weight:800;color:var(--warn);background:#fff;border:1px solid #eccf9c;
  padding:1px 7px;border-radius:999px;vertical-align:middle;margin-left:4px}
.small-btn{padding:7px 13px;font-size:.83rem}

/* Mode toggle */
.mode-toggle{display:flex;gap:6px;background:#eef1f7;padding:5px;border-radius:12px;margin-bottom:16px;max-width:460px}
.mode-tab{flex:1;border:none;background:transparent;font-family:'Nunito';font-weight:800;font-size:.92rem;
  color:var(--muted);padding:10px 14px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;
  justify-content:center;gap:7px;transition:.15s}
.mode-tab svg{width:17px;height:17px}
.mode-tab.on{background:#fff;color:var(--primary);box-shadow:var(--shadow)}

/* Suggestion cards */
textarea{width:100%;font-family:'Nunito';font-size:.94rem;font-weight:600;color:var(--ink);
  padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;resize:vertical;line-height:1.5}
textarea:focus{outline:none;border-color:var(--primary)}
.sug-card{display:flex;align-items:flex-start;gap:13px;border:1.5px solid var(--line);border-radius:12px;
  padding:14px 15px;margin-bottom:10px;background:#fff;transition:.15s}
.sug-card:hover{border-color:#c7d4f5;box-shadow:var(--shadow)}
.sug-num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;
  font-weight:800;font-size:.9rem;display:grid;place-items:center;margin-top:2px}
.sug-body{flex:1;min-width:0}
.sug-h{font-weight:800;font-size:.96rem;margin-bottom:3px}
.sug-test{font-size:.86rem;color:var(--ink-soft)}
.sug-test b{color:var(--primary)}
.sug-r{font-size:.82rem;color:var(--muted);margin-top:4px}
.sug-card .small-btn{flex:none;align-self:center}
.sug-pick{display:flex;align-items:flex-start;padding-top:6px}
.sug-pick .chk{width:19px;height:19px}
@media(max-width:560px){.sug-card{flex-wrap:wrap}.sug-card .small-btn{width:100%;justify-content:center;margin-top:6px}}

/* Yuklu tez dosya karti */
.dropzone.dz-loaded{border-style:solid;border-color:#b7dcc6;background:#f4fbf7}
.file-chip{display:flex;align-items:center;gap:13px;background:#fff;border:1.5px solid #b7dcc6;
  border-radius:12px;padding:13px 17px;max-width:520px;margin:0 auto;text-align:left}
.file-chip>svg{width:28px;height:28px;color:var(--ok);flex:none;margin-bottom:0}
.fc-body{min-width:0}
.fc-name{font-weight:800;font-size:.96rem;word-break:break-all;color:var(--ink)}
.fc-meta{font-size:.8rem;color:var(--ok);font-weight:700}
.fc-ok{margin-left:auto;color:var(--ok);flex:none;display:flex}
.fc-ok svg{width:22px;height:22px}

/* Rapora eklendi rozeti */
.saved-chip{display:inline-flex;align-items:center;gap:8px;background:var(--ok-soft);color:var(--ok);
  font-weight:800;font-size:.92rem;padding:10px 18px;border-radius:10px}
.saved-chip svg{width:17px;height:17px}

/* Question cards */
.q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.q-card{border:1.5px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;transition:.15s;background:#fff}
.q-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.q-card.sel{border-color:var(--primary);background:var(--primary-tint)}
.q-card .q-title{font-weight:800;font-size:.98rem;margin-bottom:4px}
.q-card .q-ex{color:var(--muted);font-size:.83rem}
.q-card .q-hint{margin-top:8px;font-size:.78rem;color:var(--accent);font-weight:700}
.q-card .q-domain{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.03em;
  text-transform:uppercase;color:var(--primary);background:var(--primary-tint);border-radius:6px;
  padding:2px 7px;margin-bottom:7px}

/* Form */
.field{margin-bottom:14px}
.field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:5px}
.field .hint{color:var(--muted);font-weight:600;font-size:.8rem}
select,input[type=text]{
  width:100%;font-family:'Nunito';font-size:.95rem;font-weight:600;color:var(--ink);
  padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;
}
select:focus,input:focus{outline:none;border-color:var(--primary)}
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;
  max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px}
.item-chk{display:flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;padding:4px}

/* Result */
.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.badge{font-size:.78rem;font-weight:800;padding:5px 12px;border-radius:999px}
.badge-sig{background:var(--ok-soft);color:var(--ok)}
.badge-nsig{background:#eef1f7;color:var(--ink-soft)}
.rec-box{background:var(--primary-tint);border:1px solid #d6def0;border-radius:11px;padding:13px 15px;margin:14px 0;
  font-size:.92rem}
.rec-box b{color:var(--primary)}
.ass-row{display:flex;gap:8px;align-items:center;font-size:.86rem;padding:5px 0;color:var(--ink-soft)}
.tick{width:16px;height:16px;flex:none}
.tick-ok{color:var(--ok)} .tick-no{color:var(--warn)}
.apa-box{background:#fbfbfd;border:1px solid var(--line);border-left:3px solid var(--primary);
  border-radius:8px;padding:14px 16px;font-size:.95rem;margin:12px 0}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0;border-radius:8px}
.res-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0}
.res-table th,.res-table td{white-space:nowrap}
.res-table th{background:#f4f6fb;font-weight:700;font-size:.8rem;padding:8px 10px;text-align:center;border:1px solid var(--line)}
.res-table td{padding:8px 10px;text-align:center;border:1px solid var(--line)}
.res-table td:first-child,.res-table th:first-child{text-align:left}
.guide h4{margin-top:16px;font-size:.92rem;color:var(--primary)}
.guide ul{margin:4px 0 0;padding-left:20px}
.guide li{font-size:.88rem;color:var(--ink-soft);margin:3px 0}
.tcap{font-style:italic;font-size:.84rem;color:var(--ink-soft);margin:14px 0 4px;font-weight:700}

/* Saved list */
.saved-item{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;background:#fff}
.saved-item .n{font-weight:700;font-size:.92rem}
.saved-item .s{font-size:.8rem;color:var(--muted)}

/* Alerts */
.alert{padding:12px 15px;border-radius:11px;font-size:.9rem;font-weight:600;margin:12px 0;display:flex;gap:9px}
.alert svg{width:19px;height:19px;flex:none;margin-top:1px}
.alert-warn{background:var(--warn-soft);color:var(--warn)}
.alert-info{background:var(--primary-tint);color:var(--primary-dark)}
.alert-err{background:var(--danger-soft);color:var(--danger)}

/* Toast */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--ink);color:#fff;padding:12px 20px;border-radius:11px;font-weight:700;font-size:.9rem;
  opacity:0;pointer-events:none;transition:.25s;z-index:50;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Foot */
.foot{max-width:920px;margin:0 auto;padding:26px 20px;text-align:center;color:var(--muted);font-size:.82rem;
  border-top:1px solid var(--line);line-height:1.6}
.foot-brand{font-family:'Lora',serif;font-weight:700;font-size:1.05rem;color:var(--primary);margin-bottom:6px}
.app-badges{display:flex;justify-content:center;margin:14px 0 18px}
.gplay-badge{display:inline-flex;align-items:center;gap:11px;text-decoration:none;background:var(--ink);
  color:#fff;border-radius:12px;padding:9px 18px 9px 14px;transition:.15s}
.gplay-badge:hover{background:#0f1d33}
.gplay-badge svg{width:26px;height:26px;color:var(--accent)}
.gplay-badge span{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.gplay-badge small{font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#9fb0cc}
.gplay-badge b{font-family:'Nunito';font-size:1.02rem;font-weight:800}

/* ===== MOBIL UYUM ===== */
@media(max-width:680px){
  .topbar{padding:12px 16px}
  .brand-name{font-size:1.18rem}
  #modeBadge{display:none}                 /* kalabalik yapmasin */
  .topbar-right{gap:9px}
  .stepper{padding:12px 8px;top:57px;gap:5px}
  .step{padding:5px 10px;font-size:.82rem}
  .app{margin:16px auto 44px;padding:0 14px}
  .card{padding:18px 16px;border-radius:12px}
  .hero{padding:22px 18px}
  .hero h1{font-size:1.5rem}
  .hero-eyebrow{font-size:.66rem;margin-bottom:10px}
  .hero-sub{font-size:.96rem}
  .trust-row{flex-direction:column;align-items:stretch;gap:8px}
  .trust-chip{justify-content:flex-start;white-space:normal;font-size:.8rem}
  .btn-video{width:100%;justify-content:center}
  .bignum{font-size:84px}
  .chips .chip{font-size:.82rem;padding:8px 14px}
  h1{font-size:1.35rem}
  .btn,.btn-primary,.btn-accent,.btn-ghost{width:100%;justify-content:center}
  .btn-row{gap:8px}
  .btn-row .saved-chip{width:100%;justify-content:center}
  .q-grid{grid-template-columns:1fr}
  .promo-modal{padding:12px}
}
@media(max-width:420px){
  .hero h1{font-size:1.32rem}
  .brand-tag{display:none}
  .switch-label{display:none}
}

/* Spinner */
.spin{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;
  border-radius:50%;animation:spin .7s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.center-load{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:var(--muted)}
.center-load .spin{border-color:rgba(30,79,214,.25);border-top-color:var(--primary);width:32px;height:32px}

.muted{color:var(--muted)}
.small{font-size:.85rem}
.mt{margin-top:14px}
.hide{display:none!important}
@media(max-width:640px){
  .brand-tag{display:none}
  .app{padding:0 14px}
  .card{padding:18px}
  .stepper{top:59px}
}

/* ==========================================================================
   v2 — KURUMSAL GORSEL KATMAN (menuler, illustrasyonlar, icerik sayfalari)
   ========================================================================== */

/* ---- Ana menu (acilir) ---- */
.mainnav{flex:1;min-width:0}
.nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav-item{position:relative}
.nav-link{
  display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;cursor:pointer;
  font-family:'Nunito';font-weight:700;font-size:.9rem;color:var(--ink-soft);
  padding:9px 12px;border-radius:9px;transition:.15s;white-space:nowrap;text-decoration:none;
}
.nav-link:hover{background:var(--primary-tint);color:var(--primary)}
.nav-link .chev{width:12px;height:12px;opacity:.55;transition:transform .18s}
.nav-item.open .nav-link{background:var(--primary-tint);color:var(--primary)}
.nav-item.open .nav-link .chev{transform:rotate(180deg)}
.dropdown{
  position:absolute;top:calc(100% + 9px);left:-8px;z-index:40;
  background:#fff;border:1px solid var(--line);border-top:3px solid var(--primary);
  border-radius:13px;box-shadow:0 18px 44px rgba(24,43,71,.16);padding:11px;
  display:none;animation:ddIn .14s ease;
}
.nav-item.open .dropdown{display:block}
@keyframes ddIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.dd-grid{display:grid;gap:2px;min-width:300px}
.dd-grid.two{grid-template-columns:1fr 1fr;min-width:580px}
.dd-item{
  display:flex;gap:11px;align-items:flex-start;padding:10px 11px;border-radius:10px;
  cursor:pointer;text-decoration:none;color:inherit;transition:.13s;background:transparent;border:none;
  text-align:left;font-family:'Nunito';width:100%;
}
.dd-item:hover{background:#f5f7fc}
.dd-ic{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  background:var(--primary-tint);color:var(--primary);transition:.13s}
.dd-ic svg{width:18px;height:18px}
.dd-item:hover .dd-ic{background:var(--primary);color:#fff}
.dd-t{display:block;font-weight:800;font-size:.9rem;color:var(--ink);line-height:1.3}
.dd-d{display:block;font-size:.78rem;color:var(--muted);line-height:1.4;margin-top:1px}
.dd-foot{margin:8px 4px 2px;padding-top:10px;border-top:1px solid var(--line-soft);
  font-size:.78rem;color:var(--muted);font-weight:600;display:flex;gap:7px;align-items:center}
.dd-foot svg{width:14px;height:14px;color:var(--gold);flex:none}
.nav-burger{display:none;border:none;background:transparent;cursor:pointer;color:var(--ink);padding:6px;border-radius:8px}
.nav-burger svg{width:24px;height:24px}
.nav-burger:hover{background:var(--primary-tint)}
.topbar-right{margin-left:auto;flex:none}

/* ---- Hero: iki sutun + illustrasyon ---- */
.hero{overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(circle at 1px 1px, #dfe4ee 1px, transparent 0);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(to bottom right, rgba(0,0,0,.9), transparent 62%);
  mask-image:linear-gradient(to bottom right, rgba(0,0,0,.9), transparent 62%);
}
.hero>*{position:relative}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center}
.hero-art{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 28px rgba(24,43,71,.13))}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;align-items:center}
.hero-cta .btn-video{margin-top:0}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:22px}.hero-art{max-width:430px;margin:0 auto}}

/* ---- Guven seridi (sayilar) ---- */
.stat-band{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:18px;
  box-shadow:var(--shadow-sm);
}
.stat-cell{background:linear-gradient(180deg,#fff,#fcfcf9);padding:18px 14px;text-align:center}
.stat-n{font-family:'Lora',serif;font-size:1.6rem;font-weight:700;color:var(--primary);line-height:1.1}
.stat-l{font-size:.77rem;font-weight:700;color:var(--muted);margin-top:4px;line-height:1.35}
@media(max-width:680px){.stat-band{grid-template-columns:1fr 1fr}.stat-n{font-size:1.32rem}}

/* ---- Ozellik kartlari (ikonlu) ---- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.feat-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;
  box-shadow:var(--shadow-sm);transition:.16s}
.feat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#d2dcf0}
.feat-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:11px;
  background:var(--primary-tint);color:var(--primary)}
.feat-ic svg{width:22px;height:22px}
.feat-card.gold .feat-ic{background:var(--gold-soft);color:var(--gold)}
.feat-card.teal .feat-ic{background:var(--accent-soft);color:var(--accent)}
.feat-t{font-weight:800;font-size:.98rem;margin-bottom:3px}
.feat-d{font-size:.85rem;color:var(--muted);line-height:1.5}
@media(max-width:760px){.feat-grid{grid-template-columns:1fr}}

/* ---- Nasil calisir: illustrasyonlu ---- */
.how-step{padding-top:14px}
.how-art{width:100%;max-width:180px;height:80px;display:block;margin:2px auto 8px}
.how-step .how-n{position:absolute;top:11px;right:15px;font-size:1.4rem}

/* ---- Analiz vitrini ---- */
.show-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}
.show-card{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:15px 16px;transition:.15s;cursor:pointer;text-align:left;
  font-family:'Nunito';width:100%}
.show-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.show-ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent)}
.show-ic svg{width:20px;height:20px}
.show-t{font-weight:800;font-size:.94rem}
.show-d{font-size:.81rem;color:var(--muted);line-height:1.45;margin-top:2px}
@media(max-width:680px){.show-grid{grid-template-columns:1fr}}

/* ---- Alt CTA seridi ---- */
.cta-band{background:linear-gradient(135deg,var(--primary) 0%,#16305d 100%);color:#fff;
  border-radius:var(--radius);padding:26px 28px;display:flex;gap:20px;align-items:center;
  justify-content:space-between;flex-wrap:wrap;box-shadow:var(--shadow);margin-bottom:18px;
  position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;
  border-radius:50%;background:rgba(255,255,255,.05)}
.cta-band h3{color:#fff;margin:0 0 4px;font-size:1.2rem}
.cta-band p{margin:0;color:#c6d3ea;font-size:.9rem;max-width:52ch}
.cta-band .btn{background:#fff;color:var(--primary);position:relative;z-index:1}
.cta-band .btn:hover{background:#eaeef7}

/* ---- Icerik sayfalari ---- */
.page-hero{background:linear-gradient(180deg,#ffffff,#fbfaf6);border:1px solid var(--line);
  border-top:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:24px 28px;margin-bottom:18px;display:flex;gap:20px;align-items:center}
.page-hero .ph-ic{flex:none;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;
  background:var(--primary-tint);color:var(--primary)}
.page-hero .ph-ic svg{width:28px;height:28px}
.page-hero h1{margin:0 0 4px;font-size:1.5rem}
.page-hero p{margin:0;color:var(--ink-soft);font-size:.96rem}
.page-back{display:inline-flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;
  font-family:'Nunito';font-weight:800;font-size:.85rem;color:var(--primary);padding:6px 2px;margin-bottom:8px}
.page-back svg{width:15px;height:15px}
.prose h3{margin-top:20px}
.prose h3:first-child{margin-top:0}
.prose p{color:var(--ink-soft);font-size:.94rem}
.prose ul{padding-left:19px;margin:6px 0 12px}
.prose li{font-size:.92rem;color:var(--ink-soft);margin:5px 0}
.prose b{color:var(--ink)}
.note-box{background:var(--gold-soft);border:1px solid #e6dcbf;border-left:3px solid var(--gold);
  border-radius:10px;padding:13px 15px;font-size:.89rem;color:#6b551d;margin:14px 0}
.kv{display:grid;grid-template-columns:230px 1fr;gap:10px 18px;font-size:.92rem;margin:10px 0}
.kv dt{font-weight:800;color:var(--ink)}
.kv dd{margin:0;color:var(--ink-soft)}
@media(max-width:620px){.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:10px}}
.faq-item{border:1px solid var(--line);border-radius:11px;margin-bottom:8px;background:#fff;overflow:hidden}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:'Nunito';
  font-weight:800;font-size:.94rem;color:var(--ink);padding:14px 16px;display:flex;
  justify-content:space-between;gap:12px;align-items:center}
.faq-q svg{width:16px;height:16px;color:var(--muted);flex:none;transition:transform .18s}
.faq-item.open .faq-q svg{transform:rotate(45deg)}
.faq-a{display:none;padding:0 16px 15px;font-size:.9rem;color:var(--ink-soft);line-height:1.6}
.faq-item.open .faq-a{display:block}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 4px}
.price-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;position:relative}
.price-card.hot{border-color:var(--primary);border-top:3px solid var(--primary);box-shadow:var(--shadow)}
.price-tag{position:absolute;top:-11px;right:14px;background:var(--gold);color:#fff;font-size:.66rem;
  font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.price-n{font-family:'Lora',serif;font-size:1.7rem;font-weight:700;color:var(--primary);margin:6px 0}
.price-n small{font-family:'Nunito';font-size:.8rem;color:var(--muted);font-weight:700}
.price-card ul{list-style:none;padding:0;margin:12px 0 0}
.price-card li{font-size:.86rem;color:var(--ink-soft);padding:5px 0 5px 22px;position:relative}
.price-card li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:5px;
  border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
@media(max-width:760px){.price-grid{grid-template-columns:1fr}}
.glos-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.glos{border:1px solid var(--line);border-radius:11px;padding:13px 15px;background:#fff}
.glos b{display:block;font-size:.92rem;margin-bottom:3px}
.glos span{font-size:.85rem;color:var(--ink-soft);line-height:1.5}
@media(max-width:680px){.glos-grid{grid-template-columns:1fr}}
.flow{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}
.flow-row{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:11px;padding:12px 15px}
.flow-q{font-weight:800;font-size:.9rem;flex:1}
.flow-a{font-size:.85rem;color:var(--accent);font-weight:800;text-align:right;flex:none;max-width:50%}

/* ---- Genisletilmis yerlesim ---- */
.app{max-width:1060px}
.foot{max-width:1060px}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left;
  padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.foot-col h4{font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  font-family:'Nunito';font-weight:800;margin-bottom:8px}
.foot-col button{display:block;background:none;border:none;cursor:pointer;font-family:'Nunito';
  font-size:.85rem;font-weight:600;color:var(--ink-soft);padding:3px 0;text-align:left}
.foot-col button:hover{color:var(--primary);text-decoration:underline}
@media(max-width:680px){.foot-grid{grid-template-columns:1fr 1fr;gap:18px}}

/* ---- Ust bar sikismasi: sagdaki kontroller kademeli kisalir ---- */
@media(max-width:1600px){#modeBadge{display:none}}
@media(min-width:1001px){.nav-cta{display:none}}  /* CTA yalnizca mobil cekmecede */
@media(max-width:1340px){.brand-tag{display:none}}
@media(max-width:1220px){.nav-video span{display:none}.nav-video{padding:7px 9px}}
@media(max-width:1120px){.switch-label{display:none}}

/* ---- Mobil menu ---- */
@media(max-width:1080px){
  .nav-link{padding:9px 9px;font-size:.86rem}
  .dd-grid.two{min-width:510px}
}
@media(max-width:1000px){
  .nav-burger{display:inline-flex}
  .mainnav{
    position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);background:#fff;z-index:50;
    border-left:1px solid var(--line);box-shadow:-18px 0 44px rgba(24,43,71,.16);
    padding:66px 16px 26px;overflow-y:auto;transform:translateX(102%);transition:transform .22s ease;
  }
  .mainnav.open{transform:none}
  .nav-list{flex-direction:column;align-items:stretch;gap:2px}
  .nav-item{position:static}
  .nav-link{width:100%;justify-content:space-between;font-size:.98rem;padding:12px}
  .dropdown{position:static;display:none;box-shadow:none;border:none;border-top:1px solid var(--line-soft);
    border-radius:0;padding:4px 0 10px;animation:none}
  .nav-item.open .dropdown{display:block}
  .dd-grid,.dd-grid.two{grid-template-columns:1fr;min-width:0}
  /* scrim, topbar'in ALTINDA kalmali: cekmece topbar'in yigin baglaminda */
  .nav-scrim{position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:25}
  .nav-burger{position:relative;z-index:60}     /* burger cekmecenin ustunde kalsin */
}