/* ════════════════════════════════════════════════════════════════════
   TeklifVerisi — TEMA YÜKSELTME (ui-ux-pro-max)
   Yalnızca GÖRSEL katman. Mevcut HTML/JS/ID/akış DEĞİŞMEZ.
   Sayfaya tek satırla bağlanır:  <link rel="stylesheet" href="theme-upgrade.css">
   Geri almak için o satırı silmek yeterli. Class yoksa hiçbir şey yapmaz.
   ════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@600;700;800&family=Inter:wght@400;500;600&family=Fraunces:ital,opsz,wght@1,9..144,500&display=swap');

:root{--tv-ease:cubic-bezier(.22,1,.36,1)}

/* — Tipografi: gerçek font eşleşmesi (gövde Inter, başlık Inter Tight) — */
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2,h3,.hero h1,.logo-text,.hstat-n,.stat-n,.upload-zone h3,.finding h4,
.cmp-table th,.btn-main,.hero-btn-p,.btn-pri,.btn-sec,.chat-snd,.baslat-title,
.acente-header h2{font-family:'Inter Tight','Inter',sans-serif;letter-spacing:-.01em}

/* — NAV: cam efekti — */
.nav{background:rgba(11,31,69,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(91,155,240,.12)}
.logo-text{font-size:16px;font-weight:700}

/* — HERO: daha iri, editöryel başlık + derinlik — */
.hero{background:radial-gradient(120% 130% at 82% -20%,#163571 0%,#0B1F45 58%)}
.hero h1{font-size:clamp(28px,4.6vw,52px);font-weight:800;line-height:1.06;letter-spacing:-.03em}
.hero h1 em{font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:#5B9BF0}
.hero-badge{border-radius:30px}
.hero-btn-p{background:#5B9BF0;color:#08172f;transition:transform .15s var(--tv-ease),box-shadow .15s var(--tv-ease),background .15s}
.hero-btn-p:hover{background:#7eb0f5;transform:translateY(-2px);box-shadow:0 12px 30px rgba(91,155,240,.45)}
.hero-btn-s{transition:all .15s var(--tv-ease)}.hero-btn-s:hover{transform:translateY(-2px)}
.btn-p{transition:transform .15s var(--tv-ease),box-shadow .15s var(--tv-ease),background .15s}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(26,79,160,.35)}
.hstat-n,.stat-n{font-weight:800}

/* — Hero giriş animasyonu (yalnızca CSS, statik hero) — */
@keyframes tvUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-left>*{animation:tvUp .6s var(--tv-ease) both}
.hero-badge{animation-delay:.02s}.hero-left h1{animation-delay:.08s}
.hero-proof,.tags,.proof{animation-delay:.16s}.hero-btns,.btns{animation-delay:.24s}
.hero-right{animation:tvUp .7s var(--tv-ease) both .2s}

/* — STEP BAR: derinlik + aktif parıltı — */
.stepbar{background:linear-gradient(180deg,#0F2952,#0d2348)}
.snum.active{box-shadow:0 0 0 4px rgba(91,155,240,.18)}
.snum.done{box-shadow:0 0 0 4px rgba(93,202,165,.16)}

/* — BUTONLAR: yumuşak gölge + hover yükselme — */
.btn-main,.btn-pri{transition:transform .15s var(--tv-ease),box-shadow .15s var(--tv-ease),background .15s}
.btn-main:not(:disabled):hover,.btn-pri:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(26,79,160,.28)}
.btn-sec{transition:all .15s var(--tv-ease)}.btn-sec:hover{transform:translateY(-1px)}

/* — KARTLAR & GİRİŞ ALANLARI — */
.upload-zone{border-radius:14px;transition:all .18s var(--tv-ease)}
.upload-zone:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,79,160,.1)}
.uslot{border-radius:12px;transition:all .15s var(--tv-ease)}.uslot:hover{transform:translateY(-1px)}
.card,.city-card,.kapi,.fcard{transition:transform .16s var(--tv-ease),box-shadow .16s var(--tv-ease),border-color .16s var(--tv-ease)}
.card:hover,.city-card:hover,.kapi:hover,.fcard:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(11,31,69,.08)}
.field input:focus,.field select:focus,.field textarea:focus,.chat-inp:focus{box-shadow:0 0 0 3px rgba(91,155,240,.18)}
.finding{box-shadow:0 1px 2px rgba(11,31,69,.04)}

/* — Mobil: hero başlığı okunur kalsın — */
@media(max-width:768px){.hero h1{font-size:clamp(24px,7.5vw,32px)!important}}

@media (prefers-reduced-motion: reduce){
  .hero-left>*,.hero-right{animation:none}
  *{transition:none!important}
}