@property --ba{syntax:'<angle>';inherits:false;initial-value:0deg;}
:root{
  --bg:#f9fafb; --surface:#FFFFFF; --heading:#12126B; --text:#374151; --muted:#6b7280;
  --accent:#FFD700; --accent-2:#FFD700; --accent-deep:#CCAC00; --on-accent:#141480; /* [BEYAZIT 2026-08-12] accent-deep #C9A800 -> #CCAC00: renk widget'i kaldirildi; widget JS'i her yuklemede bu degeri darken(#FFD700,.20)=#CCAC00 olarak eziyordu. Canli gorunum degismesin diye sabitlendi. */
  --dark:#1414B8; --dark-2:#2626D4; --on-dark:#EAEAFF; --border:#e5e7eb; --divider:#f3f4f6;
  --soft:#f3f4f6; --input:#f9fafb; --input-border:#e5e7eb; --ba:0deg;
  --radius:16px; --maxw:1200px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;}
h1,h2,h3{font-family:'Inter',system-ui,sans-serif;color:var(--heading);line-height:1.1;letter-spacing:-.02em;margin:0;font-weight:700;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-deep);font-weight:600;display:block;margin-bottom:14px;}
.section{padding:92px 0;}
.lead{color:var(--muted);font-size:17px;max-width:56ch;}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:10px;cursor:pointer;border:none;transition:.3s;font-family:inherit;}
.btn-primary{background:var(--accent);color:var(--on-accent);}
.btn-primary:hover{background:var(--accent-deep);transform:translateY(-2px);}
.btn-link{display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:0;color:var(--accent-deep);font-weight:600;font-size:15px;cursor:pointer;font-family:inherit;transition:.3s;}
.btn-link:hover{gap:11px;color:var(--dark);}
.btn-link svg{width:18px;height:18px;fill:currentColor;}
.head-center{text-align:center;max-width:640px;margin:0 auto 8px;}
.head-center h2{font-size:clamp(28px,3.6vw,42px);}

.topbar{background:var(--dark);color:var(--on-dark);font-size:13.5px;}
.topbar .wrap{display:flex;align-items:center;justify-content:center;gap:16px;padding:7px 28px;flex-wrap:wrap;}
.topbar b{color:var(--accent-2);}
.topbar a.link{color:var(--accent-2);font-weight:600;display:inline-flex;align-items:center;gap:6px;}
.topbar a.link svg{width:15px;height:15px;fill:currentColor;}

header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
header .wrap{display:flex;align-items:center;gap:24px;padding:7px 28px;}
.logo-img{height:46px;width:auto;}
nav{display:flex;gap:22px;margin-left:10px;align-items:center;}
nav > a,nav .dd > .dd-trigger{font-size:14.5px;font-weight:500;color:var(--heading);position:relative;padding:4px 0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;background:none;border:none;font-family:inherit;}
nav > a::after,nav .dd > .dd-trigger::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:.3s;}
nav > a:hover::after,nav .dd:hover > .dd-trigger::after{width:100%;}
nav .dd{position:relative;}
nav .dd > .dd-trigger svg{width:15px;height:15px;fill:currentColor;transition:.3s;}
nav .dd:hover > .dd-trigger svg{transform:rotate(180deg);}
nav .dd-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px rgba(20,20,90,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.28s;z-index:40;}
nav .dd:hover .dd-menu{opacity:1;visibility:visible;transform:translateY(0);}
nav .dd-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;}
nav .dd-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--heading);transition:.2s;}
nav .dd-menu a svg{width:18px;height:18px;stroke:var(--accent-deep);fill:none;flex-shrink:0;}
nav .dd-menu a:hover{background:var(--soft);color:var(--dark);}

/* Mega menu — Global Portfoy'un iki gruplu genis paneli (Erol / Alternatif 2).
   Grup basliklari .eyebrow / .ltoc h4 ile ayni dilde; italik YOK (proje kurali). */
nav .dd-mega-menu{min-width:560px;max-width:calc(100vw - 40px);padding:18px;
  display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;}
nav .ddgroup h5{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);
  font-weight:700;margin:0 0 8px;padding:0 12px;}
nav .ddgroup + .ddgroup{border-left:1px solid var(--border);padding-left:26px;}
/* Vesta tarzı iletişim butonu */
.lang-btn{display:inline-flex;align-items:center;font-family:inherit;font-weight:600;font-size:14.5px;letter-spacing:.02em;padding:9px 12px;border:none;background:none;color:var(--heading);cursor:pointer;transition:color .2s;line-height:1;}.lang-btn:hover{color:var(--dark);}.btn-contact{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:999px;cursor:pointer;border:none;background:var(--dark);color:#fff;transition:.32s;position:relative;overflow:hidden;}
.btn-contact svg{width:17px;height:17px;fill:currentColor;position:relative;z-index:2;transition:.32s;}
.btn-contact span{position:relative;z-index:2;}
.btn-contact::before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-101%);transition:transform .38s cubic-bezier(.2,.8,.2,1);z-index:1;}
.btn-contact:hover{color:var(--on-accent);}
.btn-contact:hover::before{transform:translateX(0);}
.btn-contact:hover svg{transform:translateX(3px);}
/* Header'daki iletişim butonu: header'ı üstten alta kaplar, köşeleri keskin */
header .wrap{position:relative;}
header .header-right{align-self:stretch;}
header .header-right .btn-contact{
  align-self:stretch;
  align-items:center;
  border-radius:0;
  background:var(--accent);
  color:var(--on-accent);
  padding:0 34px;
  /* alttaki -8px, header'in 1px alt cizgisini de kapatir */
  margin:-7px -28px -8px 0;
  margin-right:calc(-28px - max(0px, (100vw - var(--maxw)) / 2));
  /* [BEYAZIT 2026-08-27] YATAY KAYDIRMA KUSURU — KOK SEBEP BURASI.
     Yukaridaki tam-genislik hilesi 100vw kullaniyor; 100vw KAYDIRMA CUBUGUNU DA SAYAR.
     Kaplama (overlay) cubuklu sistemlerde 100vw == clientWidth, sorun gorunmez.
     Klasik cubuklu sistemlerde (Windows / macOS "cubuklari her zaman goster") 100vw ~ clientWidth+15px
     olur, margin 7,5px fazla negatif olur ve buton sayfanin disina tasar.
     OLCULDU (1300px viewport, index.html): kaplama cubukla buton sagi 1300 / belge 1300 -> tasma yok;
     klasik cubuk simulasyonunda buton sagi 1308 / belge 1307 -> 7px YATAY KAYDIRMA.
     CSS'te "cubuk haric viewport genisligi" diye bir birim yok; 100% de burada .wrap'in ic kutusuna
     cozulur, ise yaramaz. Cozum asagida: html'de overflow-x:clip. */
  position:relative;z-index:2;
  font-size:15px;
  transition:color .32s;
}
header .header-right .btn-contact::before{background:var(--dark);}
header .header-right .btn-contact:hover{color:#fff;}
header .header-right .btn-contact:hover svg{transform:translateX(4px);}
.header-right{margin-left:auto;display:flex;align-items:center;gap:16px;}
.header-right .phone{font-size:14px;font-weight:600;color:var(--heading);}
.hicon{color:#25D366;display:grid;place-items:center;width:36px;height:36px;transition:.3s;}
.hicon:hover{transform:translateY(-2px);opacity:.85;}
.hicon svg{width:26px;height:26px;fill:currentColor;}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;place-items:center;color:var(--heading);transition:.25s;}
.menu-btn:hover{border-color:var(--accent);color:var(--accent-deep);}
.menu-btn svg{width:22px;height:22px;fill:currentColor;}

.hero{position:relative;color:#EFE7D6;overflow:hidden;min-height:min(640px,74vh);display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(8,12,38,.72) 0%,rgba(8,12,38,.42) 30%,rgba(8,12,38,.1) 58%,transparent 100%),linear-gradient(rgba(20,20,184,.32),rgba(20,20,184,.34)),url('img/hero.webp');
  background-size:cover;background-position:center;}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:34px 28px;width:100%;}
