/*
Theme Name: Nil İşletme Yönetimi
Theme URI: https://nilisletmeyonetimi.com
Author: Nil İşletme Yönetimi
Description: Nil İşletme Yönetimi Destek ve Danışmanlık Hizmetleri A.Ş. kurumsal web teması.
Version: 1.0
License: Private
Text Domain: nil-theme
*/

/* ═══════════════════════════════════════
   TOKENS
═══════════════════════════════════════ */
:root {
  --cream:      #f5f0e8;
  --cream-dark: #ede6d8;
  --white:      #ffffff;
  --ink:        #1c1810;
  --ink-mid:    #3a3020;
  --ink-light:  #8a7a68;
  --gold:       #b8944e;
  --gold-lite:  #c8a45e;
  --gold-pale:  #e8d8b8;
  --tan:        #7a5c28;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Jost', sans-serif;
  --ease: cubic-bezier(.16,1,.3,1);
}

/* ═══════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  background: var(--white);
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 300;
  line-height: 1.7;
  overflow-x: hidden;
}
img { display:block; max-width:100%; }
a  { color: inherit; text-decoration: none; }

/* ═══════════════════════════════════════
   NAVIGATION
═══════════════════════════════════════ */
nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: rgba(245,240,232,.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(184,148,78,.72);
  padding: 0 6vw;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: box-shadow .3s;
}
nav.scrolled { box-shadow: 0 4px 32px rgba(28,24,16,.06); }
.nav-logo { display:flex; align-items:center; gap:22px; text-decoration:none; }
.nav-logo svg { width:84px; height:102px; }
.nav-wordmark { display:flex; flex-direction:column; gap:4px; align-items:center; }
.nav-nil { font-family:var(--serif); font-weight:600; font-size:52px; letter-spacing:9px; color:var(--ink); line-height:1; }
.nav-sub { font-size:13px; letter-spacing:4px; text-transform:uppercase; color:var(--gold); font-weight:400; line-height:1.4; opacity:.85; text-align:center; width:100%; }
.nav-links { display:flex; gap:36px; list-style:none; }
.nav-links a { font-size:14px; letter-spacing:2px; text-transform:uppercase; font-weight:400; color:var(--ink-mid); transition:color .25s; position:relative; }
.nav-links a::after { content:''; position:absolute; bottom:-3px; left:0; width:0; height:1px; background:var(--gold); transition:width .3s var(--ease); }
.nav-links a:hover { color:var(--tan); }
.nav-links a:hover::after { width:100%; }
.nav-cta { padding:9px 24px; border:1px solid var(--gold); font-size:10px; letter-spacing:2px; text-transform:uppercase; font-weight:400; color:var(--tan); transition:background .25s, color .25s; cursor:pointer; }
.nav-cta:hover { background:var(--gold); color:var(--white); }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
.hamburger span { width:24px; height:1px; background:var(--ink); }

