/* MAREVIQ — "gece limanı + konşimento"
   Renk içerikten türetildi: gece limanı laciverti, kraft evrak kağıdı, paslı konteyner turuncusu.
   Beyaz YOK. Aksan TEK. Ritim koyu↔açık dönüşümlü. */

:root{
  /* kraft evrak */
  --kraft:#E9DFCB;
  --kraft-koyu:#DED2B9;
  --kraft-acik:#F1EADB;

  /* gece limanı */
  --gece:#0E2A38;
  --gece-2:#143644;
  --gece-3:#1D4655;

  /* metin */
  --metin:#14201C;
  --metin-2:#4A5551;
  --metin-3:#7C857F;
  --metin-ters:#E9DFCB;
  --metin-ters-2:#A8B6BC;

  /* tek aksan: paslı konteyner turuncusu */
  --pas:#C75B25;
  --pas-koyu:#A44A1D;
  --pas-sis:rgba(199,91,37,.12);

  /* çizgi */
  --cizgi:#CFC3A9;
  --cizgi-koyu:#B8A987;
  --cizgi-gece:rgba(233,223,203,.18);

  --olumlu:#3E7B4F;
  --uyari:#B07A1E;

  --kap:1200px;

  /* köşe + gölge — konşimento kartı: neredeyse düz, hafif basılı */
  --r-o:4px;
  --r-b:6px;
  --golge-s:0 1px 0 rgba(20,32,28,.06), 0 2px 8px rgba(20,32,28,.05);
  --golge-o:0 2px 0 rgba(20,32,28,.07), 0 10px 26px rgba(20,32,28,.09);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--kraft);color:var(--metin);
  font-family:'Figtree',system-ui,-apple-system,sans-serif;
  font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
/* kağıt dokusu — düz vektör hissini kırar */
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.kap{max-width:var(--kap);margin:0 auto;padding:0 30px;position:relative;z-index:2}
@media(max-width:640px){.kap{padding:0 20px}}

.atla{position:absolute;left:-9999px;background:var(--pas);color:var(--kraft);padding:12px 20px;z-index:200}
.atla:focus{left:0;top:0}
:focus-visible{outline:2px solid var(--pas);outline-offset:3px}

/* ── TİPOGRAFİ ── */
h1,h2,h3,h4{font-family:'Bricolage Grotesque','Figtree',sans-serif;line-height:1.1;font-weight:600;letter-spacing:-.028em;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.6vw,4.1rem);letter-spacing:-.042em;font-weight:700}
h2{font-size:clamp(1.75rem,3.4vw,2.7rem);letter-spacing:-.032em}
h3{font-size:1.2rem;letter-spacing:-.016em}
p{max-width:64ch;text-wrap:pretty}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}

/* evrak etiketi — "on-baslik" */
.on-baslik{
  font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--pas);
  display:inline-block;margin-bottom:1rem;padding-bottom:5px;
  border-bottom:1.5px solid var(--pas);
}
.giris{font-size:1.12rem;color:var(--metin-2)}

/* ── KOYU BÖLÜM ── */
.gece{background:var(--gece);color:var(--metin-ters)}
.gece h1,.gece h2,.gece h3{color:var(--kraft-acik)}
.gece p{color:var(--metin-ters-2)}
.gece .on-baslik{color:#E88B4F;border-color:#E88B4F}

/* ── ÜST BAR ── */
header{position:sticky;top:0;z-index:60;background:var(--gece);border-bottom:1px solid var(--cizgi-gece)}
.ust{display:flex;align-items:center;height:72px;gap:26px}
.marka{display:flex;align-items:center;gap:11px;font-family:'Bricolage Grotesque',sans-serif;
  font-weight:700;font-size:1.24rem;letter-spacing:-.03em;color:var(--kraft-acik)}
.marka svg{width:27px;height:27px;flex-shrink:0}
nav.ana{display:flex;gap:28px;font-size:.94rem;margin-left:auto;color:var(--metin-ters-2)}
nav.ana a{padding:5px 0;position:relative;transition:color .2s}
nav.ana a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--pas);transition:right .22s}
nav.ana a:hover{color:var(--kraft-acik)}
nav.ana a:hover::after{right:0}
nav.ana a[aria-current="page"]{color:var(--kraft-acik)}
nav.ana a[aria-current="page"]::after{right:0}
@media(max-width:920px){nav.ana{display:none}}

/* ── DÜĞMELER — köşeli, damga gibi ── */
.dugme{
  display:inline-flex;align-items:center;gap:9px;padding:13px 26px;
  font-family:'JetBrains Mono',monospace;font-size:.82rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;border:1.5px solid transparent;
  cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .1s;
}
.dugme:active{transform:translateY(1.5px)}
.d-ana{background:var(--pas);color:#F5EEE1;border-color:var(--pas)}
.d-ana:hover{background:var(--pas-koyu);border-color:var(--pas-koyu)}
.d-cizgi{border-color:var(--cizgi-koyu);color:var(--metin)}
.d-cizgi:hover{border-color:var(--pas);color:var(--pas)}
.gece .d-cizgi{border-color:var(--cizgi-gece);color:var(--kraft-acik)}
.gece .d-cizgi:hover{border-color:#E88B4F;color:#E88B4F}

/* ── BÖLÜM RİTMİ — kasıtlı olarak farklı boşluklar ── */
section{padding:104px 0}
section.sik{padding:62px 0}
section.genis{padding:132px 0}
.bolum-ust{max-width:660px;margin-bottom:52px}
.bolum-ust p{margin-top:.85rem;color:var(--metin-2)}

/* kesim çizgisi — konşimento koparma hattı */
.kesim{height:1px;background-image:linear-gradient(90deg,var(--cizgi-koyu) 0 8px,transparent 8px 16px);background-size:16px 1px}

/* ── ALT BİLGİ — koyu, tasarlanmış ── */
footer{background:var(--gece);color:var(--metin-ters-2);padding:66px 0 30px}
.alt-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:44px;margin-bottom:44px}
.alt-grid h4{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:#E88B4F;font-weight:600;margin-bottom:16px}
.alt-grid ul{list-style:none}
.alt-grid li{margin-bottom:10px}
.alt-grid a{font-size:.94rem;transition:color .18s}
.alt-grid a:hover{color:var(--kraft-acik)}
.alt-son{border-top:1px solid var(--cizgi-gece);padding-top:24px;display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;
  font-size:.76rem;letter-spacing:.06em;color:#6E8189}
@media(max-width:820px){.alt-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:520px){.alt-grid{grid-template-columns:1fr}}

.satir{display:flex;gap:14px;flex-wrap:wrap}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}