.hero .eyebrow{color:var(--accent-2);}
.hero h1{color:#fff;font-size:clamp(32px,4.2vw,50px);margin-bottom:16px;}
.hero h1 em{font-style:normal;color:var(--accent-2);}
.hero p{color:rgba(255,255,255,.85);font-size:16.5px;max-width:46ch;margin:0 0 22px;}

.hero-filter{position:relative;background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:0 30px 70px rgba(10,10,60,.4);}
@keyframes spinborder{to{--ba:360deg;}}
/* Basit telefon formu */
.hero-filter h3{font-size:22px;margin-bottom:6px;}
.hero-filter .ff-desc{font-size:13.5px;color:var(--muted);margin:0 0 16px;line-height:1.5;}
.hero-filter .phone-field{position:relative;margin-bottom:13px;}
.hero-filter .phone-field input{width:100%;padding:15px 15px 15px 48px;border:1px solid var(--input-border);border-radius:11px;background:var(--input);font-family:inherit;font-size:15px;color:var(--text);transition:.25s;}
.hero-filter .phone-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);}
.hero-filter .phone-field svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:var(--accent-deep);}
.hero-filter .consent{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;cursor:pointer;}
.hero-filter .consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--dark);flex-shrink:0;cursor:pointer;}
.hero-filter .consent span{font-size:12.5px;color:var(--muted);line-height:1.5;}
.hero-filter .consent a{color:var(--accent-deep);font-weight:600;text-decoration:underline;}
/* Glow efekti submit butonunda */
.glow-btn{position:relative;width:100%;justify-content:center;overflow:visible;}
.glow-btn::before{content:"";position:absolute;inset:-4px;border-radius:14px;padding:2px;
  background:conic-gradient(from var(--ba),
    color-mix(in srgb,var(--accent) 10%,transparent) 0deg,
    color-mix(in srgb,var(--accent) 10%,transparent) 330deg,
    var(--accent) 342deg,
    #fff8cc 348deg,
    var(--accent) 354deg,
    color-mix(in srgb,var(--accent) 10%,transparent) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:spinborder 4s linear infinite;pointer-events:none;}
.glow-btn::after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:0 0 24px 2px color-mix(in srgb,var(--accent) 55%,transparent);opacity:.9;pointer-events:none;z-index:-1;}

.stats{background:var(--surface);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);}
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:44px 28px;} /* [EROL 2026-08-02] 250K karti gizlendi: 4 -> 3 sutun */
.stat{text-align:center;position:relative;}
.stat + .stat::before{content:"";position:absolute;left:-12px;top:12%;height:76%;width:1px;background:var(--border);}
.stat .num{font-family:inherit;font-size:42px;font-weight:800;letter-spacing:-.02em;color:var(--heading);}
.stat .num span{color:var(--accent-deep);}
.stat .lbl{font-size:13px;color:var(--muted);letter-spacing:.04em;}

.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap;}
.head-row h2{font-size:clamp(28px,3.6vw,42px);}
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.proj{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.35s;display:flex;flex-direction:column;}
.proj:hover{transform:translateY(-7px);box-shadow:0 26px 54px rgba(20,30,50,.14);}
.proj .ph{height:220px;position:relative;overflow:hidden;}
.proj .ph img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.proj:hover .ph img{transform:scale(1.06);}
.proj .badge{position:absolute;z-index:2;top:14px;left:14px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;letter-spacing:.05em;padding:6px 12px;border-radius:20px;text-transform:uppercase;}
/* [BEYAZIT 2026-08-17] z-index:2 SART — hover'da .ph img transform alip kendi yigin
   baglamini kuruyor; rozet z-index:auto oldugu ve DOM'da img'den ONCE geldigi icin
   goruntunun altinda kaliyordu (kayboluyor gibi gorunuyordu). */
.proj .badge.alt{background:var(--dark);color:#fff;}
.proj .body{padding:22px;display:flex;flex-direction:column;flex:1;}
.proj .loc{font-size:12.5px;color:var(--accent-deep);font-weight:600;letter-spacing:.05em;margin-bottom:8px;} /* [BEYAZIT 2026-08-17] text-transform:uppercase kaldirildi. Kapsam: .proj kartinin kullanildigi 4 sayfa (projeler, golden-visa, index, proje-detay) - ayni bilesen, ayni gorunum. */
.proj h3{font-size:19px;margin-bottom:12px;line-height:1.25;}
.proj .price{font-family:inherit;font-size:22px;color:var(--heading);margin-top:auto;}
.proj .price small{font-size:12px;color:var(--muted);font-family:'Inter';display:block;letter-spacing:.03em;}
.fspecs{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);}
.fspec{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text);}
.fspec svg{width:18px;height:18px;color:var(--accent-deep);flex-shrink:0;}

.adv{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);} /* [EROL 2026-08-02] kirik beyaz zemin (gray-100); cizgiler gray-200'e alindi ki zeminle ayni olmasin */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;}
.whycard{position:relative;padding:0 28px;display:flex;flex-direction:column;}
.whycard + .whycard::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--border);}
.whycard .ib{width:76px;height:76px;display:grid;place-items:center;color:var(--accent-deep);margin-bottom:24px;transition:.32s;}
.whycard .ib svg{width:52px;height:52px;}
.whycard:hover .ib{color:var(--dark);transform:translateY(-3px);}
.whycard h3{font-size:20px;line-height:1.25;margin-bottom:14px;min-height:50px;}
.whycard .why-body{min-height:96px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;margin-bottom:18px;pointer-events:none;}
.whycard:hover .why-body{opacity:1;transform:translateY(0);}
.whycard .why-body p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.65;}
.whycard .why-toggle{margin-top:auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:none;cursor:pointer;display:grid;place-items:center;color:var(--accent-deep);transition:.3s;flex-shrink:0;}
.whycard .why-toggle svg{width:20px;height:20px;fill:currentColor;transition:.35s;}
.whycard:hover .why-toggle{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}

.cities-wrap{position:relative;margin-top:44px;}
.cities-scroll{display:flex;gap:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;}
.cities-scroll::-webkit-scrollbar{display:none;}
.citem{position:relative;flex:0 0 25%;min-width:250px;scroll-snap-align:start;padding:6px 28px;display:flex;flex-direction:column;}
.citem::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--border);}
.citem:first-child::before{display:none;}
.citem .cflag{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-bottom:22px;
  box-shadow:0 6px 18px rgba(20,20,90,.14),0 0 0 1px var(--border);transition:.32s;}
.citem .cflag svg{width:100%;height:100%;display:block;transform:scale(1.35);}
.citem:hover .cflag{transform:translateY(-4px);box-shadow:0 12px 26px rgba(20,20,90,.2),0 0 0 2px var(--accent);}
.citem h3{font-size:21px;line-height:1.25;margin:0 0 4px;letter-spacing:-.01em;}
.citem .cctry{font-size:12.5px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;}
.citem .city-body{min-height:92px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;
  margin-bottom:18px;pointer-events:none;}
.citem:hover .city-body{opacity:1;transform:translateY(0);}
.citem .city-body p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.65;}
.citem .city-go{margin-top:auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--border);
  background:none;cursor:pointer;display:grid;place-items:center;color:var(--accent-deep);transition:.3s;flex-shrink:0;}
.citem .city-go svg{width:19px;height:19px;fill:currentColor;transition:.35s;}
.citem:hover .city-go{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
.cities-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:26px;}
.cities-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:var(--surface);
  cursor:pointer;display:grid;place-items:center;color:var(--heading);transition:.28s;}
.cities-nav button:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
.cities-nav button svg{width:19px;height:19px;fill:currentColor;}
.cities-nav button[disabled]{opacity:.35;cursor:default;}
.cities-nav button[disabled]:hover{background:var(--surface);border-color:var(--border);color:var(--heading);}

.gv{background:var(--dark);color:var(--on-dark);position:relative;overflow:hidden;padding-top:64px;padding-bottom:72px;margin-top:0;
  background:linear-gradient(color-mix(in srgb,var(--dark) 95%,transparent),color-mix(in srgb,var(--dark) 91%,transparent)),url('https://images.unsplash.com/photo-1603565816030-6b389eeb23cb?fm=jpg&q=85&w=2400&auto=format&fit=crop');
  background-size:cover;background-position:center;background-attachment:fixed;}
.gv::before{content:none;}
.gv .wrap:first-child{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.gv .gv-programs{padding-top:0;}
.gv .eyebrow{color:var(--accent-2);}
.gv h2{color:#fff;font-size:clamp(26px,3.2vw,38px);margin-bottom:16px;}
.gv p{color:rgba(255,255,255,.82);font-size:15.5px;margin:0 0 22px;max-width:52ch;}
.gv .imgbox{border-radius:var(--radius);overflow:hidden;height:100%;max-height:380px;box-shadow:0 24px 60px rgba(0,0,0,.4);}
.gv .imgbox img{width:100%;height:100%;object-fit:cover;}
.gv-points{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;}
.gv-points li{display:flex;gap:10px;align-items:center;font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.9);}
.gv-points li b{color:var(--accent-2);}
.gv-points .ck{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--accent-2);display:grid;place-items:center;flex-shrink:0;}
.gv-points .ck svg{width:14px;height:14px;fill:currentColor;}
/* Golden Visa ülke program kartları */
.gv-programs{margin-top:44px;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14);padding-top:34px!important;}
.gv-programs-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px;}
.gv-programs-head h3{color:#fff;font-size:clamp(19px,2vw,24px);margin:0;}
.gv-programs-head p{color:rgba(255,255,255,.6);font-size:14px;margin:0;}
.gvc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} /* 2026-08-10: Amerika karti eklendi, 2 -> 3 sutuna geri donuldu */
.gvc{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px;transition:.3s;}
.gvc:hover{background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-3px);}
.gvc .flag{width:52px;height:38px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative;
  box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.28);transition:.35s;}