/* ═══════════════════════════════════════
   HERO
═══════════════════════════════════════ */
#hero {
  min-height: calc(100vh - 96px);
  background: var(--cream);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  padding: 60px 6vw 60px;
  padding-top: 120px;
  gap: 60px;
  position: relative;
  overflow: hidden;
}
#hero::before { content:''; position:absolute; bottom:-30%; right:-10%; width:55vw; height:55vw; border-radius:50%; background:radial-gradient(circle, rgba(184,148,78,.07) 0%, transparent 65%); pointer-events:none; }
.hero-badge { display:inline-flex; align-items:center; gap:10px; margin-bottom:28px; opacity:0; animation:fadeUp .7s .2s var(--ease) forwards; }
.hero-badge span { font-size:9px; letter-spacing:3.5px; text-transform:uppercase; color:var(--gold); font-weight:400; }
.hero-badge::before { content:''; width:28px; height:1px; background:var(--gold); opacity:.6; }
.hero-h1 { font-family:var(--serif); font-weight:400; font-size:clamp(38px,5vw,64px); line-height:1.12; color:var(--ink); margin-bottom:24px; opacity:0; animation:fadeUp .8s .35s var(--ease) forwards; }
.hero-h1 em { font-style:italic; color:var(--tan); }
.hero-lead { font-size:15px; color:var(--ink-mid); line-height:1.8; max-width:460px; margin-bottom:40px; opacity:0; animation:fadeUp .8s .5s var(--ease) forwards; }
.hero-actions { display:flex; gap:16px; flex-wrap:wrap; opacity:0; animation:fadeUp .7s .65s var(--ease) forwards; }
.hero-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; opacity:0; animation:fadeUp .7s .85s var(--ease) forwards; }
.hero-tag { padding:7px 16px; border:1px solid rgba(184,148,78,.28); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--ink-light); font-family:var(--sans); font-weight:400; transition:border-color .25s, color .25s, background .25s; cursor:pointer; }
.hero-tag:hover { border-color:var(--gold); color:var(--tan); background:rgba(184,148,78,.06); }
.hero-left-photo-wrap { position:relative; width:100%; margin-top:32px; overflow:hidden; opacity:0; animation:fadeUp .8s 1s var(--ease) forwards; }
.hero-left-photo { width:100%; height:220px; object-fit:cover; filter:sepia(10%) contrast(1.03); display:block; transition:transform .5s var(--ease); }
.hero-left-photo-wrap:hover .hero-left-photo { transform:scale(1.03); }
.hero-left-photo-overlay { position:absolute; inset:0; background:linear-gradient(to right, rgba(245,240,232,.18), transparent); pointer-events:none; }
.hero-left-photo-wrap::after { content:''; position:absolute; top:12px; right:12px; bottom:12px; left:12px; border:1px solid rgba(184,148,78,.2); pointer-events:none; }
.btn-primary { padding:14px 36px; background:var(--ink); color:var(--cream); font-size:10px; letter-spacing:2.5px; text-transform:uppercase; font-weight:400; transition:background .25s, transform .2s; cursor:pointer; border:none; font-family:var(--sans); display:inline-block; }
.btn-primary:hover { background:var(--tan); transform:translateY(-1px); color:var(--white); }
.btn-ghost { padding:14px 36px; border:1px solid var(--gold); color:var(--tan); font-size:10px; letter-spacing:2.5px; text-transform:uppercase; font-weight:400; transition:background .25s, color .25s; cursor:pointer; background:transparent; display:inline-block; }
.btn-ghost:hover { background:var(--gold); color:var(--white); }
.hero-symbol { display:flex; align-items:stretch; justify-content:center; opacity:0; animation:fadeIn .9s .4s var(--ease) forwards; position:relative; }
.hero-photo { width:100%; height:100%; min-height:520px; object-fit:cover; filter:sepia(12%) contrast(1.04); position:relative; z-index:1; display:block; }
.hero-photo-wrap { position:relative; width:100%; overflow:hidden; min-height:520px; }
.hero-photo-wrap::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(184,148,78,.08) 0%, transparent 60%); pointer-events:none; z-index:2; }
.hero-photo-frame { position:absolute; top:24px; right:24px; bottom:24px; left:24px; border:1px solid rgba(184,148,78,.25); pointer-events:none; z-index:3; }
.hero-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:520px; background:var(--cream-dark); }
.arc-1 { stroke-dasharray:400; stroke-dashoffset:400; animation:draw 1.2s .6s var(--ease) forwards; }
.arc-2 { stroke-dasharray:260; stroke-dashoffset:260; animation:draw 1s 1.4s var(--ease) forwards; }
.eye-dot { opacity:0; animation:appear .4s 2.2s ease forwards; }
.n-path { stroke-dasharray:220; stroke-dashoffset:220; animation:draw .8s 1.6s var(--ease) forwards; }
.guide-rect { opacity:0; animation:appear .5s .5s ease forwards; }
.scroll-hint { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; opacity:0; animation:fadeIn .6s 1.8s ease forwards; }
.scroll-hint span { font-size:8px; letter-spacing:2.5px; text-transform:uppercase; color:var(--gold); }
.scroll-line { width:1px; height:36px; background:linear-gradient(to bottom, var(--gold), transparent); animation:pulse 2s 2s ease infinite; }

/* ═══════════════════════════════════════
   STATS BAR
═══════════════════════════════════════ */
.stats-bar { background:var(--ink); padding:32px 6vw; display:flex; justify-content:space-around; flex-wrap:wrap; gap:24px; }
.stat-item { text-align:center; }
.stat-num { font-family:var(--serif); font-size:36px; font-weight:600; color:var(--gold-lite); display:block; line-height:1; margin-bottom:6px; }
.stat-label { font-size:9px; letter-spacing:2.5px; text-transform:uppercase; color:rgba(245,240,232,.45); }

