/* Ala Korsan Taksi — Night Drive. Tek dosya, token sistemi, webfont yok. */
:root{
  --bg:#050B12; --bg2:#081421; --card:#0D1B29; --input:#101F2E; --border:rgba(255,255,255,.09);
  --border-cyan:rgba(0,184,245,.28);
  --cyan:#00B8F5; --cyan-h:#28CCFF; --white:#F7FAFC; --muted:#9FB0C3;
  --wa:#25D366; --gold:#F4B400;
  --radius:16px; --radius-sm:10px; --maxw:1340px; --gap:clamp(16px,3vw,28px);
  --shadow:0 18px 50px rgba(0,0,0,.45);
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.6;
  padding-bottom:env(safe-area-inset-bottom)}
img{max-width:100%;height:auto;display:block}
a{color:var(--cyan);text-decoration:none}
a:hover{color:var(--cyan-h)}
h1,h2,h3{line-height:1.15;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,5vw,3.4rem);margin:.2em 0}
h2{font-size:clamp(1.55rem,3.2vw,2.5rem);margin:0 0 .4em}
h3{font-size:1.15rem}
p{margin:.4em 0}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,34px)}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.center{text-align:center}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--cyan);color:#001;padding:10px 16px;z-index:200}
.skip-link:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--cyan-h);outline-offset:2px;border-radius:4px}
.ic{flex:0 0 auto}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,11,18,.88);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;gap:26px;min-height:86px}
.brand{display:flex;align-items:center;gap:11px;color:var(--white)}
.brand .logo{width:42px;height:42px;flex:0 0 42px}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{font-weight:800;font-size:1.3rem;letter-spacing:-.01em;white-space:nowrap}
.brand-name b{color:var(--gold);font-weight:800}
.brand-tag{font-size:.6rem;letter-spacing:.24em;color:var(--muted);margin-top:5px}
.main-nav{margin:0 auto}
.main-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0;font-size:.98rem;font-weight:600}
.main-nav a{color:var(--white);opacity:.85;padding:7px 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--cyan);opacity:1;border-bottom-color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer}
.hamburger span{width:24px;height:2px;background:var(--white);display:block;border-radius:2px}
.mobile-menu{display:none;border-bottom:1px solid var(--border);background:var(--bg2)}
.mobile-menu ul{list-style:none;margin:0;padding:8px 22px 18px}
.mobile-menu a{color:var(--white);display:block;padding:12px 0;border-bottom:1px solid var(--border)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;
  border-radius:12px;font-weight:700;border:1px solid transparent;cursor:pointer;font-size:.95rem;transition:.15s;white-space:nowrap}