.gvc .flag svg{width:100%;height:100%;display:block;}
.gvc:hover .flag{transform:rotate(-4deg) scale(1.06);box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 0 1px var(--accent);}
.gvc .gvc-txt{flex:1;min-width:0;}
.gvc h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 5px;letter-spacing:-.01em;}
.gvc .gvc-amount{display:inline-block;color:var(--on-accent);background:var(--accent);font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;}
.gvc .gvc-link{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:var(--accent-2);border:1px solid rgba(255,255,255,.2);transition:.28s;}
.gvc .gvc-link svg{width:15px;height:15px;fill:currentColor;}
.gvc:hover .gvc-link{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}

/* DETAYLARI GÖRÜŞELİM */
.cta-form{background:var(--surface);}
.cta-form .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;background:var(--soft);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:48px;align-items:stretch;}
.cta-form h2{font-size:clamp(26px,3.2vw,38px);margin-bottom:12px;}
.cta-form .form-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:24px;}
.cta-form .ff{display:flex;flex-direction:column;}
.cta-form .ff.full{grid-column:1 / -1;}
.cta-form .ff label{font-size:12.5px;font-weight:600;color:var(--heading);margin-bottom:7px;}
.cta-form .ff label .req{color:var(--accent-deep);}
.cta-form input,.cta-form textarea,.cta-form select{width:100%;padding:13px 15px;border:1px solid var(--input-border);border-radius:10px;font-family:inherit;font-size:14.5px;background:var(--surface);color:var(--text);transition:.25s;}
.cta-form textarea{resize:vertical;min-height:96px;}
.cta-form select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%237c81a0'><path d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:15px;padding-right:40px;}
.cta-form input:focus,.cta-form textarea:focus,.cta-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);}
.cta-form .fconsent{display:flex;align-items:flex-start;gap:10px;margin-top:2px;cursor:pointer;}
.cta-form .fconsent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--dark);flex-shrink:0;cursor:pointer;padding:0;}
.cta-form .fconsent span{font-size:12.5px;color:var(--muted);line-height:1.5;}
.cta-form .fconsent a{color:var(--accent-deep);font-weight:600;text-decoration:underline;}
.cta-form .recaptcha{display:flex;align-items:center;gap:12px;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:6px;padding:12px 16px;width:max-content;max-width:100%;}
.cta-form .recaptcha .rc-box{width:26px;height:26px;border:2px solid #c1c1c1;border-radius:3px;background:#fff;flex-shrink:0;}
.cta-form .recaptcha .rc-txt{font-size:14px;color:#3c4043;}
.cta-form .recaptcha .rc-logo{margin-left:8px;text-align:center;color:#9aa0a6;}
.cta-form .recaptcha .rc-logo svg{width:26px;height:26px;fill:#4285f4;display:block;margin:0 auto;}
.cta-form .recaptcha .rc-logo small{font-size:8px;letter-spacing:.02em;}
.cta-form .form-submit{margin-top:2px;width:100%;justify-content:center;}
.cta-form .quote{background:var(--dark);color:var(--on-dark);border-radius:var(--radius);padding:34px;overflow:hidden;position:relative;display:flex;align-items:flex-end;}
.cta-form .quote img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;}
.cta-form .quote .qc{position:relative;}
.cta-form .quote p{font-size:15px;color:#fff;margin:0 0 20px;font-style:normal;}
.cta-form .quote .who b{color:#fff;font-size:18px;display:block;margin-bottom:3px;}
.cta-form .quote .who small{color:var(--accent-2);font-size:14px;font-weight:500;}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;}
.tcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.35s;text-align:center;}
.tcard:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(20,30,50,.13);}
.tcard .ph{height:260px;overflow:hidden;background:var(--soft);}
.tcard .ph img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:.5s;}
.tcard:hover .ph img{transform:scale(1.05);}
.tcard .body{padding:20px;}
.tcard h3{font-size:19px;margin-bottom:4px;}
.tcard .role{font-size:13px;color:var(--accent-deep);font-weight:600;letter-spacing:.03em;}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;}
.bcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.35s;}
.bcard:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(20,30,50,.13);}
.bcard .ph{height:200px;overflow:hidden;}
.bcard .ph img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.bcard:hover .ph img{transform:scale(1.06);}
.bcard .body{padding:22px;}
.bcard .cat{font-size:11.5px;color:var(--accent-deep);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
.bcard h3{font-size:18px;line-height:1.3;}

/* BİZ KİMİZ - yaratıcı katmanlı tasarım */
.about{background:var(--surface);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);position:relative;overflow:hidden;}
.about::before{content:"";position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);pointer-events:none;}
.about .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;position:relative;z-index:1;}
.about-visual{position:relative;padding:0 30px 40px 0;}
.about-visual .img-main{border-radius:calc(var(--radius) + 4px);overflow:hidden;box-shadow:0 30px 70px rgba(20,20,90,.18);position:relative;aspect-ratio:4/5;}
.about-visual .img-main img{width:100%;height:100%;object-fit:cover;}
.about-visual .img-sub{position:absolute;right:0;bottom:0;width:52%;aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;border:5px solid var(--surface);box-shadow:0 20px 44px rgba(20,20,90,.22);}
.about-visual .img-sub img{width:100%;height:100%;object-fit:cover;}
.about-visual .exp-badge{position:absolute;left:-14px;top:34px;background:var(--dark);color:#fff;padding:18px 22px;border-radius:16px;box-shadow:0 16px 36px rgba(20,20,90,.28);z-index:2;}
.about-visual .exp-badge b{font-size:34px;font-weight:800;display:block;line-height:1;letter-spacing:-.02em;color:var(--accent-2);}
.about-visual .exp-badge small{font-size:12px;font-weight:600;letter-spacing:.03em;color:rgba(255,255,255,.85);}
.about-content .eyebrow{color:var(--accent-deep);}
.about-content h2{color:var(--heading);font-size:clamp(30px,3.8vw,46px);margin-bottom:20px;line-height:1.1;}
.about-content h2 em{font-style:normal;color:var(--accent-deep);}
.about-content p{font-size:16px;color:var(--text);margin:0 0 18px;line-height:1.75;}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 32px;}
.about-stat{padding:18px 16px;border-radius:14px;background:var(--soft);border:1px solid var(--border);transition:.3s;}
.about-stat:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,20,90,.08);}
.about-stat b{display:block;font-size:26px;font-weight:800;color:var(--heading);line-height:1;letter-spacing:-.02em;margin-bottom:6px;}
.about-stat span{font-size:12.5px;color:var(--muted);line-height:1.35;display:block;}
.about-content .btn-contact{background:var(--dark);color:#fff;}
.about-content .btn-contact::before{background:var(--accent);}
.about-content .btn-contact:hover{color:var(--on-accent);}

/* ÖNE ÇIKAN VİDEOLAR */
/* [BEYAZIT 2026-08-19] Zemin --bg (#f9fafb / gray-50) -> --soft (#f3f4f6 / gray-100).
   Gerekce: bolum iki BEYAZ bolumun arasinda duruyor (#blog ve #iletisim, ikisi de --surface);
   gray-50 beyaz uzerinde neredeyse gorunmuyordu. --soft, sitenin "kirik beyaz zemin" rolunun
   tokeni (bkz. .adv, 2026-08-05) ve degeri tam olarak istenen #F3F4F6 -- hardcode edilmedi. */
.videos{background:var(--soft);}
.video-exp{display:flex;gap:16px;margin-top:44px;height:440px;}
.vitem{position:relative;flex:1;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--dark);transition:flex .55s cubic-bezier(.2,.8,.2,1);min-width:64px;}
.vitem.active{flex:4.2;}
.vitem img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s;}
.vitem.active img{opacity:.92;}
.vitem:not(.active) img{opacity:.6;filter:saturate(.85);}
.vitem::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,70,.9),rgba(10,10,70,.25) 55%,rgba(10,10,70,.15));transition:.4s;}
.vitem.active::after{background:linear-gradient(to top,rgba(10,10,70,.86),rgba(10,10,70,.1) 60%,transparent);}
.vitem .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.55);display:grid;place-items:center;z-index:3;transition:.3s;opacity:0;}
.vitem.active .play{opacity:1;}
.vitem:hover .play{background:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.08);}
.vitem .play svg{width:24px;height:24px;fill:#fff;margin-left:3px;transition:.3s;}
.vitem:hover .play svg{fill:var(--on-accent);}
.vitem .vmeta{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;}
.vitem .vcat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);padding:5px 11px;border-radius:20px;margin-bottom:12px;opacity:0;transition:.4s .05s;}
.vitem.active .vcat{opacity:1;}
.vitem h3{color:#fff;font-size:21px;line-height:1.3;opacity:0;transform:translateY(6px);transition:.4s .08s;white-space:normal;}
.vitem.active h3{opacity:1;transform:translateY(0);}
.vitem:not(.active) h3{opacity:0;}

/* FOOTER */
/* [BEYAZIT 2026-08-17] Footer'in HEMEN ustundeki koyu CTA bandi icin.
   Sorun: band (--dark %95/%91) ile footer (%93/%86) neredeyse ayni maviydi ve
   ikisi de background-attachment:fixed idi; fotograf dokusu sinirdan gecerken
   devam ettigi icin tek blok gibi okunuyor, band footer'i yutuyordu.
   ILK DENEME (aralarina 56px bosluk + fotografi ayirmak) YETMEDI: band hala footer'la
   ayni maviydi. Band artik ACIK zemine (--soft) aliniyor; koyu footer'la arasinda
   gercek bir kontrast olusuyor. Koyu hali geri isteniyorsa bu blok silinmesi yeter.
   Bu kural .gv'den SONRA gelmeli - ayni ozgullukte kaynak sirasi kazanir. */
.pre-footer{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  color:var(--text);margin-bottom:0;}
.pre-footer::after{display:none;}                    /* nlband'in koyu zemin icin cizilmis dekoratif dairesi */
.pre-footer .eyebrow{color:var(--accent-deep);}      /* sitenin acik-zemin eyebrow dili */
.pre-footer h2{color:var(--heading);}
.pre-footer p{color:var(--text);}
.pre-footer .imgbox{box-shadow:0 18px 44px rgba(20,20,90,.12);}
.pre-footer .nlform input{background:var(--surface);border-color:var(--input-border);color:var(--text);}
.pre-footer .nlform input::placeholder{color:var(--muted);}
.pre-footer .nlnote{color:var(--muted);}

footer{color:rgba(234,234,255,.85);padding:70px 0 30px;position:relative;overflow:hidden;
  background:linear-gradient(color-mix(in srgb,var(--dark) 93%,transparent),color-mix(in srgb,var(--dark) 86%,transparent)),url('https://images.unsplash.com/photo-1561411121-c51bef2a5bf7?fm=jpg&q=72&w=1600&auto=format&fit=crop');
  background-size:cover;background-position:center;background-attachment:fixed;}
footer::before{content:"";display:none;}
footer .wrap{position:relative;z-index:1;}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px;}
/* Footer logosu ayri bir dosya (img/logo-footer.png): yazi zaten beyaz, yildiz sari.
   Eski 'filter:brightness(0) invert(1)' KALDIRILDI — sari yildizi beyaza cevirirdi. */