/* ═══════════════════════════════════════
   SECTION UTILITIES
═══════════════════════════════════════ */
section { padding:100px 6vw; }
.section-label { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.section-label span { font-size:9px; letter-spacing:3.5px; text-transform:uppercase; color:var(--gold); font-weight:400; }
.section-label::before { content:''; width:28px; height:1px; background:var(--gold); opacity:.6; }
.section-title { font-family:var(--serif); font-weight:400; font-size:clamp(28px,4vw,48px); line-height:1.15; color:var(--ink); margin-bottom:16px; }
.section-lead { font-size:15px; color:var(--ink-mid); max-width:580px; line-height:1.8; margin-bottom:56px; }

/* ═══════════════════════════════════════
   HİZMETLER
═══════════════════════════════════════ */
#hizmetler { background:var(--white); }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.service-card { background:var(--cream); padding:44px 36px; position:relative; cursor:default; transition:background .3s, transform .3s var(--ease); overflow:hidden; }
.service-card::before { content:''; position:absolute; left:0; top:0; width:3px; height:100%; background:var(--gold); transform:scaleY(0); transform-origin:bottom; transition:transform .35s var(--ease); }
.service-card:hover { background:var(--cream-dark); transform:translateY(-3px); }
.service-card:hover::before { transform:scaleY(1); }
.service-photo-wrap { width:100%; height:160px; overflow:hidden; margin:-44px -36px 28px; width:calc(100% + 72px); }
.service-photo { width:100%; height:160px; object-fit:cover; filter:sepia(10%) contrast(1.03); transition:transform .5s var(--ease); display:block; }
.service-card:hover .service-photo { transform:scale(1.04); }
.service-num { font-family:var(--serif); font-style:italic; font-size:42px; color:var(--gold); opacity:.25; line-height:1; margin-bottom:16px; display:block; }
.service-icon { width:40px; height:40px; margin-bottom:20px; }
.service-title { font-family:var(--serif); font-size:20px; font-weight:400; color:var(--ink); margin-bottom:12px; line-height:1.25; }
.service-desc { font-size:13.5px; color:var(--ink-mid); line-height:1.75; }
.service-list { list-style:none; margin-top:16px; display:flex; flex-direction:column; gap:5px; }
.service-list li { font-size:12.5px; color:var(--ink-light); padding-left:14px; position:relative; }
.service-list li::before { content:'—'; position:absolute; left:0; color:var(--gold); font-size:10px; }

/* ═══════════════════════════════════════
   YAKLAŞIM
═══════════════════════════════════════ */
#yaklasim { background:var(--cream); display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.approach-visual { position:relative; display:flex; align-items:center; justify-content:center; }
.approach-visual svg { width:100%; max-width:380px; }
.approach-photo-wrap { position:relative; width:100%; overflow:hidden; }
.approach-photo { width:100%; height:100%; min-height:480px; object-fit:cover; filter:sepia(10%) contrast(1.03); display:block; }
.approach-photo-frame { position:absolute; top:20px; right:20px; bottom:20px; left:20px; border:1px solid rgba(184,148,78,.25); pointer-events:none; }
.approach-steps { display:flex; flex-direction:column; }
.step { display:grid; grid-template-columns:48px 1fr; gap:20px; padding:24px 0; border-bottom:1px solid rgba(184,148,78,.12); }
.step:last-child { border-bottom:none; }
.step-num { font-family:var(--serif); font-size:28px; font-weight:600; color:var(--gold); opacity:.5; line-height:1; padding-top:4px; }
.step-title { font-family:var(--serif); font-size:18px; color:var(--ink); margin-bottom:6px; line-height:1.2; }
.step-text { font-size:13px; color:var(--ink-mid); line-height:1.7; }

/* ═══════════════════════════════════════
   NEDEN NIL
═══════════════════════════════════════ */
#neden { background:var(--white); }
.why-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.feature-list { display:flex; flex-direction:column; gap:20px; }
.feature-item { display:flex; gap:18px; align-items:flex-start; }
.feature-icon { width:36px; height:36px; background:var(--cream); border:1px solid rgba(184,148,78,.2); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
.feature-icon svg { width:16px; height:16px; }
.feature-title { font-weight:500; font-size:14px; color:var(--ink); margin-bottom:4px; }
.feature-text { font-size:13px; color:var(--ink-mid); line-height:1.7; }
.why-right { position:sticky; top:100px; }
.quote-card { background:var(--cream); padding:48px 44px; border-left:3px solid var(--gold); position:relative; }
.quote-mark { font-family:var(--serif); font-size:96px; color:var(--gold); opacity:.15; line-height:.6; position:absolute; top:24px; left:32px; font-weight:600; }
.quote-text { font-family:var(--serif); font-size:21px; font-style:italic; color:var(--ink); line-height:1.55; position:relative; margin-bottom:24px; }
.quote-author { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); }
.sector-tags { margin-top:24px; background:var(--cream); padding:32px 36px; border:1px solid rgba(184,148,78,.15); }
.sector-label { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:20px; font-weight:400; }
.sector-list { display:flex; flex-wrap:wrap; gap:8px; }
.sector-tag { padding:6px 14px; background:var(--white); border:1px solid rgba(184,148,78,.18); font-size:11.5px; color:var(--ink-mid); }

/* ═══════════════════════════════════════
   SÜREÇ
═══════════════════════════════════════ */
#surec { background:var(--cream); overflow:hidden; }
.process-track { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:56px; position:relative; }
.process-track::before { content:''; position:absolute; top:20px; left:10%; right:10%; height:1px; background:linear-gradient(90deg, transparent, var(--gold-pale) 20%, var(--gold-pale) 80%, transparent); }
.process-step { padding:0 16px; text-align:center; }
.ps-circle { width:40px; height:40px; border-radius:50%; background:var(--white); border:1px solid var(--gold); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-family:var(--serif); font-size:15px; font-weight:600; color:var(--gold); position:relative; z-index:1; transition:background .3s, color .3s; }
.process-step:hover .ps-circle { background:var(--gold); color:var(--white); }
.ps-photo-wrap { position:relative; width:100%; height:140px; overflow:hidden; margin-bottom:20px; border-radius:2px; }
.ps-photo { width:100%; height:140px; object-fit:cover; filter:sepia(12%) contrast(1.03); transition:transform .5s var(--ease); display:block; }
.process-step:hover .ps-photo { transform:scale(1.05); }
.ps-photo-num { position:absolute; top:10px; left:10px; width:30px; height:30px; background:var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:13px; font-weight:600; color:var(--white); z-index:2; }
.ps-title { font-family:var(--serif); font-size:15px; color:var(--ink); margin-bottom:8px; line-height:1.25; }
.ps-text { font-size:12px; color:var(--ink-light); line-height:1.65; }

/* ═══════════════════════════════════════
   İLETİŞİM
═══════════════════════════════════════ */
#iletisim { background:var(--ink); color:var(--cream); display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
#iletisim .section-label span { color:var(--gold-lite); }
#iletisim .section-title { color:var(--cream); }
#iletisim .section-lead { color:rgba(245,240,232,.6); }
.contact-details { display:flex; flex-direction:column; gap:24px; margin-top:8px; }
.contact-item { display:flex; gap:16px; align-items:flex-start; }
.contact-icon { width:36px; height:36px; border:1px solid rgba(184,148,78,.3); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.contact-icon svg { width:15px; height:15px; stroke:var(--gold); }
.contact-label { font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:4px; }
.contact-val { font-size:14px; color:rgba(245,240,232,.75); }
.contact-form { display:flex; flex-direction:column; gap:16px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { display:flex; flex-direction:column; gap:6px; }
.form-group label { font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); }
.form-group input, .form-group textarea, .form-group select { background:rgba(245,240,232,.05); border:1px solid rgba(184,148,78,.2); padding:12px 16px; color:var(--cream); font-family:var(--sans); font-size:13.5px; font-weight:300; outline:none; transition:border-color .25s; -webkit-appearance:none; }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color:rgba(184,148,78,.6); }
.form-group textarea { resize:vertical; min-height:110px; }
.form-group select option { background:var(--ink); color:var(--cream); }
.btn-send { padding:14px 40px; background:var(--gold); color:var(--ink); font-size:10px; letter-spacing:2.5px; text-transform:uppercase; font-weight:500; border:none; cursor:pointer; align-self:flex-start; transition:background .25s, transform .2s; font-family:var(--sans); }
.btn-send:hover { background:var(--gold-lite); transform:translateY(-1px); }

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
footer { background:#110e08; padding:40px 6vw; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid rgba(184,148,78,.1); }
.footer-logo { display:flex; align-items:center; gap:12px; }
.footer-nil { font-family:var(--serif); font-size:18px; letter-spacing:6px; color:var(--gold); font-weight:400; }
.footer-copy { font-size:11px; color:rgba(245,240,232,.25); letter-spacing:.5px; }

/* ═══════════════════════════════════════
   ANİMASYONLAR
═══════════════════════════════════════ */
@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes draw { to{stroke-dashoffset:0} }
@keyframes appear { to{opacity:1} }
@keyframes pulse { 0%,100%{opacity:.2;transform:scaleY(1)} 50%{opacity:.7;transform:scaleY(1.08)} }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1{transition-delay:.1s} .reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s} .reveal-delay-4{transition-delay:.4s}

/* ═══════════════════════════════════════
   RESPONSİVE
═══════════════════════════════════════ */
@media(max-width:960px){
  #hero{grid-template-columns:1fr;padding-top:100px}
  .hero-symbol{display:none}
  .services-grid{grid-template-columns:1fr 1fr}
  #yaklasim{grid-template-columns:1fr}
  .approach-visual{display:none}
  .why-grid{grid-template-columns:1fr}
  .why-right{position:static}
  #iletisim{grid-template-columns:1fr}
  .process-track{grid-template-columns:1fr 1fr;gap:32px}
  .process-track::before{display:none}
}
@media(max-width:640px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  #hero{padding:100px 5vw 60px}
  .services-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .stats-bar{justify-content:center}
  .process-track{grid-template-columns:1fr}
}