/* ============================================================
   Aydemir Adisyon — Premium Stil Dosyası
   ============================================================ */

:root{
  --ink:        #060a11;
  --ink-2:      #0d1421;
  --panel:      #131c2d;
  --panel-2:    #192438;
  --line:       #27354f;
  --line-soft:  #1d2739;

  --amber:      #f7a13b;
  --amber-soft: #ffca7a;
  --green:      #2fbf71;
  --blue:       #4a8cff;
  --red:        #ef4d5a;
  --purple:     #a78bfa;

  --text:       #eef2f9;
  --muted:      #94a6c4;
  --muted-2:    #6b7c99;
  --paper:      #f4efe6;
  --paper-ink:  #1a1712;

  --display: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  --body:    'Manrope', ui-sans-serif, system-ui, sans-serif;
  --mono:    'JetBrains Mono', ui-monospace, monospace;

  --wrap: 1200px;
  --pad: clamp(20px, 5vw, 56px);
  --r: 20px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--body);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* Geliştirilmiş Arka Plan Atmosferi */
body::before{
  content:''; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(1000px 600px at 80% -10%,  rgba(247,161,59,.12), transparent 70%),
    radial-gradient(800px 500px at -10% 50%,  rgba(74,140,255,.07), transparent 70%),
    radial-gradient(700px 450px at 110% 90%, rgba(167,139,250,.08), transparent 70%);
}
body::after{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.25;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 3px);
}

h1,h2,h3,h4{ font-family:var(--display); margin:0; letter-spacing:-.025em; line-height:1.06; font-weight:800; }
p{ margin:0; }
a{ color:inherit; }
.wrap{ max-width:var(--wrap); margin:0 auto; padding-inline:var(--pad); }

:focus-visible{ outline:2px solid var(--amber); outline-offset:3px; border-radius:6px; }
.skip{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--amber); color:#1a1206; padding:12px 20px; border-radius:0 0 10px 0; font-weight:700;
}
.skip:focus{ left:0; }

/* Fiş Perforasyonu */
.perf{
  position:relative; height:0; max-width:var(--wrap); margin:0 auto;
  border-top:1px dashed var(--line);
}
.perf::before,.perf::after{
  content:''; position:absolute; top:-9px; width:18px; height:18px; border-radius:50%;
  background:var(--ink); border:1px dashed var(--line);
}
.perf::before{ left:-9px; } .perf::after{ right:-9px; }

/* Üst Çubuk */
.topbar{
  position:sticky; top:0; z-index:50;
  background:rgba(6,10,17,.65);
  backdrop-filter:blur(16px) saturate(1.5);
  border-bottom:1px solid transparent;
  transition:border-color .3s, background .3s;
}
.topbar.stuck{ border-bottom-color:var(--line-soft); background:rgba(6,10,17,.85); }
.topbar-in{ display:flex; align-items:center; gap:18px; height:72px; }

.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; margin-right:auto; }
.brand-mark{
  width:42px; height:42px; border-radius:12px; flex:none;
  background:linear-gradient(135deg, var(--amber), #e67e22);
  display:grid; place-items:center;
  font-family:var(--display); font-weight:800; font-size:24px; color:#1a1206;
  box-shadow:0 6px 20px rgba(247,161,59,.25);
  transition:transform .4s cubic-bezier(.2,.9,.3,1.4);
}
.brand:hover .brand-mark{ transform:rotate(-10deg) scale(1.1); }
.brand-txt b{ font-family:var(--display); font-size:18px; display:block; letter-spacing:-.02em; }
.brand-txt span{ font-family:var(--mono); font-size:11px; color:var(--muted-2); letter-spacing:.12em; text-transform:uppercase; }

.navlinks{ display:flex; gap:6px; }
.navlinks a{
  text-decoration:none; color:var(--muted); font-size:15px; font-weight:600;
  padding:8px 16px; border-radius:10px; position:relative; transition:all .2s ease;
}
.navlinks a:hover{ color:var(--text); background:rgba(255,255,255,.06); }

.nav-cta{
  text-decoration:none; font-weight:700; font-size:15px; white-space:nowrap;
  padding:12px 22px; border-radius:12px;
  background:var(--amber); color:#1a1206;
  box-shadow:0 6px 20px rgba(247,161,59,.25);
  transition:all .2s ease;
}
.nav-cta:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(247,161,59,.4); background:var(--amber-soft); }
.nav-cta:active{ transform:translateY(0); }