footer .logo-img.foot{height:50px;margin-bottom:18px;}
footer h4{color:#fff;font-family:'Inter';font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px;font-weight:600;}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;}
footer ul a{font-size:14px;color:rgba(234,234,255,.72);transition:.25s;}
footer ul a:hover{color:var(--accent-2);}
footer .contact{font-size:14px;line-height:1.8;color:rgba(234,234,255,.72);max-width:32ch;}
footer .fcontact{display:flex;flex-direction:column;gap:9px;margin-top:16px;}
footer .fcontact a{display:flex;align-items:center;gap:9px;font-size:14px;color:rgba(234,234,255,.8);}
/* [BEYAZIT 2026-08-19] Telefon + mail ikonu sari (--accent-2) yerine BEYAZ.
   Footer'daki sari vurgu logo tacinda ve link hover'inda yasamaya devam ediyor. */
footer .fcontact svg{width:16px;height:16px;fill:#fff;flex-shrink:0;}
footer .socials{display:flex;gap:10px;margin-top:18px;}
footer .socials a{width:38px;height:38px;border-radius:9px;border:1px solid rgba(234,234,255,.2);display:grid;place-items:center;transition:.3s;color:#fff;}
footer .socials a:hover{border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-2px);}
footer .socials svg{width:17px;height:17px;fill:currentColor;}
.newsletter{margin-top:14px;}
.newsletter p{font-size:13.5px;color:rgba(234,234,255,.7);margin:0 0 12px;line-height:1.6;}
.newsletter .nl-row{display:flex;gap:8px;}
.newsletter input{flex:1;padding:12px 14px;border-radius:9px;border:1px solid rgba(234,234,255,.2);background:rgba(255,255,255,.05);color:#fff;font-family:inherit;font-size:13.5px;}
.newsletter input::placeholder{color:rgba(234,234,255,.5);}
.newsletter button{background:var(--accent);color:var(--on-accent);border:none;border-radius:9px;padding:0 18px;font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer;transition:.25s;}
.newsletter button:hover{background:var(--accent-2);}
.foot-featured{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;padding-top:36px;border-top:1px solid rgba(234,234,255,.15);}
.ffeat{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid rgba(234,234,255,.16);border-radius:12px;transition:.3s;}
.ffeat:hover{border-color:var(--accent-2);background:rgba(255,255,255,.03);}
.ffeat-img{width:96px;height:76px;flex-shrink:0;border-radius:9px;overflow:hidden;}
.ffeat-img img{width:100%;height:100%;object-fit:cover;}
.ffeat h5{font-family:inherit;font-size:17px;color:#fff;margin:0 0 6px;font-weight:600;}
.ffeat p{font-size:12px;color:rgba(234,234,255,.65);margin:0;line-height:1.55;}
.footbottom{border-top:1px solid rgba(234,234,255,.15);margin-top:36px;padding-top:24px;display:flex;justify-content:space-between;font-size:12.5px;color:rgba(234,234,255,.55);flex-wrap:wrap;gap:12px;}

.consult-tab{position:fixed;right:10px;top:50%;z-index:40;width:52px;height:300px;transform:translateY(-50%) translateX(130%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--dark);border-radius:16px;box-shadow:0 14px 34px rgba(8,16,30,.32);}
.consult-tab.show{transform:translateY(-50%) translateX(0);opacity:1;}
.consult-tab:hover{transform:translateY(-50%) translateX(-3px);}
.consult-tab .tab-label{writing-mode:vertical-rl;text-orientation:mixed;color:var(--on-dark);font-size:12.5px;font-weight:600;letter-spacing:.04em;white-space:nowrap;user-select:none;}
.consult-tab .tab-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.consult-tab .tb-base{fill:none;stroke:color-mix(in srgb,var(--accent) 30%,transparent);stroke-width:2;}
.consult-tab .tb-run{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:0.1 99.9;animation:dashmove 4s linear infinite;filter:drop-shadow(0 0 4px var(--accent));}
@keyframes dashmove{to{stroke-dashoffset:-100;}}
.consult-tab:hover .tb-run{animation-duration:2s;}



.backtofilter{position:fixed;right:18px;top:50%;transform:translateY(-50%) translateX(16px);opacity:0;visibility:hidden;z-index:44;
  display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;
  writing-mode:vertical-rl;text-orientation:mixed;
  padding:26px 14px;border-radius:14px;border:none;cursor:pointer;
  background:var(--dark);color:#fff;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;
  transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1),visibility .45s,box-shadow .3s;
  box-shadow:0 14px 34px rgba(20,20,90,.34);}
.backtofilter.show{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}
.backtofilter:hover{transform:translateY(-50%) translateX(-4px);box-shadow:0 18px 42px rgba(20,20,90,.42);}
.backtofilter span{position:relative;z-index:2;}
.backtofilter svg{width:18px;height:18px;fill:var(--accent);position:relative;z-index:2;transition:.35s;}
.backtofilter:hover svg{transform:translateY(-4px);}
.backtofilter::before{content:"";position:absolute;inset:-3px;border-radius:17px;padding:2px;
  background:conic-gradient(from var(--ba),transparent 0deg,transparent 322deg,var(--accent) 340deg,#fff4d0 348deg,var(--accent) 356deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:spinborder 3.5s linear infinite;pointer-events:none;}

/* MOBİL ALT NAVİGASYON (app tarzı) */
.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:48;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border);box-shadow:0 -6px 24px rgba(20,20,90,.1);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));}
.bottom-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:12px;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.01em;transition:.22s;position:relative;}
.bottom-nav a svg{width:23px;height:23px;fill:currentColor;transition:.22s;}
.bottom-nav a.bn-cta{color:var(--on-accent);}
.bottom-nav a.bn-cta .bn-ic{background:var(--accent);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-top:-22px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 55%,transparent);border:3px solid var(--surface);}
.bottom-nav a.bn-cta .bn-ic svg{width:22px;height:22px;fill:var(--on-accent);}
.bottom-nav a:active{transform:scale(.92);}
.bottom-nav a:not(.bn-cta):hover,.bottom-nav a.active{color:var(--dark);}

