/* ============================================================
   TİPOGRAFİ SİSTEMİ
   Başlıklar : Plus Jakarta Sans 700/800 — Başlık Düzeni (Title Case)
   Gövde     : Inter 400/500 — yüksek okunabilirlik
   Etiketler : Inter 600 büyük harf, ölçülü harf aralığı
   Sayılar   : tabular-nums (tablolarda hizalı)
   PALET     : Derin petrol mavisi + güvenlik sarısı + sıcak beton
   ============================================================ */
:root{
  --ink:#0A1C22; --ink2:#0F272F; --ink3:#153440; --ink4:#1D4352;
  --steel:#23434F; --steel2:#325B6A;
  --smoke:#8399A1; --smoke2:#B3C7CE;
  --paper:#FFFFFF; --paper2:#F1EDE6; --paper3:#E0DACE; --paper4:#C8C0B1;
  --yel:#F5C518; --yel2:#FFD84D; --yeld:#C99E00;
  --acc-t:#8A6B00;
  --cyan:#2F7F97;
  --wa:#25D366;
  --txt:#0E1A1F; --txt2:#3D5057; --txt3:#586B72;   /* txt3: beton zeminde de AA (4.79) */
  --r:0px; --rm:0px; --rl:2px;
  --maxw:1280px; --pad:clamp(18px,5vw,60px);
  --hdr:74px; --chip:44px;
  --ff:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fd:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --fm:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;
  --dot:radial-gradient(rgba(179,199,206,.15) 1px,transparent 1px);
  --dotL:radial-gradient(rgba(14,26,31,.11) 1px,transparent 1px);
}
.dk,.dk2,.cta,.hero,.ftr,.hdr{--acc-t:var(--yel)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--txt);font:400 16.5px/1.7 var(--ff);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;display:block}
svg{width:1em;height:1em;flex:none;vertical-align:-.12em}
a{color:inherit;text-decoration:none}
/* uzun e-posta/URL dizeleri dar ekranda satır kırabilsin */
a[href^="mailto:"],.fcon a{overflow-wrap:anywhere}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--yel);outline-offset:2px}
::selection{background:var(--yel);color:#12100A}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============ TİPOGRAFİ ============ */
.dsp{font-family:var(--fd);font-weight:800;line-height:1.12;letter-spacing:-.022em;margin:0;text-transform:none}
.h1{font-size:clamp(2.05rem,5.1vw,3.85rem);line-height:1.06;letter-spacing:-.028em}
.h2{font-size:clamp(1.62rem,3.5vw,2.5rem);line-height:1.14;letter-spacing:-.024em}
.h3{font-size:clamp(1.15rem,1.9vw,1.45rem);line-height:1.22;letter-spacing:-.018em}
.h4{font-family:var(--fd);font-weight:700;font-size:1.06rem;line-height:1.34;letter-spacing:-.014em;margin:0;text-transform:none}
/* etiket — mono değil, Inter büyük harf */
.eb{font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.13em;font-size:.735rem;display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--txt3)}
.eb::before{content:"";width:16px;height:3px;background:var(--yel);flex:none}
.dk .eb,.dk2 .eb,.cta .eb,.hero .eb,.ftr .eb{color:var(--smoke2)}
.eb.c{color:var(--txt3)}
.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.lead{font-size:clamp(1.02rem,1.35vw,1.14rem);line-height:1.75;color:var(--txt2)}
.dk .lead,.dk2 .lead,.cta .lead,.hero .lead{color:var(--smoke2)}
p{margin:0 0 1.05em}
p:last-child{margin-bottom:0}
/* AKSAN — ince, zarif sarı alt bant */
.acc{background:linear-gradient(transparent 0 87%,var(--yel) 87% 97%,transparent 97%);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lead .acc,p .acc,.art .acc{background:linear-gradient(transparent 0 84%,var(--yel) 84% 96%,transparent 96%)}
.amb{color:var(--acc-t)}
strong,b{font-weight:600}

/* ============ YERLEŞİM ============ */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.wrap.nar{max-width:900px}
.sec{padding:clamp(56px,7.5vw,104px) 0;position:relative}
.sec.tight{padding:clamp(38px,5vw,62px) 0}
.dk{background:var(--ink);color:#fff}
.dk2{background:var(--ink2);color:#fff}
.lt{background:var(--paper2)}
.gridbg::before{content:"";position:absolute;inset:0;background-image:var(--dot);background-size:24px 24px;pointer-events:none;opacity:.8}
.lt .gridbg::before,.gridbg.l::before{background-image:var(--dotL)}
.sec>*{position:relative;z-index:1}
.hz{height:6px;background:var(--yel);position:relative}
.hz::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(10,28,34,.22) 0 1px,transparent 1px 40px)}
.g{display:grid;gap:clamp(14px,1.9vw,22px)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,66px);align-items:center}
/* grid çocukları varsayılan min-width:auto ile içerikten (ör. geniş tablo)
   küçülemez ve mobilde taşmaya yol açar */