.burger{
  display:none; width:44px; height:44px; border-radius:12px; flex:none;
  background:var(--panel); border:1px solid var(--line); color:var(--text);
  font-size:20px; cursor:pointer; align-items:center; justify-content:center;
}

@media (max-width:960px){
  .navlinks{
    position:absolute; top:72px; left:0; right:0;
    flex-direction:column; gap:4px; padding:16px var(--pad) 24px;
    background:rgba(6,10,17,.98); border-bottom:1px solid var(--line-soft);
    display:none;
  }
  .navlinks.open{ display:flex; }
  .navlinks a{ padding:14px 16px; font-size:16px; }
  .burger{ display:flex; }
  .nav-cta{ display:none; }
}

/* Bölüm Başlıkları */
section{ padding-block:clamp(70px, 10vw, 120px); }
.eyebrow{
  font-family:var(--mono); font-size:12px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--amber);
  display:flex; align-items:center; gap:12px; margin-bottom:24px;
}
.eyebrow::before{ content:''; width:30px; height:1.5px; background:var(--amber); opacity:.6; flex:none; }
.sec-title{ font-size:clamp(32px,4.5vw,52px); max-width:22ch; line-height: 1.1; }
.sec-lead{ color:var(--muted); max-width:64ch; margin-top:20px; font-size:clamp(17px,1.8vw,19px); }

/* Hero */
.hero{ padding-top:clamp(56px,8vw,100px); padding-bottom:clamp(64px,8vw,110px); }
.hero-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(40px,6vw,80px); align-items:center; }
@media (max-width:1024px){ .hero-grid{ grid-template-columns:1fr; gap:50px; } }

.hero-tag{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--amber-soft);
  background:rgba(247,161,59,.1); border:1px solid rgba(247,161,59,.3);
  padding:8px 18px; border-radius:999px; margin-bottom:30px;
}
.hero-tag .pip{ width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(47,191,113,.6); animation:pip 2.4s ease-out infinite; }
@keyframes pip{ 0%{box-shadow:0 0 0 0 rgba(47,191,113,.55)} 70%{box-shadow:0 0 0 10px rgba(47,191,113,0)} 100%{box-shadow:0 0 0 0 rgba(47,191,113,0)} }

