/* ============================================================
   ÇUKUROVA TAKSİ — Marka Kimliği
   Palet: Seyhan Lacivert / Adana Turuncusu / Taksi Sarısı / Seyhan Teali
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');

:root{
  --navy-950:#0B1526;
  --navy-900:#12213A;
  --navy-800:#1B3153;
  --navy-700:#28466E;
  --orange:#FF5A1F;
  --orange-dim:#D9481A;
  --yellow:#FFC93C;
  --teal:#2FA4A0;
  --paper:#F4F5EF;
  --paper-dim:#E4E7DC;
  --ink:#122033;
  --muted:#9FB0C7;
  --muted-dark:#5B6C85;

  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Manrope', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  --radius:14px;
  --container:1180px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;line-height:1.15;letter-spacing:-0.01em;}
p{margin:0 0 1em;}
.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
section{padding:88px 0;}
.eyebrow{
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--orange);
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}
.eyebrow::before{
  content:"";
  width:22px;height:2px;background:var(--orange);display:inline-block;
}
.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-body);
  font-weight:700;
  font-size:.98rem;
  padding:15px 26px;
  border-radius:999px;
  border:2px solid transparent;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.btn:active{transform:scale(.97);}
.btn-primary{
  background:var(--orange);
  color:#fff;
  box-shadow:0 10px 24px -8px rgba(255,90,31,.55);
}
.btn-primary:hover{background:var(--orange-dim);transform:translateY(-2px);}
.btn-ghost{
  background:transparent;
  border-color:rgba(255,255,255,.35);
  color:#fff;
}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.btn-dark{
  background:var(--navy-900);
  color:#fff;
}
.btn-dark:hover{background:var(--navy-950);transform:translateY(-2px);}

/* ===================== HEADER ===================== */
header{
  position:sticky;top:0;z-index:100;
  background:rgba(11,21,38,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-wrap{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;max-width:var(--container);margin:0 auto;
}
.logo{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-display);font-weight:700;font-size:1.18rem;color:#fff;
}
.logo .plate{
  font-family:var(--font-mono);
  background:var(--yellow);color:var(--ink);
  font-size:.72rem;font-weight:700;
  padding:3px 7px;border-radius:5px;
  letter-spacing:.04em;
}
nav.main-nav ul{display:flex;gap:30px;}
nav.main-nav a{
  color:var(--muted);font-weight:600;font-size:.94rem;
  transition:color .15s ease;
}
nav.main-nav a:hover{color:#fff;}
.nav-cta{display:flex;align-items:center;gap:14px;}
.nav-phone{
  color:#fff;font-family:var(--font-mono);font-weight:700;font-size:.95rem;
  display:flex;align-items:center;gap:8px;
}
.nav-phone svg{width:16px;height:16px;stroke:var(--yellow);}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;}

@media (max-width:900px){
  nav.main-nav{
    position:fixed;inset:64px 0 0 0;background:var(--navy-950);
    transform:translateY(-110%);transition:transform .25s ease;
    padding:30px 24px;
  }
  nav.main-nav.open{transform:translateY(0);}
  nav.main-nav ul{flex-direction:column;gap:22px;}
  nav.main-nav a{font-size:1.2rem;}
  .nav-phone span{display:none;}
  .burger{display:block;}
}

/* ===================== HERO ===================== */
.hero{
  background:
    radial-gradient(ellipse at 85% -10%, rgba(255,90,31,.35), transparent 55%),
    radial-gradient(ellipse at -10% 110%, rgba(47,164,160,.25), transparent 50%),
    linear-gradient(180deg, var(--navy-950), var(--navy-900) 60%, var(--navy-900));
  color:#fff;
  padding:76px 0 0;
  position:relative;
  overflow:hidden;
}
.hero-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;
}
.hero h1{
  font-size:clamp(2.1rem, 4vw, 3.35rem);
  color:#fff;
}
.hero h1 em{
  font-style:normal;color:var(--orange);
}
.hero .lede{
  font-size:1.12rem;color:var(--muted);max-width:52ch;margin-bottom:32px;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px;}