.split>*,.g>*,.cta-in>*,.hero-in>*{min-width:0}
.split.rev>*:first-child{order:2}
/* içerik + kenar çubuğu varyantları (satır içi stil yerine sınıf —
   satır içi stil medya sorgusunu ezip mobilde iki kolonda kalmasına yol açıyordu) */
.split.w-form{grid-template-columns:1.15fr .85fr}
.split.w-art{grid-template-columns:1.32fr .68fr}
@media(max-width:980px){
  .g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}
  .split,.split.w-form,.split.w-art{grid-template-columns:1fr;gap:34px}
  .split.rev>*:first-child{order:0}
  .split>aside{position:static!important}
}
@media(max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.shead{max-width:790px;margin-bottom:clamp(28px,3.6vw,46px)}
.shead.ctr{margin-left:auto;margin-right:auto;text-align:center}
.shead.ctr .eb{justify-content:center}
.shead .h2{margin-bottom:16px}

/* ============ BUTONLAR ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 25px;border-radius:var(--r);font-family:var(--ff);font-weight:600;font-size:.925rem;letter-spacing:-.005em;transition:.16s;border:1.5px solid transparent;white-space:nowrap;line-height:1}
.btn svg{width:17px;height:17px;flex:none}
.btn-r{background:var(--yel);color:#171204;border-color:var(--yel);font-weight:700}
.btn-r:hover{background:var(--yel2);border-color:var(--yel2)}
.btn-w{background:var(--wa);color:#04301A;border-color:var(--wa);font-weight:700}
.btn-w:hover{filter:brightness(1.07)}
.btn-a{background:var(--ink3);color:#fff;border-color:var(--steel2)}
.btn-a:hover{background:var(--ink4);border-color:var(--smoke)}
/* koyu zeminde dolu petrol kaybolduğu için saydam dolgu + belirgin kenar */
.dk .btn-a,.dk2 .btn-a,.hero .btn-a,.cta .btn-a{background:rgba(255,255,255,.07);border-color:var(--steel2);color:#fff}
.dk .btn-a:hover,.dk2 .btn-a:hover,.hero .btn-a:hover,.cta .btn-a:hover{background:rgba(245,197,24,.12);border-color:var(--yel);color:var(--yel)}
.btn-o{border-color:var(--steel2);color:#fff}
.btn-o:hover{border-color:var(--yel);color:var(--yel)}
.btn-ol{background:#fff;border-color:#BCB2A0;color:var(--txt)}
.btn-ol:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.btn-sm{padding:11px 18px;font-size:.855rem}
/* iki satırlı blok buton (CTA bandı) — eşit yükseklik, sola hizalı */
.btn-blk{justify-content:flex-start;padding:0 22px;height:70px;text-align:left;gap:13px}
.btn-blk b{display:block;font-family:var(--fd);font-weight:800;font-size:1.02rem;line-height:1.28;letter-spacing:-.018em}
.btn-blk small{display:block;font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.09em;font-size:.675rem;line-height:1.3;opacity:.78}
.btn-blk svg{width:19px;height:19px}
.btns{display:flex;flex-wrap:wrap;gap:11px}

/* ============ HEADER ============ */
.hdr{position:sticky;top:0;z-index:600;background:rgba(10,28,34,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--steel);color:#fff}
.hdr-in{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);height:var(--hdr);display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:12px;flex:none;min-height:44px}
.logo svg{height:38px;width:auto}
.logo-t{display:flex;flex-direction:column;line-height:1}
.logo-t b{font-family:var(--fd);font-weight:800;font-size:1.06rem;letter-spacing:-.02em;text-transform:none}
.logo-t span{font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:.6rem;color:var(--yel);margin-top:5px}
.nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.nav>div{position:relative}
.nl{display:flex;align-items:center;gap:6px;padding:10px 14px;font-family:var(--ff);font-weight:500;font-size:.95rem;letter-spacing:-.005em;color:var(--smoke2);transition:.14s;cursor:pointer}
.nl:hover{color:#fff}
.nl.on{color:#fff;font-weight:600}
.nl.on::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--yel)}
.nl .cv{width:9px;height:9px;transition:.2s;opacity:.6}
.nav>div:hover .cv{transform:rotate(180deg)}
.dd{position:absolute;top:calc(100% + 1px);left:0;min-width:290px;background:var(--ink2);border:1px solid var(--steel);border-top:2px solid var(--yel);padding:7px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;box-shadow:0 24px 48px -18px rgba(0,0,0,.6)}
.dd.r{left:auto;right:0}
.nav>div:hover .dd,.nav>div:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;transition:.14s;border-left:2px solid transparent}
.dd a:hover{background:var(--ink3);border-left-color:var(--yel)}
.dd a i{width:24px;height:24px;flex:none;display:grid;place-items:center;color:var(--yel);margin-top:2px}
.dd a i svg{width:16px;height:16px}
.dd a b{display:block;font-family:var(--fd);font-weight:700;font-size:.94rem;letter-spacing:-.014em;text-transform:none}
.dd a small{display:block;color:var(--smoke);font-size:.795rem;line-height:1.5;margin-top:3px}
.hcta{display:flex;align-items:center;gap:8px;flex:none}
.tcall{display:flex;align-items:center;gap:10px;height:var(--chip);padding:0 16px 0 8px;background:var(--yel);color:#171204;transition:.14s}
.tcall:hover{background:var(--yel2)}
.tcall .ic{width:28px;height:28px;flex:none;display:grid;place-items:center;background:rgba(23,18,4,.13)}
.tcall .ic svg{width:15px;height:15px}
.tcall b{display:block;font-family:var(--fd);font-weight:800;font-size:.9rem;line-height:1.2;letter-spacing:-.012em;font-variant-numeric:tabular-nums}
.tcall small{display:block;font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.575rem;line-height:1.2;opacity:.72}
.twa{width:var(--chip);height:var(--chip);display:grid;place-items:center;background:var(--wa);color:#04301A;transition:.14s}
.twa:hover{filter:brightness(1.1)}
.twa svg{width:20px;height:20px}
.burger{display:none;width:var(--chip);height:var(--chip);flex:none;flex-direction:column;justify-content:center;gap:5px;padding:0 11px;margin-left:auto;border:1px solid var(--steel2)}
.burger span{height:2px;background:var(--yel);transition:.22s}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1180px){
  /* ÖNEMLİ: backdrop-filter, içindeki position:fixed öğeler için kapsayıcı blok
     oluşturur ve menüyü header kutusuna hapseder. Mobilde kapatıyoruz. */
  .hdr{backdrop-filter:none;background:var(--ink)}
  .nav{position:fixed;top:var(--hdr);left:0;right:0;bottom:0;height:calc(100vh - var(--hdr));height:calc(100dvh - var(--hdr));
       background:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:16px var(--pad) 120px;overflow-y:auto;
       transform:translateX(102%);transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s;margin:0;
       visibility:hidden}
  .nav.open{transform:none;visibility:visible}
  .nl{padding:16px 2px;font-size:1.08rem;font-weight:600;border-bottom:1px solid var(--ink4);justify-content:space-between}
  .nl.on::after{display:none}
  .nl.on{color:var(--yel)}
  .dd{position:static;opacity:1;visibility:visible;transform:none;border:0;border-left:2px solid var(--yel);background:none;padding:4px 0 12px 14px;display:none;min-width:0;box-shadow:none}
  .dd a{padding-right:4px}
  .dd a small{white-space:normal;overflow-wrap:anywhere}
  .dd.open{display:block}
  .hcta .tcall small{display:none}
  .burger{display:flex}
  .hcta{order:3}
  .hdr-in{gap:10px}
}
@media(max-width:700px){.hcta .tcall b{display:none}.tcall{padding:0 9px}.logo-t span{display:none}}
/* çok dar ekranlarda header taşmasın: logo ve çipler küçülür */
@media(max-width:430px){
  :root{--chip:40px}
  .logo svg{height:32px}
  .logo{gap:9px}
  .logo-t b{font-size:.95rem}
  .hdr-in{gap:8px}
  .hcta{gap:6px}
  .tcall{padding:0 8px}
  .tcall .ic{width:24px;height:24px}
  .burger{padding:0 10px}
}

/* ============ HERO ============ */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--dot);background-size:24px 24px;opacity:.65}
.hero-in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:clamp(40px,5.5vw,74px) var(--pad) clamp(30px,4vw,48px);
  display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4.5vw,58px);align-items:center}