@media(max-width:1000px){
  .menu-btn{display:grid;}
  .hicon{display:none;}
  header .header-right .btn-contact{display:none;}
  nav{display:none;position:absolute;top:100%;left:0;right:0;margin-left:0;background:var(--surface);flex-direction:column;padding:8px 24px 16px;border-bottom:1px solid var(--border);box-shadow:0 16px 34px rgba(20,20,90,.12);gap:0;align-items:stretch;}
  nav.open{display:flex;}
  nav > a,nav .dd > .dd-trigger{padding:14px 2px;border-bottom:1px solid var(--border);font-size:15px;width:100%;justify-content:space-between;}
  nav > a:last-child,nav .dd:last-child .dd-trigger{border-bottom:none;}
  nav > a::after,nav .dd > .dd-trigger::after{display:none;}
  nav .dd{width:100%;}
  nav .dd-menu{position:static;opacity:0;visibility:hidden;height:0;overflow:hidden;transform:none;box-shadow:none;border:none;padding:0;min-width:0;background:transparent;transition:.25s;}
  nav .dd.dd-open .dd-menu{opacity:1;visibility:visible;height:auto;padding:4px 0 10px 14px;}
  nav .dd-menu::before{display:none;}
  nav .dd:hover > .dd-trigger svg{transform:none;}
  nav .dd.dd-open > .dd-trigger svg{transform:rotate(180deg);}
  nav .dd-mega-menu{min-width:0;grid-template-columns:minmax(0,1fr);gap:0;}
  nav .ddgroup + .ddgroup{border-left:none;padding-left:0;margin-top:12px;}
  nav .ddgroup h5{padding:0 12px 0 0;}
  /* Mobil alt navigasyon aktif */
  .bottom-nav{display:block;}
  body{padding-bottom:72px;}
  .backtofilter{top:auto;bottom:92px;transform:translateY(0) translateX(16px);}
  .backtofilter.show{transform:translateY(0) translateX(0);}
  .backtofilter:hover{transform:translateY(0) translateX(-4px);}
  .consult-tab{display:none;}
  .hero .wrap{grid-template-columns:1fr;}
  .gv .wrap:first-child{grid-template-columns:1fr;}
  .cta-form .wrap{grid-template-columns:1fr;}
  .proj-grid,.blog-grid{grid-template-columns:repeat(2,1fr);}
  .citem{flex:0 0 42%;padding:6px 22px;}
  .citem .city-body{min-height:104px;}
  .why-grid{grid-template-columns:repeat(2,1fr);gap:36px 0;}
  .whycard{padding:0 22px;}
  .whycard:nth-child(3)::before{display:none;}
  .whycard h3{min-height:auto;}
  .gvc-grid{grid-template-columns:repeat(2,1fr);}
  .gv-programs-head{display:block;}
  .gv-programs-head p{margin-top:6px;}
  .about .wrap{grid-template-columns:1fr;gap:48px;}
  .about-visual{padding:0 40px 40px 0;max-width:480px;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .stats .wrap{grid-template-columns:repeat(2,1fr);gap:32px 24px;}
  .stat + .stat::before{display:none;}
  .footbottom{justify-content:center;text-align:center;}
  footer .cols{grid-template-columns:1fr 1fr;}
  .fs-card{max-width:320px;padding:22px;}
  .foot-featured{grid-template-columns:1fr;}
  .video-exp{height:auto;flex-direction:column;}
  .vitem,.vitem.active{flex:none;height:260px;min-height:260px;}
  .vitem:not(.active) img{opacity:.92;filter:none;}
  .vitem::after,.vitem.active::after{background:linear-gradient(to top,rgba(10,10,70,.86),rgba(10,10,70,.1) 60%,transparent);}
  .vitem .play,.vitem .vcat,.vitem h3,.vitem.active h3{opacity:1;transform:none;}
  .vitem:not(.active) h3{opacity:1;}
}
@media(max-width:640px){
  .wrap{padding:0 18px;}
  .topbar .wrap{flex-direction:column;gap:0;padding:0;}
  .topbar span{text-align:center;padding:9px 18px;width:100%;}
  .topbar a.link{width:100%;justify-content:center;padding:10px 18px;border-top:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);}
  .cs-country{padding:8px 15px 8px 8px;font-size:13.5px;}
  .section{padding:56px 0;}
  header .wrap{gap:12px;padding:11px 18px;}
  .logo-img{height:38px;}
  .header-right{gap:10px;}
  .header-right .phone{display:none;}
  .btn{padding:12px 20px;font-size:14px;}
  .hero{min-height:auto;}
  .hero .wrap{padding:44px 18px 48px;gap:34px;}
  .hero h1{font-size:31px;}
  .hero p{font-size:15.5px;}
  .hero-filter{padding:20px;}
  .proj-grid,.blog-grid,.team-grid{grid-template-columns:1fr;}
  .citem{flex:0 0 78%;min-width:0;padding:6px 20px 0 0;}
  .citem::before{display:none;}
  .citem .cflag{width:58px;height:58px;margin-bottom:16px;}
  .citem .city-body{min-height:0;opacity:1;transform:none;pointer-events:auto;margin-bottom:16px;}
  .cities-nav{justify-content:center;}
  .why-grid{grid-template-columns:1fr;gap:30px 0;}
  .whycard{padding:0;}
  .whycard::before,.whycard + .whycard::before{display:none!important;}
  .whycard{border-bottom:1px solid var(--border);padding-bottom:26px;}
  .whycard:last-child{border-bottom:none;}
  .whycard .why-body{min-height:0;opacity:1;transform:none;pointer-events:auto;margin-bottom:16px;}
  .whycard h3{min-height:0;}
  .whycard .why-toggle{display:none;}
  .gvc-grid{grid-template-columns:1fr;}
  .about-visual{padding:0 28px 28px 0;}
  .about-visual .exp-badge{left:-8px;padding:14px 16px;}
  .about-visual .exp-badge b{font-size:28px;}
  .about-stats{gap:10px;}
  .about-stat{padding:14px 10px;}
  .about-stat b{font-size:21px;}
  .stats .wrap{grid-template-columns:repeat(2,1fr);padding:34px 18px;gap:26px 20px;}
  .stat .num{font-size:34px;}
  .head-row{gap:14px;}
  footer{padding:56px 0 28px;background-attachment:scroll;}
  .gv{background-attachment:scroll;}
  footer .cols{grid-template-columns:1fr 1fr;gap:28px 24px;}
  footer .cols > div:first-child{grid-column:1 / -1;}
  footer .cols > div:last-child{grid-column:1 / -1;}
  .newsletter .nl-row{flex-direction:column;}
  .newsletter input{margin-bottom:9px;}
  .newsletter button{padding:12px;}
  .ffeat{gap:14px;}
  .cta-form .wrap{padding:28px 20px;gap:26px;}
  .cta-form .form-fields{grid-template-columns:1fr;gap:14px;}
  .cta-form .quote{padding:26px;}
  .backtofilter{font-size:12.5px;padding:20px 11px;right:14px;}
}
@media(max-width:400px){
  .hero h1{font-size:27px;}
  .topbar .wrap{font-size:12px;gap:10px;}
}
@media(prefers-reduced-motion:reduce){.tb-run{animation:none;}.hero-filter::before,.backtofilter::before,.glow-btn::before{animation:none;}html{scroll-behavior:auto;}}


/* ============================================================================
   [BEYAZIT 2026-09-03] SAYFALAR ARASI TEKRAR EDEN CSS BURAYA TASINDI
   Gerekce: ayni kural 2+ sayfada birebir tekrar ediyordu -> her degisiklik N
   dosya demekti. Asagidaki kurallar 21 sayfadan cekildi, govdeleri BIREBIR ayni
   oldugu icin gorsel sonuc degismez (computed-style diff ile dogrulandi).
   Sayfaya OZGU kurallar sayfada kaldi -- yazilimci o sayfanin context'ini
   yaninda gormeye devam eder (2026-07-24 handoff karari korunuyor).
   BIRLESTIRILDI (surulklenme): .crumb -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .crumb a -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .crumb a:hover -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .crumb b -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .crumb svg -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .faq-list -> tek kanonik govde
   ========================================================================== */