.hero-trust{
  display:flex;gap:26px;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:.82rem;color:var(--muted);
}
.hero-trust b{color:#fff;font-size:1.05rem;display:block;font-family:var(--font-display);}

/* Driver plate card — signature */
.plate-card{
  background:var(--paper);
  border-radius:20px;
  padding:6px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.55);
  transform:rotate(1.2deg);
}
.plate-card-inner{
  border:2.5px dashed var(--navy-800);
  border-radius:15px;
  padding:26px 24px 22px;
  position:relative;
}
.plate-top{
  display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;
}
.plate-label{
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted-dark);font-weight:700;
}
.plate-badge{
  background:var(--navy-900);color:var(--yellow);
  font-family:var(--font-mono);font-weight:700;font-size:.7rem;
  padding:5px 10px;border-radius:6px;letter-spacing:.05em;
}
.driver-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.driver-avatar{
  width:64px;height:64px;border-radius:50%;
  background:linear-gradient(145deg, var(--orange), var(--orange-dim));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.5rem;
  flex-shrink:0;
}
.driver-name{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--ink);}
.driver-role{color:var(--muted-dark);font-size:.88rem;font-weight:600;}
.plate-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.86rem;}
.plate-table tr{border-top:1px solid var(--paper-dim);}
.plate-table td{padding:9px 0;color:var(--ink);}
.plate-table td:first-child{color:var(--muted-dark);font-weight:500;width:44%;}
.plate-table td:last-child{font-weight:700;text-align:right;}
.plate-cta{
  margin-top:18px;display:flex;gap:10px;
}
.plate-cta a{flex:1;justify-content:center;text-align:center;padding:13px 10px;font-size:.9rem;}

/* ===================== ROUTE TICKER (signature) ===================== */
.ticker-strip{
  background:var(--yellow);
  overflow:hidden;
  white-space:nowrap;
  border-top:3px solid var(--navy-950);
  border-bottom:3px solid var(--navy-950);
  position:relative;
}
.ticker-track{
  display:inline-flex;
  animation:ticker 32s linear infinite;
}
.ticker-track span{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.92rem;
  color:var(--navy-950);
  padding:14px 34px;
  display:inline-flex;
  align-items:center;
  letter-spacing:.03em;
}
.ticker-track span::after{
  content:"✕";
  margin-left:34px;
  color:var(--orange);
  font-size:.8rem;
}
@keyframes ticker{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (prefers-reduced-motion: reduce){
  .ticker-track{animation:none;}
}

/* ===================== SECTION HEADERS ===================== */
.section-head{max-width:640px;margin-bottom:52px;}
.section-head h2{font-size:clamp(1.6rem,3vw,2.3rem);}
.section-head p{color:var(--muted-dark);font-size:1.04rem;}
.on-dark .section-head p{color:var(--muted);}

/* ===================== SERVICES ===================== */
.services-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;
}
.service-card{
  background:#fff;
  border:1px solid var(--paper-dim);
  border-radius:var(--radius);
  padding:30px 26px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px -20px rgba(18,32,51,.25);
  border-color:transparent;
}
.service-icon{
  width:48px;height:48px;border-radius:12px;
  background:var(--navy-900);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.service-icon svg{width:24px;height:24px;stroke:var(--yellow);}
.service-card h3{font-size:1.1rem;}
.service-card p{color:var(--muted-dark);font-size:.94rem;margin-bottom:0;}

/* ===================== WHY / STATS ===================== */
.why{background:var(--navy-900);color:#fff;}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.stat-card{
  background:var(--navy-800);
  border-radius:var(--radius);
  padding:26px;
  border-left:3px solid var(--orange);
}
.stat-card .num{
  font-family:var(--font-display);font-size:2.1rem;font-weight:700;color:var(--yellow);
}
.stat-card .label{color:var(--muted);font-size:.92rem;font-weight:600;}

/* ===================== SERVICE AREA (SEO local) ===================== */
.area-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;}
.chip-group h4{
  font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;
  letter-spacing:.1em;color:var(--muted-dark);margin-bottom:14px;
}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
.chip{
  background:var(--paper-dim);
  border-radius:999px;
  padding:8px 16px;
  font-size:.86rem;font-weight:600;
  color:var(--ink);
}
.chip.accent{background:var(--navy-900);color:var(--yellow);}

/* ===================== TESTIMONIALS ===================== */
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.testi-card{
  background:#fff;border-radius:var(--radius);padding:28px;
  border:1px solid var(--paper-dim);
}
.testi-card .stars{color:var(--yellow);letter-spacing:2px;margin-bottom:12px;font-size:.9rem;}
.testi-card p{font-size:.96rem;color:var(--ink);}
.testi-name{font-weight:700;font-family:var(--font-display);font-size:.92rem;}
.testi-loc{color:var(--muted-dark);font-size:.82rem;}