.hero.sm .hero-in{padding-top:clamp(32px,4vw,54px);padding-bottom:clamp(28px,3.6vw,46px);align-items:center}
.hero>.wrap{position:relative;z-index:2;padding-bottom:clamp(24px,3.2vw,42px)}
.hero-in:has(>*:only-child){grid-template-columns:1fr}
.hero .h1{margin-bottom:20px}
.hero .lead{max-width:40em}
.hero .btns{margin-top:28px}
.plate{position:relative;border:1px solid var(--steel2);padding:9px;background:var(--ink2)}
.plate::before{content:"";position:absolute;top:-1px;left:-1px;width:24px;height:24px;border-top:3px solid var(--yel);border-left:3px solid var(--yel)}
.plate::after{content:"";position:absolute;bottom:-1px;right:-1px;width:24px;height:24px;border-bottom:3px solid var(--yel);border-right:3px solid var(--yel)}
.plate img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.plate .lab{display:flex;justify-content:space-between;gap:12px;font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.11em;font-size:.635rem;color:var(--smoke);padding:10px 2px 1px}
.plate .lab b{color:var(--yel);font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:940px){.hero-in{grid-template-columns:1fr}.hero .plate{order:-1}.hero .plate img{aspect-ratio:16/10}}
.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;background:var(--ink3);border:1px solid var(--steel2);border-left:3px solid var(--yel);font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;color:#fff;margin-bottom:22px}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--wa);flex:none;animation:pl 2.2s infinite}
@keyframes pl{0%,100%{opacity:1}50%{opacity:.25}}
.hstat{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(28px,3.6vw,44px);border-top:1px solid var(--steel)}
.hstat div{padding:22px 20px 2px 0;border-right:1px solid var(--steel)}
.hstat div:last-child{border:0}
.hstat b{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1;letter-spacing:-.028em;font-variant-numeric:tabular-nums}
.hstat span{display:block;font-family:var(--ff);font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:.655rem;color:var(--smoke);margin-top:9px;line-height:1.45}
@media(max-width:700px){.hstat{grid-template-columns:repeat(2,1fr)}.hstat div{border-bottom:1px solid var(--steel);padding:16px 14px 14px}.hstat div:nth-child(2n){border-right:0;padding-right:0}.hstat div:nth-child(2n+1){padding-left:0}}
.crumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-family:var(--ff);font-weight:500;font-size:.815rem;letter-spacing:.01em;color:var(--smoke);margin-bottom:18px}
.crumb a:hover{color:var(--yel)}
.crumb i{opacity:.4;display:inline-flex}
.crumb i svg{width:10px;height:10px}