.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.62);margin-bottom:18px;;flex-wrap:wrap}
.crumb a{color:rgba(255,255,255,.62);transition:.25s;}
.crumb a:hover{color:var(--accent-2);}
.crumb svg{width:13px;height:13px;fill:currentColor;opacity:.6;}
.crumb b{color:#fff;font-weight:600;}
.pagehero h1 em{font-style:normal;color:var(--accent-2);}
.gv-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16);}
.gvkey{position:relative;padding:26px 24px 30px;}
.gvkey + .gvkey::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:rgba(255,255,255,.16);}
.gvkey b{display:block;font-size:clamp(24px,2.6vw,32px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1;margin-bottom:6px;}
.gvkey b span{color:var(--accent-2);}
.gvkey small{font-size:13px;color:rgba(255,255,255,.66);line-height:1.5;display:block;}
.explain .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:start;}
.explain p{font-size:16px;color:var(--muted);line-height:1.85;margin:0 0 18px;}
.explain p b{color:var(--heading);}
.factbox{background:var(--soft);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:30px;}
.factbox h4{font-size:16px;margin:0 0 20px;display:flex;align-items:center;gap:9px;}
.factbox h4 svg{width:18px;height:18px;fill:var(--accent-deep);}
.factlist{list-style:none;padding:0;margin:0;display:grid;gap:14px;}
.factlist li{display:flex;justify-content:space-between;gap:16px;font-size:14.5px;padding-bottom:14px;border-bottom:1px dashed var(--border);}
.factlist li:last-child{border-bottom:none;padding-bottom:0;}
.factlist li span{color:var(--muted);flex-shrink:0;}
.factlist li b{color:var(--heading);font-weight:600;text-align:right;}
.ctable{margin-top:44px;border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);overflow:hidden;background:var(--surface);}
.ctable-scroll{overflow-x:auto;scrollbar-width:thin;}
.ctable table{width:100%;border-collapse:collapse;min-width:720px;}
.ctable th,.ctable td{text-align:left;padding:18px 22px;font-size:14.5px;border-bottom:1px solid var(--border);vertical-align:middle;}
.ctable thead th{background:var(--soft);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);font-weight:700;white-space:nowrap;}
.ctable tbody tr:last-child td{border-bottom:none;}
.ctable tbody tr{transition:.25s;}
.ctable tbody tr:hover{background:var(--soft);}
.ctable .cflag{display:inline-flex;align-items:center;gap:11px;font-weight:700;color:var(--heading);font-size:15px;white-space:nowrap;}
.ctable .cflag span{width:26px;height:26px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--border);flex-shrink:0;}
.ctable .cflag span svg{width:100%;height:100%;display:block;transform:scale(1.35);}
.ctable .amount{font-weight:700;color:var(--heading);white-space:nowrap;}
.ctable .yes{color:#1a8a54;font-weight:600;}
.ctable .no{color:var(--muted);}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;}
.tier .tag{position:absolute;top:-11px;left:28px;background:var(--accent);color:var(--on-accent);font-size:11.5px; font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:20px;}
.tier .amt{font-size:clamp(26px,2.8vw,34px);font-weight:800;color:var(--heading);letter-spacing:-.02em;margin-bottom:6px;}
.tier .amt small{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0;}
.tier h3{font-size:17px;margin:0 0 12px;line-height:1.3;}
.tier p{font-size:14.5px;color:var(--muted);line-height:1.7;margin:0;}
.gsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 0;margin-top:48px;}
.gstep{position:relative;padding:0 30px 34px;}
.gstep::before{content:"";position:absolute;left:0;top:4px;bottom:34px;width:1px;background:var(--border);}
.gstep:nth-child(3n+1)::before{display:none;}
.gstep .gn{width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--accent-deep); display:grid;place-items:center;font-weight:800;font-size:14px;margin-bottom:18px;transition:.3s;}
.gstep:hover .gn{background:var(--accent);color:var(--on-accent);transform:translateY(-3px);}
.gstep h3{font-size:17.5px;margin:0 0 9px;line-height:1.3;}
.gstep p{font-size:14.5px;color:var(--muted);line-height:1.7;margin:0;}
.gstep .gt{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.06em; text-transform:uppercase;color:var(--accent-deep);background:var(--soft);padding:4px 11px;border-radius:20px;}
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 40px;margin-top:38px;max-width:900px;}
.doc{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text);padding:12px 0;border-bottom:1px solid var(--border);}
.doc svg{width:20px;height:20px;fill:var(--accent-deep);flex-shrink:0;margin-top:1px;}
.faq-list{display:grid;gap:12px;margin-top:38px;max-width:900px;}
.faq{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;transition:.28s;}
.faq[open]{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 10px 28px rgba(20,20,90,.08);}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between; gap:18px;font-size:16.5px;font-weight:600;color:var(--heading);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .fi{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center; flex-shrink:0;color:var(--accent-deep);transition:.3s;}
.faq summary .fi svg{width:16px;height:16px;fill:currentColor;transition:.3s;}
.faq[open] summary .fi{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
.faq[open] summary .fi svg{transform:rotate(45deg);}
.faq .fa{padding:0 24px 22px;font-size:15px;color:var(--muted);line-height:1.75;max-width:76ch;}
.wcard2{border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px;background:var(--surface);transition:.3s;}
.wcard2:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(20,20,90,.11);border-color:var(--accent);}
.wcard2 .wn{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent-deep);margin-bottom:14px;display:block;}
.wcard2 h3{font-size:17.5px;margin:0 0 9px;line-height:1.3;}
.wcard2 p{font-size:14.5px;color:var(--muted);line-height:1.7;margin:0;}
.chead{display:flex;align-items:center;gap:18px;margin-bottom:18px;}
.pagehero p.lead2{color:rgba(255,255,255,.84);font-size:16.5px;max-width:60ch;margin:0 0 34px;line-height:1.75;}
.ckeys{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);}
.ckey{position:relative;padding:24px 22px 28px;}
.ckey + .ckey::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:rgba(255,255,255,.16);}
.ckey b{display:block;font-size:clamp(21px,2.3vw,29px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1;margin-bottom:6px;}
.ckey b span{color:var(--accent-2);}
.ckey small{font-size:13px;color:rgba(255,255,255,.66);line-height:1.5;display:block;}
.rcard2{position:relative;border-radius:var(--radius);overflow:hidden;height:290px;display:flex; align-items:flex-end;transition:.35s;background:var(--soft);}
.rcard2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s;z-index:0;}
.rcard2::after{content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(transparent 30%,rgba(8,14,32,.88));transition:.4s;}
.rcard2:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(20,20,90,.18);}
.rcard2:hover img{transform:scale(1.08);}
.rin{position:relative;z-index:2;padding:26px;width:100%;}
.rin .rtag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.08em; text-transform:uppercase;color:var(--accent-2);margin-bottom:10px;}
.rin .rtag svg{width:14px;height:14px;fill:currentColor;}
.rin h3{color:#fff;font-size:21px;margin:0 0 8px;}
.rin p{color:rgba(255,255,255,.8);font-size:14px;line-height:1.65;margin:0 0 14px; max-height:0;opacity:0;overflow:hidden;transition:.45s cubic-bezier(.22,.8,.2,1);}
.rcard2:hover .rin p{max-height:120px;opacity:1;}
.rmeta{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.7);}
.rmeta b{color:var(--accent-2);font-weight:700;}
.psteps::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px; background:linear-gradient(90deg,var(--accent),var(--border));}
.pstep p{font-size:14px;color:var(--muted);line-height:1.65;margin:0;}
.taxwrap{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);overflow:hidden; background:var(--surface);margin-top:40px;}
.taxscroll{overflow-x:auto;}
.taxwrap table{width:100%;border-collapse:collapse;min-width:600px;}
.taxwrap th,.taxwrap td{text-align:left;padding:17px 22px;font-size:14.5px;border-bottom:1px solid var(--border);vertical-align:top;}
.taxwrap thead th{background:var(--soft);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase; color:var(--accent-deep);font-weight:700;white-space:nowrap;}
.taxwrap tbody tr:last-child td{border-bottom:none;}
.taxwrap tbody tr:hover{background:var(--soft);}
.taxwrap td b{color:var(--heading);}
.taxwrap .tr-rate{font-weight:700;color:var(--heading);white-space:nowrap;}
.calcbanner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap; margin-top:22px;padding:24px 28px;border-radius:var(--radius);background:var(--dark);color:var(--on-dark); position:relative;overflow:hidden;}
.calcbanner::after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%);}
.calcbanner > *{position:relative;z-index:1;}
.calcbanner b{display:block;color:#fff;font-size:17px;margin-bottom:5px;}
.calcbanner p{color:rgba(255,255,255,.72);font-size:14px;margin:0;}
.visabox{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;margin-top:44px; background:var(--soft);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:40px;}
.visabox h3{font-size:clamp(21px,2.4vw,28px);margin:0 0 14px;}
.visabox p{font-size:15.5px;color:var(--muted);line-height:1.8;margin:0 0 22px;}
.vlist{list-style:none;padding:0;margin:0;display:grid;gap:13px;}
.vlist li{display:flex;gap:11px;font-size:15px;color:var(--text);line-height:1.6;}
.vlist li svg{width:18px;height:18px;fill:var(--accent-deep);flex-shrink:0;margin-top:3px;}
.wcard2 .pmeta{display:block;margin-top:16px;padding-top:14px;border-top:1px solid var(--border); font-size:14.5px;font-weight:700;color:var(--heading);}
.pmeta .pm{display:inline-flex;align-items:center;gap:8px;}
.pmeta .pm svg{width:16px;height:16px;fill:var(--accent-2);}
.pmeta .pavatar{width:36px;height:36px;border-radius:50%;object-fit:cover;}
.pcat{display:inline-block;background:var(--accent);color:var(--on-accent);font-size:11.5px;font-weight:700; letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:20px;margin-bottom:20px;}
.catbar{background:var(--surface);border-bottom:1px solid var(--border);}
.catbar .wrap{display:flex;align-items:center;gap:10px;padding:18px 28px;overflow-x:auto;scrollbar-width:none;}
.catbar .wrap::-webkit-scrollbar{display:none;}
.catbtn{padding:10px 18px;border-radius:22px;border:1px solid var(--border);background:var(--surface);cursor:pointer; font-family:inherit;font-size:14px;font-weight:600;color:var(--heading);white-space:nowrap;transition:.26s;flex-shrink:0;}
.catbtn:hover{border-color:var(--accent);color:var(--accent-deep);}
.catbtn.on{background:var(--dark);border-color:var(--dark);color:#fff;}
.feat{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border:1px solid var(--border); border-radius:calc(var(--radius) + 6px);overflow:hidden;background:var(--surface);transition:.32s;}
.feat:hover{box-shadow:0 22px 50px rgba(20,20,90,.12);border-color:color-mix(in srgb,var(--accent) 45%,transparent);}
.feat .fimg{height:100%;min-height:340px;overflow:hidden;background:var(--soft);}
.feat .fimg img{width:100%;height:100%;object-fit:cover;transition:.6s;}
.feat:hover .fimg img{transform:scale(1.05);}
.feat .fbody{padding:42px;display:flex;flex-direction:column;justify-content:center;}
.feat .ftag{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.1em; text-transform:uppercase;color:var(--accent-deep);margin-bottom:16px;}
.feat .ftag::before{content:"";width:24px;height:1px;background:var(--accent);}
.feat h2{font-size:clamp(23px,2.7vw,32px);line-height:1.22;margin:0 0 14px;}
.feat p{font-size:15.5px;color:var(--muted);line-height:1.75;margin:0 0 22px;}
.feat .fmeta{display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--muted);}
.feat .fmeta img{width:34px;height:34px;border-radius:50%;object-fit:cover;}
.feat .fmeta b{color:var(--heading);font-weight:600;}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;}
.post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden; display:flex;flex-direction:column;transition:.32s;}
.post:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(20,20,90,.12);border-color:color-mix(in srgb,var(--accent) 45%,transparent);}
.post.hide{display:none;}
.post .pph{height:210px;overflow:hidden;background:var(--soft);position:relative;}
.post .pph img{width:100%;height:100%;object-fit:cover;transition:.6s;}
.post:hover .pph img{transform:scale(1.06);}
.post .pcatlbl{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);color:var(--dark); font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:20px;}
.post .pbody{padding:24px;display:flex;flex-direction:column;flex:1;}
.post h3{font-size:19px;line-height:1.32;margin:0 0 11px;}
.post p{font-size:14.5px;color:var(--muted);line-height:1.7;margin:0 0 18px;}
.post .pfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto; padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);}
.post .pread{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--accent-deep);transition:.28s;}
.post .pread svg{width:15px;height:15px;fill:currentColor;transition:.28s;}
.post:hover .pread{gap:11px;}
.nlband{background:var(--dark);color:var(--on-dark);position:relative;overflow:hidden;}
.nlband::after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);}
.nlband .wrap{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center;padding:56px 28px;position:relative;z-index:1;}
.nlband .eyebrow{color:var(--accent-2);}
.nlband h2{color:#fff;font-size:clamp(24px,2.9vw,34px);margin-bottom:12px;}
.nlband p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.7;margin:0;}
.nlform{display:flex;gap:10px;flex-wrap:wrap;}
.nlform input{flex:1;min-width:200px;padding:15px 18px;border:1px solid rgba(255,255,255,.22);border-radius:11px; background:rgba(255,255,255,.08);color:#fff;font-family:inherit;font-size:15px;transition:.25s;}
.nlform input::placeholder{color:rgba(255,255,255,.5);}
.nlform input:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.13);}
.nlnote{font-size:12.5px;color:rgba(255,255,255,.55);margin-top:14px;}
.empty.on{display:block;}
.pagehero .updated{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:13px; color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:20px;}
.legalwrap .wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:52px;align-items:start;}
.legalwrap .wrap > *{min-width:0;}
.ltoc{position:sticky;top:88px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
.ltoc h4{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 14px;}
.ltoc ol{list-style:none;padding:0;margin:0;counter-reset:l;display:grid;gap:1px;}
.ltoc li{counter-increment:l;}
.ltoc a{display:flex;gap:10px;padding:9px 0;font-size:14px;color:var(--muted);line-height:1.45;transition:.25s; border-bottom:1px solid var(--border);}
.ltoc li:last-child a{border-bottom:none;}
.ltoc a::before{content:counter(l) ".";font-size:12px;font-weight:700;color:var(--accent-deep);flex-shrink:0;margin-top:2px;}
.ltoc a:hover,.ltoc a.on{color:var(--heading);}
.ltoc.lnav ul{list-style:none;padding:0;margin:0;display:grid;gap:1px;}
.ltoc.lnav a,.ltoc.lnav .on{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0; font-size:14px;color:var(--muted);line-height:1.5;transition:.25s;border-bottom:1px solid var(--border);}
.ltoc.lnav li:last-child a,.ltoc.lnav li:last-child .on{border-bottom:none;}
.ltoc.lnav a::before{content:none;}
.ltoc.lnav a::after,.ltoc.lnav .on::after{content:"";width:6px;height:6px;flex-shrink:0;background:var(--border);transition:.25s;}
.ltoc.lnav a:hover{color:var(--heading);}
.ltoc.lnav a:hover::after{background:var(--accent-deep);}
.ltoc.lnav .on{color:var(--heading);font-weight:600;}
.ltoc.lnav .on::after{background:var(--accent);}
.legal h2{font-size:clamp(20px,2.2vw,25px);margin:0 0 16px;scroll-margin-top:90px;}
.legal section{margin-bottom:46px;}
.legal section:last-child{margin-bottom:0;}
.legal p{font-size:15.5px;color:var(--muted);line-height:1.85;margin:0 0 16px;}
.legal p b{color:var(--heading);}
.legal ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:11px;}
.legal ul li{display:flex;gap:11px;font-size:15px;color:var(--muted);line-height:1.75;}
.legal ul li svg{width:18px;height:18px;fill:var(--accent-deep);flex-shrink:0;margin-top:4px;}
.legal ul li b{color:var(--heading);}
.legal table{width:100%;border-collapse:collapse;margin:6px 0 22px;font-size:14.5px;}
.legal table th,.legal table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:top;}
.legal table th{background:var(--soft);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase; color:var(--accent-deep);font-weight:700;white-space:nowrap;}
.legal table td b{color:var(--heading);}
.warnbox{display:flex;gap:16px;padding:22px 24px;border:1px solid var(--accent);border-radius:var(--radius); background:color-mix(in srgb,var(--accent) 10%,var(--surface));margin-bottom:38px;}
.warnbox svg{width:22px;height:22px;fill:var(--accent-deep);flex-shrink:0;margin-top:2px;}
.warnbox b{display:block;font-size:15px;color:var(--heading);margin-bottom:5px;}
.warnbox p{font-size:14px;color:var(--muted);line-height:1.7;margin:0;}
.contactcard{display:flex;gap:16px;align-items:flex-start;padding:26px;background:var(--soft); border:1px solid var(--border);border-radius:var(--radius);}
.contactcard svg{width:22px;height:22px;fill:var(--accent-deep);flex-shrink:0;margin-top:3px;}
.contactcard b{display:block;font-size:15.5px;color:var(--heading);margin-bottom:8px;}
.contactcard p{font-size:14.5px;margin:0 0 4px;line-height:1.7;}
.contactcard a{color:var(--accent-deep);font-weight:600;}
.rdr{max-width:640px;margin:0 auto;padding:120px 24px;text-align:center;}
.rdr h1{font-size:clamp(22px,3vw,30px);margin:0 0 12px;}
.rdr p{color:var(--muted);font-size:15px;margin:0 0 26px;}
@media(max-width:1000px){
  .gv-keys{grid-template-columns:repeat(2,1fr);}
  .gvkey:nth-child(3)::before{display:none;}
  .gvkey:nth-child(3),.gvkey:nth-child(4){border-top:1px solid rgba(255,255,255,.16);}
  .explain .wrap{grid-template-columns:1fr;gap:34px;}
  .tiers{grid-template-columns:1fr;}
  .gsteps{grid-template-columns:repeat(2,1fr);}
  .gstep:nth-child(3n+1)::before{display:block;}
  .gstep:nth-child(2n+1)::before{display:none;}
  .gstep{padding:0 22px 30px;}
  .docs{grid-template-columns:1fr;gap:0 0;}
  .ckeys{grid-template-columns:repeat(2,1fr);}
  .ckey:nth-child(3)::before{display:none;}
  .ckey:nth-child(3),.ckey:nth-child(4){border-top:1px solid rgba(255,255,255,.16);}
  .psteps::before{display:none;}
  .visabox{grid-template-columns:1fr;gap:28px;padding:30px;}
  .feat{grid-template-columns:1fr;}
  .feat .fimg{min-height:240px;}
  .feat .fbody{padding:30px;}
  .post-grid{grid-template-columns:repeat(2,1fr);}
  .nlband .wrap{grid-template-columns:1fr;gap:26px;}
  .legalwrap .wrap{grid-template-columns:minmax(0,1fr);gap:32px;}
  .ltoc{position:static;}
}
@media(max-width:700px){
  .gv-keys{grid-template-columns:1fr;}
  .gvkey{padding:20px 0;border-top:1px solid rgba(255,255,255,.16);}
  .gvkey:first-child{border-top:none;}
  .gvkey + .gvkey::before{display:none;}
  .gsteps{grid-template-columns:1fr;}
  .gstep{padding:0 0 26px;}
  .gstep::before{display:none!important;}
  .factbox{padding:24px 20px;}
  .ctable th,.ctable td{padding:14px 16px;font-size:14px;}
  .faq summary{padding:16px 18px;font-size:15px;}
  .faq .fa{padding:0 18px 18px;font-size:14.5px;}
  .chead{gap:14px;}
  .ckeys{grid-template-columns:1fr;}
  .ckey{padding:20px 0;border-top:1px solid rgba(255,255,255,.16);}
  .ckey:first-child{border-top:none;}
  .ckey + .ckey::before{display:none;}
  .rcard2{height:230px;}
  .rin p{max-height:120px;opacity:1;}
  .visabox{padding:24px 20px;}
  .taxwrap th,.taxwrap td{padding:14px 16px;}
  .calcbanner{padding:22px;}
  .calcbanner .btn{width:100%;justify-content:center;}
  .catbar .wrap{padding:14px 20px;}
  .feat .fbody{padding:24px 20px;}
  .post-grid{grid-template-columns:1fr;}
  .nlband .wrap{padding:40px 20px;}
  .nlform{flex-direction:column;}
  .nlform .btn{width:100%;justify-content:center;}
  .ltoc{padding:20px;}
  .legal table{display:block;overflow-x:auto;white-space:nowrap;}
  .warnbox,.contactcard{flex-direction:column;gap:12px;padding:20px;}
}