.btn-sm{height:42px;padding:0 16px;font-size:.92rem}
.btn-primary{background:linear-gradient(90deg,var(--cyan),var(--cyan-h));color:#04121c}
.btn-primary:hover{filter:brightness(1.08);color:#04121c}
.btn-call{background:transparent;border-color:var(--border-cyan);color:var(--white)}
.btn-call:hover{background:rgba(0,184,245,.12);border-color:var(--cyan);color:var(--white)}
.btn-wa{background:var(--wa);color:#04220f}
.btn-wa:hover{filter:brightness(1.08);color:#04220f}
.btn-price{background:linear-gradient(90deg,var(--cyan),var(--cyan-h));color:#04121c}
.btn-price:hover{filter:brightness(1.08);color:#04121c}
.btn-outline{background:transparent;border-color:var(--border);color:var(--white)}
.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}

/* Hero */
.hero{position:relative;overflow:hidden;padding:0 0 6px}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg picture{display:block;width:100%;height:100%}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,11,18,.97) 0%,rgba(5,11,18,.84) 34%,rgba(5,11,18,.25) 66%,rgba(5,11,18,.15) 100%),
    linear-gradient(0deg,rgba(5,11,18,.98) 2%,rgba(5,11,18,.08) 46%,rgba(5,11,18,.38) 100%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:24px;
  align-items:center;min-height:560px;padding:44px 0 40px}
.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:.22em;font-size:.76rem;margin:0 0 10px}
.hero-title{font-size:clamp(2.7rem,6vw,4.7rem);line-height:1.02;font-weight:900;letter-spacing:-.025em;margin:.1em 0 .35em}
.ht-mobile{display:none}
.t-white{color:var(--white)}
.t-cyan{background:linear-gradient(90deg,var(--cyan),var(--cyan-h));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:clamp(1.05rem,1.7vw,1.35rem);color:#cdd9e6;max-width:34ch;line-height:1.5}
.hero-features{list-style:none;display:flex;flex-wrap:wrap;gap:22px;padding:0;margin:26px 0 0}
.hero-features li{display:flex;align-items:center;gap:9px;color:#dbe7f2;font-size:.95rem;font-weight:600}
.hf-ic{color:var(--cyan);flex:0 0 20px}
.hero-stage{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}
.hero-car-picture{display:block;width:92%;max-width:600px;position:relative;z-index:2;transform:translate(-32px,38px)}
.hero-car{width:100%;height:auto;filter:drop-shadow(0 22px 20px rgba(0,0,0,.7))}
.hero-route{position:absolute;top:4px;right:0;z-index:3;display:flex;flex-direction:column;align-items:flex-end}
.route-origin{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--white);
  background:rgba(5,11,18,.66);border:1px solid var(--border-cyan);border-radius:999px;padding:7px 15px;font-size:.98rem}
.route-dash{width:0;height:78px;border-left:2px dashed var(--cyan);margin:2px 30px 2px 0;opacity:.75;
  filter:drop-shadow(0 0 6px rgba(0,184,245,.6))}
.route-pills{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0;margin:0;align-items:flex-end}
.route-pills li{display:inline-flex;align-items:center;gap:9px;background:rgba(8,20,33,.82);
  border:1px solid var(--border-cyan);border-radius:12px;padding:9px 15px;font-weight:700;font-size:.95rem;backdrop-filter:blur(6px)}
.rp-ic{color:var(--cyan);flex:0 0 16px}

/* Price panel (hero ile bütünleşik) */
.price-panel{position:relative;z-index:4;margin-top:-84px;
  background:linear-gradient(180deg,#0c1e30,rgba(8,20,33,.96));
  border:1px solid var(--border-cyan);border-radius:18px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.55)}
.pp-tabs{display:flex;padding:0 10px;background:rgba(5,11,18,.55);border-bottom:1px solid var(--border)}
.pp-tab{padding:16px 28px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent;font-size:.98rem}
.pp-tab:hover{color:var(--white)}
.pp-tab.is-active{color:var(--white);border-bottom-color:var(--cyan);background:linear-gradient(180deg,rgba(0,184,245,.12),transparent)}
.pp-body{padding:22px clamp(16px,2.4vw,28px) 24px}

/* Price form */
.price-form{display:grid;grid-template-columns:1fr 46px 1fr auto;gap:14px;align-items:end}
.pf-field{display:flex;flex-direction:column;gap:7px}
.pf-field label{font-size:.82rem;color:var(--muted)}
.pf-field select,.pf-field input,.pf-field textarea{background:var(--input);border:1px solid var(--border);
  color:var(--white);border-radius:12px;padding:13px 14px;font-size:1rem;width:100%}
.pf-swap{display:grid;place-items:center;height:48px;color:var(--cyan);font-size:1.25rem;font-weight:800;
  border:1px solid var(--border);border-radius:12px;background:var(--bg)}

/* Glass + cards */
.glass{background:rgba(13,27,41,.72);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius)}
.card{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#0d1b29,#0a1626);
  border:1px solid var(--border);border-radius:16px;padding:22px;color:var(--white);transition:.18s}
.card:hover{border-color:var(--border-cyan);transform:translateY(-3px)}
.card-title{font-weight:700}
.card-sub{color:var(--muted);font-size:.9rem}
.card-grid{display:grid;gap:16px}
.card-grid.two{grid-template-columns:repeat(2,1fr)}
.card-grid.three{grid-template-columns:repeat(3,1fr)}
.card-grid.four{grid-template-columns:repeat(4,1fr)}
.chip-grid{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:.88rem;color:var(--white);background:var(--card)}
.chip:hover{border-color:var(--border-cyan);color:var(--cyan)}
.chip-plain{color:var(--muted);background:transparent}

/* Quick cards row */
.quickcards{padding-top:clamp(28px,4vw,48px)}
.nb-card{gap:10px;min-height:100%}
.nb-title{font-size:1.08rem;margin:0;color:var(--white);display:flex;align-items:center;gap:8px}
.nb-sub{color:var(--muted);font-size:.9rem;margin:0}
.route-list{list-style:none;padding:0;margin:8px 0 4px;display:flex;flex-direction:column;gap:10px}
.route-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--border);padding-top:10px;font-size:.92rem}
.rl-name{color:#dbe7f2}
.route-list .price{font-size:1.05rem}
.nb-link{margin-top:auto;color:var(--cyan);font-weight:700}
.nb-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(90deg,var(--cyan),var(--cyan-h));color:#04121c;font-weight:800;border-radius:12px;padding:12px 16px}
.nb-cta:hover{filter:brightness(1.08);color:#04121c}
.nb-car{margin:4px 0}
.nb-car img{border-radius:12px;background:radial-gradient(70% 70% at 50% 55%,#12283e,#081421);padding:6px}
.ticks{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:10px}
.ticks li{position:relative;padding-left:26px;color:#dbe7f2;font-size:.92rem}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}

/* Sections */
.section{padding:clamp(40px,6vw,72px) 0}
.section.alt{background:var(--bg2)}
.section-lead{color:var(--muted);max-width:70ch}
.two-col{display:grid;grid-template-columns:1.6fr .9fr;gap:var(--gap);align-items:start}
.prose h2{margin-top:1.2em}
.prose p{color:#cdd9e6}
.aside{position:sticky;top:100px;padding:20px}
.aside-title{margin:0 0 12px;font-size:1.05rem}
.aside-cta{margin-top:14px}
.price-box{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:10px 0}
.price-label{color:var(--muted);font-size:.92rem}
.price{font-weight:800;font-size:1.4rem}
.price-ok{color:var(--cyan)}
.price-na{color:var(--muted)}
.price-quote{color:var(--gold)}
.price-result{margin-top:16px;padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.price-result-route{font-weight:700;margin-right:auto}

/* Trust */
.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust-list li{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.trust-title{display:block;font-weight:700}
.trust-text{display:block;color:var(--muted);font-size:.88rem}

/* Steps */
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps li{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.step-n{background:var(--cyan);color:#04121c;font-weight:800;border-radius:999px;width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px}

/* FAQ */
.faq details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700}
.faq p{color:var(--muted)}

/* CTA */
.driver-cta{background:linear-gradient(120deg,#081421,#0D2236)}
.driver-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.final-cta{background:radial-gradient(120% 140% at 80% 0%,#0D2236,#050B12);text-align:center}

/* Contact */
.contact-list{list-style:none;padding:0}
.contact-list li{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}
.contact-label{color:var(--muted);min-width:90px}

/* Breadcrumbs */
.crumbs ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 0;margin:0;font-size:.85rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:8px}

/* Tables */
.table-wrap{overflow-x:auto}
.price-table{width:100%;border-collapse:collapse;min-width:420px}
.price-table th,.price-table td{border:1px solid var(--border);padding:10px 12px;text-align:left}
.price-table thead th{background:var(--bg2)}
.price-table tbody th{font-weight:700}

/* Footer */
.site-footer{border-top:1px solid var(--border);background:var(--bg2);padding:44px 0 96px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
.footer-name{font-weight:800;margin:8px 0}
.footer-col h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col li{padding:5px 0}
.footer-bottom{border-top:1px solid var(--border);margin-top:28px;padding-top:16px}

/* Mobile bar */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(5,11,18,.97);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:120}
.mb-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-weight:800}
.mb-call{background:var(--cyan);color:#04121c}
.mb-wa{background:var(--wa);color:#04220f}

/* Responsive */
@media (max-width:1024px){
  .card-grid.four{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .header-inner{min-height:70px;gap:14px}
  .brand-name{font-size:1.12rem}
  .brand-tag{font-size:.55rem}
  .main-nav{display:none}
  .header-actions .btn-price,.header-actions .btn-call,.header-actions .btn-wa{display:none}
  .hamburger{display:flex}
  .mobile-menu.open{display:block}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding:22px 0 0;gap:8px}
  .hero-bg::after{background:linear-gradient(0deg,rgba(5,11,18,.98) 3%,rgba(5,11,18,.12) 40%,rgba(5,11,18,.9) 88%)}
  .hero-bg img{object-position:58% 52%}
  .hero-stage{min-height:auto;margin-top:6px;aspect-ratio:900/560}
  .hero-car-picture{width:96%;max-width:520px;transform:none}
  .hero-route{display:none}
  .two-col,.footer-grid,.trust-list,.steps,.card-grid.three{grid-template-columns:1fr 1fr}
  .aside{position:static}
  .price-panel{margin-top:14px}
}
@media (max-width:620px){
  .ht-desktop{display:none}
  .ht-mobile{display:inline}
  .ht-mobile .t-white,.ht-mobile .t-cyan{display:block}
  .hero-title{font-size:clamp(2.3rem,10.5vw,3rem)}
  .hero-sub{max-width:none}
  .hero-features{gap:16px;margin-top:18px}
  .hero-features li{font-size:.9rem}
  .hero-features li:nth-child(4){display:none}
  .hero-car{max-width:100%}
  .card-grid.two,.card-grid.three,.card-grid.four,.trust-list,.steps,.footer-grid{grid-template-columns:1fr}
  .price-form{grid-template-columns:1fr}
  .pf-swap{display:none}
  .pp-tabs{overflow-x:auto;scrollbar-width:none}
  .pp-tab{padding:14px 18px;white-space:nowrap}
  .mobile-bar{display:flex}
  .site-footer{padding-bottom:130px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}