.hero h1{ font-size:clamp(42px,6.8vw,80px); letter-spacing:-.04em; }
.hero h1 .hl{ background:linear-gradient(110deg,var(--amber) 10%,var(--amber-soft) 90%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-sub{ color:var(--muted); font-size:clamp(17.5px,2.2vw,21px); margin-top:28px; max-width:55ch; }

.hero-actions{ display:flex; flex-wrap:wrap; gap:16px; margin-top:40px; }
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--body); font-weight:700; font-size:16px; text-decoration:none;
  padding:16px 28px; border-radius:14px; cursor:pointer; border:1px solid transparent;
  position:relative; overflow:hidden;
  transition:all .2s ease;
}
.btn::after{
  content:''; position:absolute; top:0; left:-130%; width:55%; height:100%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.3),transparent);
  transform:skewX(-20deg); transition:left .7s ease;
}
.btn:hover::after{ left:150%; }
.btn-primary{ background:var(--amber); color:#1a1206; box-shadow:0 8px 28px rgba(247,161,59,.3); }
.btn-primary:hover{ transform:translateY(-3px); box-shadow:0 14px 38px rgba(247,161,59,.45); }
.btn-ghost{ background:rgba(255,255,255,.04); border-color:var(--line); color:var(--text); }
.btn-ghost:hover{ transform:translateY(-3px); border-color:var(--amber); color:var(--amber-soft); background:rgba(247,161,59,.08); }
.btn:active{ transform:translateY(0); }

.hero-facts{
  display:flex; flex-wrap:wrap; gap:10px 30px; margin-top:45px;
  font-family:var(--mono); font-size:13px; color:var(--muted-2); letter-spacing:.03em;
}
.hero-facts b{ color:var(--amber-soft); font-weight:700; }

/* Adisyon Fişi */
.slip{
  background:var(--paper); color:var(--paper-ink);
  font-family:var(--mono); font-size:14px; line-height:1.75;
  padding:30px 28px 34px; border-radius:6px;
  box-shadow:0 40px 80px rgba(0,0,0,.6), 0 4px 0 rgba(0,0,0,.2);
  position:relative; transform:rotate(-1.5deg);
  transition:transform .5s cubic-bezier(.2,.9,.3,1.15);
  max-width:420px; margin-inline:auto;
}
.slip:hover{ transform:rotate(0deg) translateY(-8px); }
.slip::before,.slip::after{
  content:''; position:absolute; left:0; right:0; height:12px;
  background:radial-gradient(circle at 6px 0, transparent 0 6px, var(--paper) 6px) 0 0/12px 12px repeat-x;
}
.slip::before{ top:-11px; transform:scaleY(-1); }
.slip::after{ bottom:-11px; }

.slip-head{ text-align:center; border-bottom:1px dashed rgba(26,23,18,.35); padding-bottom:16px; margin-bottom:16px; }
.slip-head b{ font-family:var(--display); font-size:21px; letter-spacing:.02em; display:block; }
.slip-head span{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; opacity:.65; }

.slip-row{ display:flex; gap:12px; align-items:baseline; }
.slip-row .q{ width:28px; flex:none; font-weight:700; }
.slip-row .n{ flex:1; }
.slip-row .n small{ display:block; font-size:11px; opacity:.6; }
.slip-row .p{ font-variant-numeric:tabular-nums; }
.slip-dots{ flex:1; border-bottom:1px dotted rgba(26,23,18,.4); transform:translateY(-4px); }

.slip-total{
  display:flex; justify-content:space-between; align-items:baseline;
  border-top:1px dashed rgba(26,23,18,.35); margin-top:16px; padding-top:14px;
  font-family:var(--display); font-size:21px; font-weight:800;
}
.slip-foot{
  margin-top:20px; padding-top:14px; border-top:1px dashed rgba(26,23,18,.35);
  font-size:11px; text-align:center; opacity:.7; letter-spacing:.05em; line-height:1.7;
}
.slip-stamp{
  display:inline-block; margin-top:12px; padding:5px 14px;
  border:2px solid rgba(47,140,80,.7); color:#215834; border-radius:6px;
  font-weight:800; font-size:12px; letter-spacing:.15em; transform:rotate(-4deg);
}
.slip-cursor{ display:inline-block; width:8px; height:15px; background:var(--paper-ink); vertical-align:-2px; animation:blink 1s steps(2) infinite; }
@keyframes blink{ 50%{ opacity:0 } }

/* Akış Grid */
.flow{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:56px; background:var(--line-soft); border:1px solid var(--line-soft); border-radius:var(--r); overflow:hidden; }
@media (max-width:900px){ .flow{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .flow{ grid-template-columns:1fr; } }

.step{
  background:var(--ink-2); padding:36px 32px; position:relative;
  transition:background .35s;
}
.step::after{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:0;
  background:linear-gradient(150deg, rgba(247,161,59,.08), transparent 60%);
  transition:opacity .4s;
}
.step:hover{ background:var(--panel); }
.step:hover::after{ opacity:1; }
.step:hover .step-no{ color:var(--amber); border-color:var(--amber); transform:translateY(-4px); }

.step-no{
  font-family:var(--mono); font-size:13px; font-weight:700; letter-spacing:.06em;
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  border:1px solid var(--line); color:var(--muted-2); margin-bottom:22px;
  transition:all .3s ease;
}
.step h3{ font-size:21px; margin-bottom:12px; }
.step p{ color:var(--muted); font-size:15.5px; line-height:1.65; }
.step .who{
  display:inline-block; margin-top:16px; font-family:var(--mono); font-size:11px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--muted-2);
  border:1px solid var(--line); border-radius:8px; padding:4px 10px;
}
.step .who.self{ color:var(--blue); border-color:rgba(74,140,255,.4); background:rgba(74,140,255,.05); }
.step .who.staff{ color:var(--amber); border-color:rgba(247,161,59,.4); background:rgba(247,161,59,.05); }
.step .who.kitchen{ color:var(--green); border-color:rgba(47,191,113,.4); background:rgba(47,191,113,.05); }

/* Roller */
.roles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; margin-top:56px; }
.role{
  background:var(--ink-2); border:1px solid var(--line-soft); border-radius:var(--r);
  padding:32px 28px; position:relative; overflow:hidden;
  transition:all .3s cubic-bezier(.2,.9,.3,1.1);
}
.role::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--rc,var(--amber)); transform:scaleY(0); transform-origin:top; transition:transform .4s ease;
}
.role:hover{ transform:translateY(-8px); border-color:var(--line); box-shadow:0 24px 50px rgba(0,0,0,.4); background:var(--panel); }
.role:hover::before{ transform:scaleY(1); }
.role-top{ display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.role-dot{ width:12px; height:12px; border-radius:50%; background:var(--rc,var(--amber)); flex:none; box-shadow:0 0 16px var(--rc,var(--amber)); }
.role-top b{ font-family:var(--mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-2); }
.role h3{ font-size:22px; margin-bottom:14px; }
.role ul{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.role li{ color:var(--muted); font-size:15px; padding-left:18px; position:relative; line-height:1.6; }
.role li::before{ content:'—'; position:absolute; left:0; color:var(--rc,var(--amber)); opacity:.7; }

/* Kurye Takip Özel Bölümü (Yeni) */
.courier-showcase {
  display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 80px);
  align-items: center; margin-top: 56px;
  background: linear-gradient(145deg, var(--ink-2), var(--panel));
  border: 1px solid var(--line); border-radius: var(--r);
  padding: clamp(30px, 5vw, 60px); position: relative; overflow: hidden;
}
.courier-showcase::before{
  content:''; position:absolute; top: -50%; left: -50%; width: 200%; height: 200%;
  background: radial-gradient(circle, rgba(167,139,250,.05) 0%, transparent 60%);
  pointer-events: none;
}
@media (max-width:900px){ .courier-showcase { grid-template-columns: 1fr; } }

.courier-info h3 { font-size: clamp(28px, 3.5vw, 40px); margin-bottom: 20px; color: var(--text); }
.courier-info p { color: var(--muted); font-size: clamp(16px, 1.8vw, 18px); margin-bottom: 30px; line-height: 1.7; }
.courier-features { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.courier-features li {
  display: flex; align-items: flex-start; gap: 16px;
  background: rgba(255,255,255,.03); padding: 16px 20px; border-radius: 12px; border: 1px solid var(--line-soft);
}
.courier-features .ic {
  width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center;
  background: rgba(167,139,250,.15); color: var(--purple); font-size: 18px; flex: none;
}
.courier-features b { display: block; font-size: 16px; margin-bottom: 4px; color: var(--text); }
.courier-features span { color: var(--muted); font-size: 14px; }

/* Kurye Telefon Mockup */
.phone-mockup {
  background: #000; border-radius: 36px; border: 6px solid #2a2a2a;
  box-shadow: 0 30px 60px rgba(0,0,0,.6), inset 0 0 0 2px #444;
  width: min(100%, 320px); margin: 0 auto; position: relative; overflow: hidden;
  aspect-ratio: 9/19; display: flex; flex-direction: column;
}
.phone-notch {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 120px; height: 24px; background: #2a2a2a; border-radius: 0 0 12px 12px; z-index: 10;
}
.map-bg { flex: 1; background: #1a2235; position: relative; overflow: hidden; }
.map-bg::before {
  content: ''; position: absolute; inset: 0; opacity: 0.2;
  background-image: 
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 30px 30px;
}
.route-line {
  position: absolute; top: 30%; left: 30%; width: 50%; height: 40%;
  border-left: 4px dashed var(--purple); border-bottom: 4px dashed var(--purple);
  border-bottom-left-radius: 20px;
}
.pin-start { position: absolute; top: 25%; left: 26%; font-size: 24px; filter: drop-shadow(0 4px 8px rgba(0,0,0,.5)); }
.pin-end { position: absolute; top: 65%; left: 74%; font-size: 24px; filter: drop-shadow(0 4px 8px rgba(0,0,0,.5)); }
.courier-status-card {
  background: #fff; padding: 20px; border-radius: 24px 24px 0 0;
  box-shadow: 0 -10px 30px rgba(0,0,0,.5);
}
.csc-title { font-family: var(--display); color: #111; font-weight: 800; font-size: 18px; margin-bottom: 4px; }
.csc-sub { color: #666; font-size: 13px; margin-bottom: 16px; }
.csc-btn {
  background: var(--purple); color: #fff; width: 100%; padding: 14px;
  border-radius: 12px; border: none; font-family: var(--body); font-weight: 700; font-size: 15px;
}

/* Özellikler Kartları */
.feats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; margin-top:56px; }
.feat{
  background:var(--ink-2); border:1px solid var(--line-soft); border-radius:var(--r);
  padding:32px 28px 36px; position:relative; overflow:hidden;
  transition:all .3s cubic-bezier(.2,.9,.3,1.1);
}
.feat::after{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:0;
  background:radial-gradient(400px 200px at 20% 0%, rgba(247,161,59,.1), transparent 70%);
  transition:opacity .4s;
}
.feat:hover{ transform:translateY(-6px); border-color:var(--line); box-shadow:0 24px 50px rgba(0,0,0,.4); background:var(--panel); }
.feat:hover::after{ opacity:1; }
.feat:hover .feat-ic{ transform:rotate(-10deg) scale(1.1); border-color:var(--amber); box-shadow:0 8px 20px rgba(247,161,59,.2); }
.feat-ic{
  width:52px; height:52px; border-radius:14px; display:grid; place-items:center; font-size:24px;
  background:rgba(247,161,59,.1); border:1px solid rgba(247,161,59,.25); margin-bottom:22px;
  transition:all .4s cubic-bezier(.2,.9,.3,1.4);
}
.feat h3{ font-size:21px; margin-bottom:12px; color:var(--text); }
.feat p{ color:var(--muted); font-size:15.5px; line-height:1.65; }
.feat ul{ list-style:none; padding:0; margin:18px 0 0; display:grid; gap:8px; }
.feat li{ color:var(--muted-2); font-size:14px; padding-left:18px; position:relative; line-height:1.55; }
.feat li::before{ content:'›'; position:absolute; left:0; color:var(--amber); font-weight:700; font-size:16px; }

/* Teknik ve Güvenlik listeleri */
.split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,5vw,80px); margin-top:56px; }
@media (max-width:880px){ .split{ grid-template-columns:1fr; } }
.speclist{ list-style:none; padding:0; margin:0; font-family:var(--mono); font-size:14px; }
.speclist li{
  display:flex; align-items:baseline; gap:16px; padding:16px 0;
  border-bottom:1px dashed var(--line-soft); transition:color .25s;
}
.speclist li:hover{ color:var(--amber-soft); }
.speclist .k{ color:var(--muted); flex:none; }
.speclist .dots{ flex:1; border-bottom:1px dotted var(--line); transform:translateY(-4px); }
.speclist .v{ color:var(--text); font-weight:500; text-align:right; }
.speclist li:hover .k{ color:var(--muted); }
.blockhead{ font-family:var(--display); font-size:26px; margin-bottom:10px; }
.blocksub{ color:var(--muted); font-size:16px; margin-bottom:28px; }

/* Kapanış */
.close{ text-align:center; }
.close h2{ font-size:clamp(32px,5vw,56px); max-width:18ch; margin-inline:auto; line-height: 1.1;}
.close p{ color:var(--muted); max-width:60ch; margin:24px auto 0; font-size:18px; }
.close .hero-actions{ justify-content:center; }

footer{ border-top:1px solid var(--line-soft); padding-block:48px; background:var(--ink-2); }
.foot-in{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; }
.foot-in p{ font-family:var(--mono); font-size:13px; color:var(--muted-2); }
.foot-in a{ color:var(--muted); text-decoration:none; font-size:14.5px; transition:color .2s; font-weight: 500;}
.foot-in a:hover{ color:var(--amber); }
.foot-links{ display:flex; gap:24px; flex-wrap:wrap; }

/* Scroll Animasyonları */
.rv{ opacity:0; transform:translateY(30px); transition:opacity .8s cubic-bezier(.2,.7,.3,1), transform .8s cubic-bezier(.2,.7,.3,1); }
.rv.in{ opacity:1; transform:none; }
.rv.d1{ transition-delay:.08s } .rv.d2{ transition-delay:.16s } .rv.d3{ transition-delay:.24s }
.rv.d4{ transition-delay:.32s } .rv.d5{ transition-delay:.40s } .rv.d6{ transition-delay:.48s }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .rv{ opacity:1; transform:none; }
  .slip{ transform:none; }
}