/* Kağnıcı Taksi — Güncellenmiş Stil */
:root{
  --bg:#0b0c10;
  --card:#11131a;
  --muted:#9aa3b2;
  --text:#e6e9ef;
  --brand1:#ffd54d;
  --brand2:#ff7a59;
  --accent:#6ae3ff;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
  --radius: 18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0e1117 0%,#0b0c10 100%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;line-height:1.55}
a{color:var(--accent);text-decoration:none}

/* Yan boşluklar 20px'den 40px'e çıkarıldı */
.container{max-width:1200px;margin-inline:auto;padding:0 40px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,12,16,.7);backdrop-filter: blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 0}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.3rem;color:var(--text)}
.logo span{color:var(--brand1)}
.logo-icon{filter: drop-shadow(0 4px 10px rgba(255,213,77,.5))}
.menu{display:none;gap:18px}
.menu a{color:var(--muted); font-weight: 500}

/* Butonlar ve Hover Efekti */
.cta{
  background:linear-gradient(90deg,var(--brand1),var(--brand2));
  color:#1a1b1e;
  font-weight:700;
  padding:10px 24px;
  border-radius:999px;
  display:inline-block;
  box-shadow:var(--shadow);
  border:none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.cta:hover{
  transform: translateY(-3px) scale(1.05);
  filter: brightness(1.1);
  box-shadow: 0 15px 35px rgba(255, 213, 77, 0.2);
}
.cta.large{padding:14px 40px;font-size:1.1rem}

/* Hero Bölümü */
.hero{position:relative;padding:100px 0 80px; text-align:center}
.hero-inner{display:flex;flex-direction:column;align-items:center;gap:28px}
.hero-text{max-width:800px;margin:0 auto}
.hero-text h1{font-size:2.5rem;margin:0 0 15px; line-height: 1.2}
.hero-text p{color:var(--muted);margin:0 0 24px; font-size: 1.1rem}
.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px}
.hero-badges span{background:#141824;color:#d7dbe6;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.06)}

/* Yeni Eklenen Telefon Numarası Stili */
.hero-phone {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--brand1);
  margin-bottom: 12px;
  letter-spacing: 1px;
}

.hero-wave{position:absolute;inset:auto 0 0 0;height:120px;background: radial-gradient(100% 60% at 50% 0%, rgba(255,213,77,.25), transparent 60%);pointer-events:none}

/* Hizmetler Bölümü */
.features{padding:60px 0 100px} 
.features h2{margin-top:0;text-align:center;margin-bottom:48px; font-size: 2rem} 
.cards{display:grid;grid-template-columns:1fr;gap:24px}
.card{background:var(--card);padding:48px 24px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);text-align:center;transition: transform 0.3s ease}
.card:hover{transform: translateY(-8px); border-color: rgba(255, 213, 77, 0.3)}
.card-icon{font-size:3rem;margin-bottom:15px}
.card h3{margin:0; font-size:1.3rem; font-weight: 600}

/* Footer (Ortalanmış) */
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:32px 0;background:#0b0c10; text-align: center}
.footer-inner{display:flex;justify-content:center;align-items:center}
.gradient{background: linear-gradient(90deg,var(--brand1),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Masaüstü */
@media (min-width: 768px){
  .menu{display:flex}
  .hero-text h1{font-size:4rem}
  .cards{grid-template-columns:repeat(3,1fr)}
  .container{padding:0 60px} /* Masaüstünde daha da geniş boşluk */
}