/* ===================== FAQ ===================== */
.faq-list{max-width:800px;}
.faq-item{
  border-bottom:1px solid var(--paper-dim);
  padding:20px 0;
}
.faq-q{
  display:flex;justify-content:space-between;align-items:center;
  cursor:pointer;font-weight:700;font-family:var(--font-display);font-size:1.02rem;
  gap:20px;
}
.faq-q .plus{
  font-family:var(--font-mono);color:var(--orange);font-size:1.3rem;flex-shrink:0;
  transition:transform .2s ease;
}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{
  max-height:0;overflow:hidden;transition:max-height .3s ease;
  color:var(--muted-dark);font-size:.96rem;
}
.faq-item.open .faq-a{max-height:300px;padding-top:12px;}

/* ===================== CTA BAND ===================== */
.cta-band{
  background:linear-gradient(120deg, var(--orange), var(--orange-dim));
  color:#fff;text-align:center;
  padding:70px 0;
}
.cta-band h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);}
.cta-band p{color:rgba(255,255,255,.9);max-width:50ch;margin:0 auto 30px;}
.cta-band .btn-dark{background:var(--navy-950);}

/* ===================== FOOTER ===================== */
footer{background:var(--navy-950);color:var(--muted);padding:64px 0 0;font-size:.92rem;}
.footer-grid{
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;
  padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-grid h4{color:#fff;font-family:var(--font-display);font-size:1rem;margin-bottom:16px;}
.footer-grid ul li{margin-bottom:10px;}
.footer-grid a:hover{color:#fff;}
.footer-logo{color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.2rem;margin-bottom:14px;}
.footer-brand p{max-width:34ch;color:var(--muted);}
.footer-bottom{
  display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;
  padding:26px 0;font-size:.84rem;
}
.footer-tech{display:flex;gap:14px;flex-wrap:wrap;}
.footer-tech a{
  font-family:var(--font-mono);
  border:1px solid rgba(255,255,255,.18);
  padding:6px 12px;border-radius:8px;
  color:var(--muted);font-size:.78rem;
  transition:border-color .15s ease, color .15s ease;
}
.footer-tech a:hover{border-color:var(--yellow);color:var(--yellow);}

/* ===================== CONTACT PAGE ===================== */
.contact-hero{
  background:linear-gradient(180deg, var(--navy-950), var(--navy-900));
  color:#fff;padding:70px 0 60px;
}
.contact-hero h1{color:#fff;font-size:clamp(1.9rem,3.6vw,2.7rem);}
.contact-hero p{color:var(--muted);max-width:56ch;}

.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;}
.info-table{width:100%;border-collapse:collapse;}
.info-table tr{border-bottom:1px solid var(--paper-dim);}
.info-table td{padding:18px 6px;vertical-align:top;}
.info-table td:first-child{
  width:42%;font-family:var(--font-mono);font-size:.8rem;
  text-transform:uppercase;letter-spacing:.08em;color:var(--muted-dark);font-weight:700;
}
.info-table td:last-child{font-weight:600;font-size:1.02rem;}
.map-frame{
  border-radius:var(--radius);overflow:hidden;border:1px solid var(--paper-dim);
  height:100%;min-height:340px;
}
.map-frame iframe{width:100%;height:100%;min-height:340px;border:0;display:block;}

.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;}
.contact-card{
  background:#fff;border:1px solid var(--paper-dim);border-radius:var(--radius);
  padding:22px;
}
.contact-card .k{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-dark);margin-bottom:8px;display:block;}
.contact-card .v{font-weight:700;font-family:var(--font-display);font-size:1.05rem;}

@media (max-width:940px){
  .hero-grid{grid-template-columns:1fr;}
  .plate-card{max-width:420px;}
  .area-wrap{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .contact-wrap{grid-template-columns:1fr;}
  .contact-cards{grid-template-columns:1fr;}
}
@media (max-width:560px){
  section{padding:60px 0;}
  .footer-grid{grid-template-columns:1fr;}
  .hero-actions .btn{width:100%;}
}

:focus-visible{outline:3px solid var(--teal);outline-offset:3px;}