/* ============================================================================
   [BEYAZIT 2026-09-03] SAYFALAR ARASI TEKRAR EDEN CSS BURAYA TASINDI
   Gerekce: ayni kural 2+ sayfada birebir tekrar ediyordu -> her degisiklik N
   dosya demekti. Asagidaki kurallar 21 sayfadan cekildi, govdeleri BIREBIR ayni
   oldugu icin gorsel sonuc degismez (computed-style diff ile dogrulandi).
   Sayfaya OZGU kurallar sayfada kaldi -- yazilimci o sayfanin context'ini
   yaninda gormeye devam eder (2026-07-24 handoff karari korunuyor).
   BIRLESTIRILDI (surulklenme): .pagehero -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .pagehero .wrap -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .pagehero h1 -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .pagehero p -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .pagehero::after -> tek kanonik govde
   BIRLESTIRILDI (surulklenme): .pagehero .wrap -> tek kanonik govde
   ========================================================================== */
.pagehero{position:relative;color:#fff;overflow:hidden; background:linear-gradient(color-mix(in srgb,var(--dark) 90%,transparent),color-mix(in srgb,var(--dark) 84%,transparent)),url('https://nadlanstar.com/img/ellinikon-park.webp'); background-size:cover;background-position:center;}
.pagehero::after{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(620px 340px at 12% -10%, color-mix(in srgb,var(--accent) 20%,transparent), transparent 70%);}
.pagehero .wrap{position:relative;z-index:1;padding:52px 28px 58px;}
.pagehero h1{color:#fff;font-size:clamp(30px,4.2vw,50px);margin:0;line-height:1.1;}
@media(max-width:700px){
  .pagehero .wrap{padding:36px 20px 42px;}
}


/* ============================================================================
   [BEYAZIT 2026-09-04] GERCEK <form> ALTYAPISINA GECIS — IKI NOTR DUZELTME
   1) Gonder butonlari <a class="btn"> iken <button class="btn"> oldu.
      <a> gövdenin line-height'ini (1.65) miras alir, <button> UA'dan 'normal'
      alir -> buton 5px kisaliyordu. Olculdu: 5 sayfada -5px. Miras geri veriliyor.
   2) Form kapsayicilari <div> iken <form> oldu; UA <form>'a margin-block-end:1em
      verir -> her formun altinda 16px fazla bosluk. Sifirlanir.
   Ikisi de GORSEL DEGISIKLIK DEGIL, oncesiyle ayni sonucu geri getirir. */
button.btn{line-height:inherit;}
form{margin:0;}


/* === Tasarim karari: kesin koseler — tum ogelerde radius 0 === */
*,*::before,*::after{border-radius:0 !important;}

/* ============================================================================
   [BEYAZIT 2026-08-27] YATAY KAYDIRMANIN KAPATILMASI (site geneli)
   Yukaridaki .btn-contact tam-genislik hilesi klasik kaydirma cubuklu sistemlerde 7px tasiyordu.
   `clip` SECILDI, `hidden` DEGIL: `hidden` bir kaydirma baglami yaratir ve projedeki butun
   position:sticky ogeleri (header, #projeler .filterbar, #satilik .frail-in) BOZAR.
   `clip` kaydirma baglami yaratmaz -> sticky calismaya devam eder, position:fixed ogeler
   (mobil alt navigasyon, .backtofilter) etkilenmez. Dordu de olculerek dogrulandi.
   Dikey kaydirma bilerek serbest birakildi (overflow-y verilmedi). */
/* OLCULDU (1300px viewport, klasik cubuk simulasyonu, index.html):
     html{overflow-x:clip}       -> hala 7,5px kaydi (Chrome kok ogede tek basina yetmiyor)
     body{overflow-x:clip}       -> hala 7,5px kaydi (tek basina yetmiyor)
     html,body{overflow-x:clip}  -> 0                <-- SECILEN
   NOT: Ilk turda "body tek basina yeterli" olcumu ALINDI ama YANILTICIYDI — o sirada base.css'te
   html{overflow-x:clip} hala duruyordu, yani olculen sey aslinda html+body idi. Yeniden olculdu.
   Ikisi birlikte secildi: site genelinde her turlu 1-2px tasmayi kapatir, ic kaydirma kapsayicilarini
   (.ctable-scroll gibi kendi overflow-x:auto'su olanlar) ETKILEMEZ; sticky calismaya devam eder. */
html,body{overflow-x:clip;}