/* ============ KARTLAR ============ */
.card{background:var(--paper);border:1px solid var(--paper3);padding:clamp(20px,2.2vw,28px);transition:.18s;position:relative}
.card::after{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:var(--yel);transition:.28s}
.card:hover{border-color:var(--paper4)}
.card:hover::after{width:100%}
.dk .card,.dk2 .card,.card.d{background:var(--ink2);border-color:var(--steel);color:#fff}
.dk .card:hover,.dk2 .card:hover,.card.d:hover{border-color:var(--steel2);background:var(--ink3)}
.card p{color:var(--txt2);font-size:.945rem;line-height:1.68;margin:10px 0 0}
.dk .card p,.dk2 .card p,.card.d p{color:var(--smoke2)}
.ico{width:44px;height:44px;display:grid;place-items:center;background:var(--ink3);color:var(--yel);margin-bottom:17px;flex:none}
.ico svg{width:21px;height:21px}
.ico.a{background:var(--yel);color:#171204}
.ico.g{background:none;border:1px solid var(--paper4);color:var(--txt)}
.dk .ico.g,.dk2 .ico.g{border-color:var(--steel2);color:var(--yel)}
.card-l{display:flex;gap:15px;align-items:flex-start}
.card-l .ico{margin-bottom:0}
.svc{display:block;padding:0}
.svc-img{aspect-ratio:16/10;overflow:hidden;background:var(--ink3);position:relative}
.svc-img img{width:100%;height:100%;object-fit:cover;transition:.5s cubic-bezier(.2,.7,.3,1)}
.svc:hover .svc-img img{transform:scale(1.05)}
.svc-b{padding:clamp(19px,2vw,25px)}
.svc-b .h4{display:flex;align-items:center;gap:9px;justify-content:space-between}
.svc-b .h4 svg{width:18px;height:18px;color:var(--acc-t);flex:none;transition:.2s}
.svc:hover .svc-b .h4 svg{transform:translateX(5px)}
.tag{display:inline-block;font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.09em;font-size:.665rem;padding:6px 10px;background:var(--paper2);color:var(--txt3);border:1px solid var(--paper3)}
.dk .tag,.dk2 .tag{background:var(--ink3);color:var(--smoke2);border-color:var(--steel)}
.tag.r{background:rgba(245,197,24,.18);color:var(--acc-t);border-color:rgba(245,197,24,.5)}
.tag.a{background:rgba(47,127,151,.12);color:#256477;border-color:rgba(47,127,151,.32)}
.dk .tag.a,.dk2 .tag.a{color:#7FC3D8}
.tags{display:flex;flex-wrap:wrap;gap:7px}

/* ============ LİSTELER ============ */
.ck{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ck li{display:flex;gap:12px;align-items:flex-start;font-size:.965rem;line-height:1.65;color:var(--txt2)}
.dk .ck li,.dk2 .ck li{color:var(--smoke2)}
.ck li::before{content:"";width:17px;height:17px;flex:none;margin-top:5px;background:var(--yel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171204' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat}
.ck.a li::before{background-color:var(--cyan);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.nl-list{list-style:none;padding:0;margin:0;counter-reset:n}
.nl-list li{counter-increment:n;display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--paper3)}
.dk .nl-list li,.dk2 .nl-list li{border-color:var(--steel)}
.nl-list li::before{content:counter(n,decimal-leading-zero);font-family:var(--fd);font-weight:800;font-size:.9rem;color:var(--acc-t);flex:none;padding-top:3px;font-variant-numeric:tabular-nums}
.nl-list li:last-child{border:0}

/* ============ SÜREÇ ============ */
.proc{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.proc::before{content:"";position:absolute;top:20px;left:6%;right:6%;height:1px;background:var(--steel)}
.lt .proc::before,.proc.l::before{background:var(--paper4)}
.proc>div{position:relative;z-index:1;padding:0 12px}
.proc .n{width:40px;height:40px;margin:0 0 17px;display:grid;place-items:center;background:var(--yel);color:#171204;font-family:var(--fd);font-weight:800;font-size:.875rem;box-shadow:0 0 0 5px var(--ink);font-variant-numeric:tabular-nums}
.lt .proc .n,.proc.l .n{box-shadow:0 0 0 5px var(--paper2)}
.proc p{font-size:.895rem;margin-top:8px;color:var(--txt2)}
.dk .proc p,.dk2 .proc p{color:var(--smoke2)}
@media(max-width:860px){.proc{grid-template-columns:1fr}.proc::before{top:0;bottom:0;left:20px;right:auto;width:1px;height:auto}.proc>div{display:grid;grid-template-columns:40px 1fr;gap:17px;padding:0 0 24px}.proc .n{margin-bottom:0}}

/* ============ TABLOLAR ============ */
.tw{overflow-x:auto;border:1px solid var(--paper3);background:#fff;--tw-bg:#fff}
.dk .tw,.dk2 .tw{border-color:var(--steel);background:var(--ink2);--tw-bg:var(--ink2)}
/* Dar ekranda tablo yana kayıyor; kenar gölgesi "devamı var" işareti verir.
   background-attachment:local sayesinde gölge yalnızca kaydırılacak yön varken görünür. */
@media(max-width:900px){
  .tw{
    background-image:
      linear-gradient(90deg,var(--tw-bg) 30%,transparent),
      linear-gradient(90deg,transparent,var(--tw-bg) 70%),
      linear-gradient(90deg,rgba(10,28,34,.30),transparent),
      linear-gradient(270deg,rgba(10,28,34,.30),transparent);
    background-position:0 0,100% 0,0 0,100% 0;
    background-repeat:no-repeat;
    background-size:38px 100%,38px 100%,13px 100%,13px 100%;
    background-attachment:local,local,scroll,scroll;
  }
  .dk .tw,.dk2 .tw{
    background-image:
      linear-gradient(90deg,var(--tw-bg) 30%,transparent),
      linear-gradient(90deg,transparent,var(--tw-bg) 70%),
      linear-gradient(90deg,rgba(0,0,0,.5),transparent),
      linear-gradient(270deg,rgba(0,0,0,.5),transparent);
  }
}
table.spec{width:100%;border-collapse:collapse;min-width:720px;font-size:.93rem}
table.spec th{text-align:left;padding:15px 17px;background:var(--ink);color:var(--smoke2);font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.685rem;white-space:nowrap;border-bottom:3px solid var(--yel)}
table.spec td{padding:15px 17px;border-top:1px solid var(--paper3)}
.dk table.spec td,.dk2 table.spec td{border-color:var(--steel)}
table.spec tbody tr{transition:.14s}
table.spec tbody tr:hover{background:var(--paper2)}
.dk table.spec tbody tr:hover,.dk2 table.spec tbody tr:hover{background:var(--ink3)}
table.spec tbody tr.hit{background:rgba(245,197,24,.18);box-shadow:inset 3px 0 0 var(--yel)}
.dk table.spec tbody tr.hit,.dk2 table.spec tbody tr.hit{background:rgba(245,197,24,.12)}
table.spec tbody tr.dim{opacity:.34}
table.spec .num{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
table.spec .mn{font-family:var(--fd);font-weight:700;font-size:.94rem;letter-spacing:-.014em;text-transform:none}
table.spec .cd{font-family:var(--ff);font-weight:500;font-size:.775rem;color:var(--txt3);display:block;margin-top:3px;letter-spacing:.02em}
.dk table.spec .cd,.dk2 table.spec .cd{color:var(--smoke)}

/* ============ CETVEL ============ */
.ruler{position:relative;padding-left:64px;margin:0}
.ruler::before{content:"";position:absolute;left:26px;top:4px;bottom:4px;width:1px;background:var(--paper4)}
.dk .ruler::before,.dk2 .ruler::before{background:var(--steel2)}
.rrow{position:relative;padding:15px 0;border-bottom:1px solid var(--paper3)}
.dk .rrow,.dk2 .rrow{border-color:var(--steel)}
.rrow:last-child{border:0}
.rrow::before{content:"";position:absolute;left:-46px;top:50%;width:20px;height:2px;background:var(--yel)}
.rrow .m{position:absolute;left:-62px;top:50%;transform:translateY(-50%) translateX(-100%);font-family:var(--fd);font-weight:800;font-size:.845rem;color:var(--acc-t);white-space:nowrap;font-variant-numeric:tabular-nums}
.ruler.pad{padding-left:106px}
.ruler.pad::before{left:68px}
.ruler.pad .rrow .m{left:-40px;transform:translateY(-50%) translateX(-100%)}

/* ============ UYGUNLUK ARACI ============ */
.tool{background:var(--ink2);border:1px solid var(--steel);border-top:3px solid var(--yel);padding:clamp(23px,3vw,34px);color:#fff}
.tool .rowf{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,32px)}
@media(max-width:700px){.tool .rowf{grid-template-columns:1fr}}
.fld label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.695rem;color:var(--smoke2);margin-bottom:14px;line-height:1.45}
.fld label b{font-family:var(--fd);font-weight:800;font-size:1.24rem;color:var(--yel);letter-spacing:-.022em;white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--steel2);outline:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:21px;height:21px;background:var(--yel);border:none;cursor:pointer;box-shadow:0 0 0 3px var(--ink2),0 2px 6px rgba(0,0,0,.5)}
input[type=range]::-moz-range-thumb{width:21px;height:21px;background:var(--yel);border:none;cursor:pointer;border-radius:0}
.rres{margin-top:27px;padding-top:25px;border-top:1px solid var(--steel)}
.rmatch{display:flex;gap:17px;align-items:center;flex-wrap:wrap;background:var(--ink3);border:1px solid var(--steel2);border-left:3px solid var(--yel);padding:19px 21px}
.rmatch .lbl{font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.655rem;color:var(--smoke);display:block;margin-bottom:6px}
.rmatch .val{font-family:var(--fd);font-weight:800;font-size:1.3rem;line-height:1.15;letter-spacing:-.024em;display:flex;align-items:center;gap:9px}
.rmatch .val svg{width:20px;height:20px;flex:none}
.rmatch .sp{display:block;font-size:.9rem;line-height:1.62;color:var(--smoke2);margin-top:7px}
/* metin sütunu belirli genişliğin altına düşmesin — düşerse buton alta sarsın */
.rmatch>div{min-width:230px}
@media(max-width:560px){
  .rmatch{flex-direction:column;align-items:stretch;gap:15px}
  .rmatch>div{min-width:0}
  .rmatch .btn{width:100%}
}

/* ============ FORM ============ */
.frm{display:grid;gap:18px}
.fg{display:grid;gap:9px}
.fg>label{font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.695rem;color:var(--txt3)}
.dk .fg>label,.dk2 .fg>label{color:var(--smoke)}
.inp{width:100%;padding:14px 15px;background:#fff;border:1px solid var(--paper4);transition:.14s;font-size:.96rem}
.inp:focus{border-color:var(--ink);outline:0;box-shadow:inset 0 -3px 0 var(--yel)}
.dk .inp,.dk2 .inp{background:var(--ink3);border-color:var(--steel2);color:#fff}
textarea.inp{resize:vertical;min-height:106px}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{padding:0 17px;height:49px;display:inline-flex;align-items:center;border:1px solid var(--paper4);font-family:var(--ff);font-weight:500;font-size:.9rem;transition:.14s;background:#fff}
.chip:hover{border-color:var(--txt3)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--yel);font-weight:600}
.dk .chip,.dk2 .chip{background:var(--ink3);border-color:var(--steel2);color:var(--smoke2)}
.dk .chip.on,.dk2 .chip.on{background:var(--yel);border-color:var(--yel);color:#171204}
.steps{display:flex;gap:6px;margin-bottom:28px}
.steps div{flex:1;height:4px;background:var(--paper4);transition:.3s}
.dk .steps div,.dk2 .steps div{background:var(--steel2)}
.steps div.on{background:var(--yel)}
.stepc{display:none}
.stepc.on{display:grid;gap:19px;animation:fi .26s}
@keyframes fi{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.snum{font-family:var(--ff);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--acc-t);margin-bottom:-7px}
.prev{background:var(--ink);border:1px solid var(--steel);border-left:3px solid var(--yel);padding:21px;color:var(--smoke2);font-family:var(--fm);font-size:.815rem;line-height:1.82;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}

/* ============ SSS ============ */
.faq{border-top:1px solid var(--paper3)}
.dk .faq,.dk2 .faq{border-color:var(--steel)}
.fi{border-bottom:1px solid var(--paper3)}
.dk .fi,.dk2 .fi{border-color:var(--steel)}
.fq{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 0;text-align:left;font-family:var(--fd);font-weight:700;font-size:1.055rem;line-height:1.48;letter-spacing:-.016em;transition:.14s}
.fq:hover{color:var(--acc-t)}
.fq .pm{width:25px;height:25px;flex:none;border:1px solid var(--paper4);display:grid;place-items:center;transition:.22s;margin-top:2px}
.dk .fq .pm,.dk2 .fq .pm{border-color:var(--steel2)}
.fq .pm svg{width:12px;height:12px;transition:.22s}
.fi.open .fq{color:var(--acc-t)}
.fi.open .fq .pm{background:var(--yel);border-color:var(--yel);color:#171204;transform:rotate(180deg)}
.fa{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}
.fa>div{padding:0 46px 23px 0;color:var(--txt2);font-size:.96rem;line-height:1.76}
.dk .fa>div,.dk2 .fa>div{color:var(--smoke2)}

/* ============ BÖLGELER ============ */
.regs{display:flex;flex-wrap:wrap;gap:8px}
.reg{display:flex;align-items:center;gap:9px;padding:11px 16px;background:#fff;border:1px solid var(--paper3);font-size:.905rem;font-weight:500;transition:.14s}
.reg:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.reg::before{content:"";width:6px;height:6px;background:var(--yel);flex:none}
.dk .reg,.dk2 .reg{background:var(--ink2);border-color:var(--steel);color:#fff}
.dk .reg:hover,.dk2 .reg:hover{border-color:var(--yel);background:var(--ink3)}

/* ============ GALERİ ============ */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gal a{display:block;overflow:hidden;aspect-ratio:4/3;position:relative;background:var(--ink3);border:1px solid var(--steel)}
.gal a img{width:100%;height:100%;object-fit:cover;transition:.55s cubic-bezier(.2,.7,.3,1)}
.gal a:hover img{transform:scale(1.06)}
.gal a span{position:absolute;inset:auto 0 0;padding:28px 15px 13px;background:linear-gradient(transparent,rgba(10,28,34,.95));color:#fff;font-family:var(--ff);font-weight:500;font-size:.79rem;letter-spacing:.01em}
.gal a.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
@media(max-width:860px){.gal{grid-template-columns:repeat(2,1fr)}.gal a.big{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}}

/* ============ SAYISAL BLOK ============ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--steel);border:1px solid var(--steel)}
.stats>div{background:var(--ink2);padding:clamp(23px,2.5vw,31px);position:relative}
.stats>div::before{content:"";position:absolute;top:0;left:0;width:28px;height:3px;background:var(--yel)}
.stats b{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1;color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stats b i{font-style:normal;color:var(--yel);font-size:.5em;font-weight:700;letter-spacing:-.01em}
.stats span{display:block;font-family:var(--ff);font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:.665rem;color:var(--smoke);margin-top:11px}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ============ CTA ============ */
.cta{position:relative;background:var(--ink);color:#fff;overflow:hidden;border-top:3px solid var(--yel)}
.cta::before{content:"";position:absolute;inset:0;background-image:var(--dot);background-size:24px 24px;opacity:.65}
.cta-in{position:relative;z-index:1;padding:clamp(52px,6.5vw,86px) 0;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(26px,4vw,54px);align-items:center}
@media(max-width:880px){.cta-in{grid-template-columns:1fr}}
.cta .h2{margin-bottom:15px}

/* ============ MAKALE ============ */
.art{max-width:70ch;font-size:1.055rem;line-height:1.82;color:var(--txt2)}
.art h2{font-family:var(--fd);font-weight:700;font-size:1.5rem;line-height:1.26;color:var(--txt);margin:2.1em 0 .7em;letter-spacing:-.022em;padding-top:.55em;border-top:1px solid var(--paper3)}
.art h3{font-family:var(--fd);font-weight:700;font-size:1.16rem;color:var(--txt);margin:1.7em 0 .5em;letter-spacing:-.016em}
.art ul,.art ol{padding-left:1.3em;margin:0 0 1.2em}
.art li{margin-bottom:.6em}
.art li::marker{color:var(--acc-t)}
.art strong{color:var(--txt);font-weight:600}
.art blockquote{margin:1.9em 0;padding:22px 26px;background:var(--paper2);border-left:3px solid var(--yel);font-size:1.03rem;color:var(--txt)}
.art .tw{margin:1.9em 0}
.art table.spec{min-width:480px}

/* ============ FOOTER ============ */
.ftr{background:var(--ink);color:var(--smoke2);padding:clamp(48px,5.5vw,74px) 0 0;position:relative;border-top:1px solid var(--steel)}
.ftr-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(26px,3.2vw,44px)}
@media(max-width:980px){.ftr-g{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr-g{grid-template-columns:1fr}}
.ftr h5{font-family:var(--ff);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;color:var(--yel);margin:0 0 19px;padding-bottom:11px;border-bottom:1px solid var(--steel)}
.ftr a{transition:.14s;font-size:.925rem}
.ftr a:hover{color:var(--yel)}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.ftr ul.ar li a{display:flex;gap:10px;align-items:center}
.ftr ul.ar li a::before{content:"";width:5px;height:5px;background:var(--steel2);flex:none;transition:.14s}
.ftr ul.ar li a:hover::before{background:var(--yel)}
.ftr p{font-size:.915rem;line-height:1.72}
.fcon{display:grid;gap:14px}
.fcon a,.fcon div{display:flex;gap:12px;align-items:flex-start;font-size:.915rem}
.fcon i{width:31px;height:31px;flex:none;display:grid;place-items:center;background:var(--ink3);border:1px solid var(--steel);color:var(--yel)}
.fcon i svg{width:14px;height:14px}
.fbot{margin-top:clamp(34px,4vw,50px);border-top:1px solid var(--steel);padding:21px 0 25px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;font-size:.83rem;color:var(--smoke)}
.fbot .fl{display:flex;flex-wrap:wrap;gap:19px}

/* ============ SABİT CTA ============ */
.rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:500;display:grid;gap:1px;border:1px solid var(--steel);border-right:0;background:var(--steel)}
.rail a{width:50px;height:50px;display:grid;place-items:center;transition:.16s;position:relative}
.rail a svg{width:21px;height:21px}
.rail a::after{content:attr(data-t);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--ink);color:var(--yel);padding:8px 13px;font-family:var(--ff);font-weight:600;font-size:.755rem;white-space:nowrap;opacity:0;pointer-events:none;transition:.16s;border:1px solid var(--steel)}
.rail a:hover::after{opacity:1}
.rail .r1{background:var(--yel);color:#171204}
.rail .r2{background:var(--wa);color:#04301A}
.rail .r3{background:var(--ink2);color:var(--smoke2)}
.rail .r3:hover{color:var(--yel)}
.rail .r4{background:var(--ink3);color:var(--yel)}
.mbar{position:fixed;inset:auto 0 0;z-index:520;display:none;grid-template-columns:repeat(3,1fr);background:var(--ink);border-top:3px solid var(--yel)}
.mbar a{display:grid;place-items:center;gap:5px;padding:10px 4px 12px;color:#fff;font-family:var(--ff);font-weight:600;font-size:.735rem;border-right:1px solid var(--steel)}
.mbar a:last-child{border:0}
.mbar a svg{width:19px;height:19px}
.mbar a.w{color:var(--wa)}.mbar a.r{color:var(--yel)}.mbar a.a{color:var(--smoke2)}
/* Sağ ray yalnızca kenar boşluğu yeterken görünür.
   İçerik 1280px, ray 50px: 1420px altında ray içeriğin üstüne biner —
   o aralıkta alt bar devreye girer. */
@media(max-width:1419px){.rail{display:none}.mbar{display:grid}body{padding-bottom:64px}}
@media(min-width:900px) and (max-width:1419px){
  .mbar{grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;border-top-width:2px}
  .mbar a{border-right:1px solid var(--steel)}
  .mbar a:last-child{border-right:0}
}

/* ============ MOBİL İNCE AYAR ============ */
@media(max-width:820px){
  /* metin bağlantılarında dokunma alanını büyüt */
  .ftr ul{gap:1px}
  .ftr ul li a{padding:9px 0}
  .fbot{gap:8px}
  .fbot .fl{gap:2px 18px}
  .fbot .fl a{padding:7px 0}
  .crumb{gap:4px 9px}
  .crumb a{padding:7px 0}
  .fcon a{padding:4px 0}
  .dd a{padding:13px 12px}
}
@media(max-width:620px){
  /* mikro etiketler 11px altına düşmesin */
  .tag{font-size:.73rem;padding:6px 11px}
  .plate .lab{font-size:.7rem}
  .hstat span,.stats span,.rmatch .lbl{font-size:.72rem;letter-spacing:.1em}
  .btn-blk small{font-size:.73rem}
  table.spec th{font-size:.74rem}
  .eb{font-size:.76rem;letter-spacing:.11em}
}

/* ============ DİĞER ============ */
.mapw{border:1px solid var(--paper3);overflow:hidden;background:var(--paper2);aspect-ratio:16/10;position:relative}
.dk .mapw,.dk2 .mapw{border-color:var(--steel)}
.mapw iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.25) contrast(1.04)}
.imgf{overflow:hidden;position:relative;background:var(--ink3);border:1px solid var(--paper3)}
.dk .imgf,.dk2 .imgf{border-color:var(--steel)}
.imgf img{width:100%;height:100%;object-fit:cover}
.imgf.tall{aspect-ratio:4/5}
.imgf.wide{aspect-ratio:16/9}
.imgf.sq{aspect-ratio:1}
.imgf .cap{position:absolute;inset:auto 0 0;padding:32px 17px 14px;background:linear-gradient(transparent,rgba(10,28,34,.95));color:#fff;font-size:.855rem;line-height:1.55;font-weight:500}
.note{display:flex;gap:15px;padding:19px 21px;background:var(--paper2);border:1px solid var(--paper3);border-left:3px solid var(--yel);font-size:.935rem;line-height:1.68}
.note svg{width:20px;height:20px;flex:none;color:var(--acc-t);margin-top:2px}
.dk .note,.dk2 .note{background:var(--ink2);border-color:var(--steel);color:var(--smoke2)}
.dk .note svg,.dk2 .note svg{color:var(--yel)}
.dk .note strong,.dk2 .note strong{color:#fff}
.srch{position:relative}
.srch svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--txt3);pointer-events:none}
.srch .inp{padding-left:44px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}
.rv.in{opacity:1;transform:none}
.hide{display:none!important}
.cen{text-align:center}
.mt{margin-top:clamp(24px,3.2vw,40px)}
.mb0{margin-bottom:0}