/* green.engineer — site.css (üçüncü taraf kaynak yok, web fontu yok) */
:root{
  --g:#00803E; --g2:#006732; --g3:#E6F6EE; --g4:#C7EBD9; --on-g:#FFFFFF;
  --ink:#13201A; --mute:#4A5A52; --bg:#F6F8F5; --card:#FFFFFF; --line:#DCE6E0;
  --radius:18px; --max:1120px;
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--ink:#E8F1EC;--mute:#A9BDB2;--bg:#0C1511;--card:#111D17;--line:#21342A;--g3:#12261C;--g4:#1B3A2A;--g:#2BB56F;--g2:#00A651;--on-g:#0C1511}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
img,svg{max-width:100%;display:block}
a{color:var(--g)}
a:focus-visible,button:focus-visible{outline:3px solid var(--g);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px;top:8px;background:var(--g);color:var(--on-g);padding:8px 14px;border-radius:8px;z-index:50}
.skip:focus{left:12px}

/* üst şerit */
header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:-.02em;font-size:19px}
.brand svg{width:36px;height:36px;flex:0 0 auto}
.brand .dot{color:#F36944}  /* 16.09: marka paketiyle eşitlendi — nokta TSD turuncusu (logotip, gövde metni değil) */
nav.main{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
nav.main a{color:var(--mute);text-decoration:none;padding:8px 11px;border-radius:10px;font-size:15px}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--ink);background:var(--g3)}
nav.main a.lang{border:1px solid var(--line);font-weight:600}
@media (max-width:760px){.top .wrap{flex-wrap:wrap;gap:4px 12px;padding-top:8px;padding-bottom:6px}nav.main{width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}nav.main a{white-space:nowrap;font-size:14px;padding:7px 10px}nav.main a.lang{margin-left:auto}}

/* hero */
.hero{position:relative;overflow:hidden;padding:84px 0 72px;isolation:isolate}
.hero .kontur{position:absolute;inset:-10% -5% auto -5%;height:130%;z-index:-1;opacity:.55;color:var(--g4)}
.hero .kontur path{fill:none;stroke:currentColor;stroke-width:1.2;stroke-dasharray:9 7;animation:akis 38s linear infinite}
.hero .kontur path:nth-child(2n){animation-duration:52s;animation-direction:reverse}
.hero .kontur path:nth-child(3n){stroke-dasharray:3 9;animation-duration:64s}
@keyframes akis{to{stroke-dashoffset:-800}}
.hero .grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
@media (max-width:860px){.hero .grid{grid-template-columns:1fr}.hero .isaret{order:-1;max-width:200px}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--g);background:var(--g3);padding:6px 12px;border-radius:999px}
h1{font-size:clamp(34px,5.2vw,62px);line-height:1.06;letter-spacing:-.035em;margin:18px 0 18px;font-weight:800}
h1 .vurgu{color:var(--g)}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--mute);max-width:40em}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:12px;border:1.5px solid var(--g);transition:transform .2s,background .2s,color .2s}
.btn.dolu{background:var(--g);color:var(--on-g)}
.btn.bos{color:var(--g);background:transparent}
.btn:hover{transform:translateY(-2px)}
.isaret{position:relative;justify-self:center;width:100%;max-width:300px}
.isaret svg{width:100%;height:auto;transform-origin:50% 90%;animation:yuksel 1.4s cubic-bezier(.2,.8,.2,1) both, nefes 7s ease-in-out 1.4s infinite}
.isaret::after{content:"";position:absolute;left:10%;right:10%;bottom:6%;height:14px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--g) 30%,transparent),transparent);animation:golge 7s ease-in-out 1.4s infinite}
@keyframes yuksel{from{opacity:0;transform:translateY(40px) scale(.86)}to{opacity:1;transform:none}}
@keyframes nefes{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes golge{0%,100%{opacity:.9;transform:scaleX(1)}50%{opacity:.55;transform:scaleX(.9)}}
.durum{display:flex;align-items:flex-start;gap:12px;margin-top:30px;padding:14px 16px;border:1px dashed var(--g4);border-radius:14px;background:color-mix(in srgb,var(--card) 70%,transparent);font-size:15px;color:var(--mute);max-width:40em}
.nabiz{flex:none;width:12px;height:12px;margin-top:6px;border-radius:50%;background:#C9D3CD;box-shadow:0 0 0 0 rgba(0,166,81,.45);animation:nabiz 2.4s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(0,166,81,.40)}70%{box-shadow:0 0 0 12px rgba(0,166,81,0)}100%{box-shadow:0 0 0 0 rgba(0,166,81,0)}}

/* bölümler */
section.b{padding:72px 0;border-top:1px solid var(--line)}
section.b.alt{background:color-mix(in srgb,var(--g3) 45%,var(--bg))}
.b h2{font-size:clamp(26px,3.2vw,38px);letter-spacing:-.025em;line-height:1.15;margin:0 0 10px}
.b .ust{color:var(--mute);max-width:46em;margin:0 0 34px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.kart{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 20px;transition:transform .25s,box-shadow .25s,border-color .25s}
.kart:hover{transform:translateY(-4px);box-shadow:0 14px 34px -18px rgba(15,60,40,.35);border-color:var(--g4)}
.kart h3{margin:4px 0 8px;font-size:19px;letter-spacing:-.01em}
.kart p{margin:0;color:var(--mute);font-size:15.5px}
.kart .ikon{width:40px;height:40px;border-radius:12px;background:var(--g3);color:var(--g);display:grid;place-items:center;font-weight:800}
.etiket{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;font-weight:600;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.etiket::before{content:"";width:8px;height:8px;border-radius:50%;background:#C9D3CD;animation:nabiz 2.4s infinite}
.adimlar{list-style:none;padding:0;margin:0;counter-reset:a;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;position:relative}
.adim{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 16px}
.adim::before{counter-increment:a;content:counter(a);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--on-g);font-weight:800;margin-bottom:10px}
.adim h3{font-size:16.5px;margin:0 0 6px}
.adim p{font-size:14.5px;margin:0;color:var(--mute)}
.liste{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 26px}
.liste li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--line)}
.liste li::before{content:"";position:absolute;left:4px;top:19px;width:14px;height:2px;background:var(--g)}
.liste.hayir li::before{content:"×";background:none;width:auto;height:auto;top:9px;left:4px;color:#B5483F;font-weight:800;font-size:20px}
.alinti{font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.35;max-width:32em;border-left:4px solid var(--g);padding-left:20px;margin:0}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:34px}
@media (max-width:860px){.iki{grid-template-columns:1fr}}
.metin{max-width:46em}
.metin h2{margin-top:0}
.metin h3{margin-top:30px}
.kunye{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font-size:15.5px}
.kunye dt{color:var(--mute)}
.kunye dd{margin:0}

/* sayfa başı (iç sayfalar) */
.sayfa-bas{padding:64px 0 34px}
.sayfa-bas h1{font-size:clamp(30px,4.2vw,48px)}

/* alt bilgi */
footer.alt{border-top:1px solid var(--line);padding:52px 0 0;color:var(--mute);font-size:14.5px}
footer a{color:var(--mute)}
footer a:hover{color:var(--g)}

/* üst sıra: marka · site haritası · iletişim */
.alt-ust{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
@media (max-width:900px){.alt-ust{grid-template-columns:1fr 1fr;gap:32px}.alt-marka{grid-column:1/-1}}
@media (max-width:560px){.alt-ust{grid-template-columns:1fr;gap:26px}}
.alt-marka{max-width:42ch}
.alt-ozet{margin:10px 0 0;line-height:1.6}
.alt-menu{display:flex;flex-direction:column;gap:9px}
.alt-iletisim p{margin:0 0 9px}
.alt-baslik{display:block;margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}

/* künye: tam genişlikte, ince ayraçla ayrılmış alt şerit */
.alt-kunye{margin-top:40px;padding:20px 22px 34px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:baseline}
.alt-kunye .kunye-alt{margin:0;max-width:78ch}
.alt-tarih{margin:0;white-space:nowrap}
@media (max-width:760px){.alt-kunye{padding-bottom:28px}}

/* sosyal kanal şeridi — platformların RESMÎ işaretleri, izin verilen tek renk (siyah/beyaz).
   Codex D40: LinkedIn şekil değişikliğini ve onaysız renkleri, Facebook outline ve kendi marka
   renginle boyamayı reddediyor. Bu yüzden işaret yeniden boyanmaz; etkileşimde yalnız ÇEVRESİ değişir.
   Dokunma hedefi 44×44 (WCAG 2.2 "Target Size" rahat kullanım eşiği). */
footer nav.sosyal{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px;margin:18px 0 0;margin-inline-start:-10px}
.sosyal .sos{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background-color .18s ease,box-shadow .18s ease}
.sosyal .sos svg{width:20px;height:20px;fill:currentColor;stroke:none}
.sosyal .sos:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.sosyal .sos:focus-visible{background:color-mix(in srgb,var(--ink) 10%,transparent);outline:3px solid var(--g);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.sosyal .sos{transition:none}}

/* belirme (yalnız JS varsa gizlenir; JS yoksa her şey görünür) */
html.js .belir{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
html.js .belir.in{opacity:1;transform:none}
html.js .kartlar .belir:nth-child(2){transition-delay:.08s}
html.js .kartlar .belir:nth-child(3){transition-delay:.16s}
html.js .kartlar .belir:nth-child(4){transition-delay:.24s}
html.js .kartlar .belir:nth-child(5){transition-delay:.32s}
html.js .kartlar .belir:nth-child(6){transition-delay:.40s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html.js .belir{opacity:1;transform:none}
}
.kunye-alt{font-size:13px;line-height:1.5;color:var(--mute);max-width:46em}

/* v2 · hizmet odaklı ana sayfa (13.09.2026) */
.guven{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 10px}
.guven li{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.guven li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g)}
.kart .ikon svg,.hd .ikon svg{width:22px;height:22px}
.kartlar.hizmetler{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.kart.hizmet{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.kart.hizmet h3{margin-top:14px}
.kart.hizmet .etiket{align-self:flex-start}
.kart.hizmet .ok{margin-top:auto;padding-top:16px;font-weight:700;font-size:14.5px;color:var(--g)}
.kart.hizmet:focus-visible{outline:3px solid var(--g);outline-offset:3px}
.kartlar .kart .ikon + h3{margin-top:14px}
html.js .kartlar .belir:nth-child(7){transition-delay:.48s}
html.js .kartlar .belir:nth-child(8){transition-delay:.56s}
html.js .kartlar .belir:nth-child(9){transition-delay:.64s}
.sektorler{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.sektorler li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 18px;font-weight:600;letter-spacing:-.005em}
.duzenler{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.duzen{border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;background:var(--card)}
.duzen strong{display:block;font-size:17px;letter-spacing:-.01em;margin-bottom:4px}
.duzen span{color:var(--mute);font-size:14.5px}
.cta.orta{margin-top:26px}
.uyg{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media (max-width:860px){.uyg{grid-template-columns:1fr}}
.rozetler{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.rozet{display:inline-flex;align-items:center;padding:10px 16px;border-radius:12px;background:var(--ink);color:var(--bg);font-weight:700;font-size:14.5px}
.telefon{justify-self:center;width:230px;aspect-ratio:9/19;border-radius:38px;border:9px solid var(--ink);background:var(--card);box-shadow:0 30px 60px -30px rgba(0,40,20,.45);padding:26px 18px;display:flex;flex-direction:column;gap:12px}
.telefon .app-ikon{width:64px;height:64px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin-bottom:6px}
.telefon .app-ikon svg{width:52px;height:52px}
.telefon .satir{display:block;height:10px;border-radius:6px;background:var(--g3)}
.telefon .satir.k{width:60%}
.telefon .kart-m{border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:7px}
.telefon .foto{display:block;height:72px;border-radius:10px;background:linear-gradient(135deg,var(--g4),var(--g3))}
.roller{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.rol{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--card)}
.rol strong{display:block;margin-bottom:6px;font-size:16.5px}
.rol span{color:var(--mute);font-size:14.5px}
.rol.biz{background:var(--g);border-color:var(--g);color:var(--on-g)}
.rol.biz span{color:var(--on-g)}
.hd-liste{display:grid;gap:18px}
.hd{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;scroll-margin-top:96px}
@media (max-width:860px){.hd{grid-template-columns:1fr;padding:22px}}
.hd .ikon{width:44px;height:44px;border-radius:12px;background:var(--g3);color:var(--g);display:grid;place-items:center}
.hd h2{font-size:clamp(22px,2.4vw,28px);margin:14px 0 8px}
.hd-bas p{color:var(--mute);margin:0}
.hd-bas .etiket{margin-top:14px}
.hd-dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:0}
@media (max-width:560px){.hd-dl{grid-template-columns:1fr}}
.hd-dl dt{font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--g)}
.hd-dl dd{margin:5px 0 0;font-size:15.5px}
@media (max-width:420px){nav.main{gap:2px}nav.main a{padding:8px 8px;font-size:14.5px}}
/* v3 · görsel ve hareketli katman (13.09.2026) — tüm çizimler kendi SVG'miz */
@media (min-width:861px){.hero .grid{grid-template-columns:1.05fr .95fr}}
.panel{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 80px -40px rgba(0,40,20,.45);padding:14px;max-width:500px;width:100%;justify-self:center}
.panel-bas{display:flex;align-items:center;gap:10px;padding:4px 6px 12px;font-weight:700;font-size:14px}
.panel-bas svg{width:28px;height:28px}
.panel-bas .ornek{margin-left:auto;font-size:12px;font-weight:600;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.panel-harita{display:block;width:100%;height:auto;border-radius:14px}
.panel-veri{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0}
.panel-veri div{border:1px solid var(--line);border-radius:12px;padding:8px 11px;background:var(--bg)}
.panel-veri dt{font-size:11.5px;color:var(--mute);font-weight:600}
.panel-veri dd{margin:2px 0 0;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
[data-ornek-panel].tik dd,[data-ornek-panel].tik .tel-veri{animation:tik .7s ease}
@keyframes tik{0%{color:var(--g)}100%{color:inherit}}
.p-kontur{fill:none;stroke:var(--g4);stroke-width:1.4}
.p-parsel{fill:var(--g4);stroke:var(--g);stroke-width:1.3;fill-opacity:.75}
.p-parsel.b{fill:var(--g);fill-opacity:.32}
.p-rota{fill:none;stroke:#F36944;stroke-width:2;stroke-dasharray:6 7;animation:akis 30s linear infinite}
.p-pin{fill:#F36944}
.p-halka,.s-halka{fill:none;stroke:#F36944;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:halka 2.4s ease-out infinite}
.s-gec{animation-delay:1.2s}.s-gec2{animation-delay:.6s}
@keyframes halka{0%{transform:scale(.4);opacity:1}100%{transform:scale(2.3);opacity:0}}
.p-tarama{fill:var(--g);opacity:.13;animation:tara 6s linear infinite}
@keyframes tara{0%{transform:translateY(-40px)}100%{transform:translateY(310px)}}
.s-zemin{fill:var(--g3)}.s-a{fill:var(--g)}.s-b{fill:var(--g4)}.s-c{fill:#F36944}.s-d{fill:var(--card)}.s-k{fill:var(--ink)}
.s-cer{stroke:var(--g4);stroke-width:1.5}.s-yari{fill-opacity:.45}
.s-cizgi{fill:none;stroke:var(--g);stroke-width:3;stroke-linecap:round}
.s-ince{fill:none;stroke:var(--g4);stroke-width:1.6}
.s-kesik{fill:none;stroke:#F36944;stroke-width:2.5;stroke-dasharray:6 6;animation:akis 26s linear infinite}
.s-beyaz{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.s-buyu{transform-box:fill-box;transform-origin:50% 100%;animation:buyu 3.2s ease-in-out infinite alternate}
.s-buyu:nth-of-type(2n){animation-delay:.5s}.s-buyu:nth-of-type(3n){animation-delay:1s}
@keyframes buyu{from{transform:scaleY(.8)}to{transform:scaleY(1.06)}}
.s-bulut{animation:suz 6s ease-in-out infinite alternate}@keyframes suz{to{transform:translateX(16px)}}
.s-tir{animation:tir 5s ease-in-out infinite alternate}@keyframes tir{from{transform:translateX(-34px)}to{transform:translateX(12px)}}
.s-kutu{animation:dus 3.4s ease-in-out infinite}@keyframes dus{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.s-nabiz{transform-box:fill-box;transform-origin:center;animation:nab 2s ease-in-out infinite}@keyframes nab{50%{transform:scale(1.18)}}
.s-gunes{transform-box:fill-box;transform-origin:center;animation:nab 4s ease-in-out infinite}
.s-ag{stroke-dasharray:4 5;animation:akis 40s linear infinite}
.illus{display:block;height:124px;margin:-8px -8px 16px;border-radius:14px;overflow:hidden;background:var(--g3)}
.illus svg{width:100%;height:100%;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.kart.hizmet:hover .illus svg{transform:scale(1.06)}
.hd-bas .illus{margin:0 0 18px;height:150px}
.serit{background:var(--g);color:var(--on-g);overflow:hidden}
.serit-ic{display:flex;width:max-content;animation:kay 55s linear infinite}
.serit:hover .serit-ic{animation-play-state:paused}
.serit ul{display:flex;list-style:none;margin:0;padding:18px 0}
.serit li{display:flex;align-items:center;gap:30px;padding-right:30px;font-weight:800;font-size:clamp(17px,1.9vw,23px);letter-spacing:-.01em;white-space:nowrap}
.serit li::after{content:"";width:10px;height:10px;border-radius:50%;background:#F36944;flex:none}
@keyframes kay{to{transform:translateX(-50%)}}
.rakamlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.rakam{padding:26px 24px;border-radius:22px;background:var(--card);border:1px solid var(--line)}
.rakam b{display:block;font-size:clamp(56px,7vw,88px);line-height:1;letter-spacing:-.05em;color:var(--g);font-variant-numeric:tabular-nums}
.rakam strong{display:block;font-size:19px;margin-top:10px}
.rakam span{color:var(--mute);font-size:14.5px}
.manifesto{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 140% at 8% 0%,#0B7A3E 0%,#063D22 52%,#04150C 100%);color:#fff;padding:120px 0}
.manifesto h2{font-size:clamp(44px,8vw,112px);line-height:.98;letter-spacing:-.05em;margin:0;font-weight:800}
.manifesto .donen{display:inline-grid}
.manifesto .donen span{grid-area:1/1;opacity:0;transform:translateY(35%);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);color:#6FE3A1}
.manifesto .donen span.aktif{opacity:1;transform:none}
html:not(.js) .manifesto .donen span:first-child{opacity:1;transform:none}
.manifesto p{font-size:clamp(18px,2vw,23px);max-width:34em;color:rgba(255,255,255,.84);margin:28px 0 32px}
.manifesto .btn.dolu{background:#fff;color:#063D22;border-color:#fff}
.manifesto .isaret-buyuk{position:absolute;right:-5%;bottom:-20%;width:min(58vw,680px);opacity:.1;z-index:-1;animation:nefes 9s ease-in-out infinite}
.fidanlar{margin:0 0 22px;border-radius:18px;overflow:hidden;background:var(--g3)}
.fidanlar svg{display:block;width:100%;height:auto}
.tel-veri{display:block;font:700 10.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mute);font-variant-numeric:tabular-nums}
.tsd-imza{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-weight:800;color:var(--ink)}
.tsd-imza svg{width:30px;height:30px}
.marka-yapi{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:0 0 38px}
.marka-yapi .m{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.marka-yapi svg{width:92px;height:92px}
.marka-yapi small{color:var(--mute);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:12px}
.marka-yapi .ok2{font-size:30px;color:var(--mute)}
@media (max-width:560px){.marka-yapi{grid-template-columns:1fr}.marka-yapi .ok2{transform:rotate(90deg)}}
@media (max-width:860px){.panel{justify-self:stretch;max-width:none}}
@media (prefers-reduced-motion:reduce){.p-dron{display:none}.manifesto .donen span:first-child{opacity:1;transform:none}}
.hero h1{font-size:clamp(34px,4.4vw,56px)}
/* v4 · çok dil, yeni sayfalar, mobil menü, RTL (13.09.2026) */
.top .wrap{position:relative}
nav.main{margin-inline-start:auto}
.ust-sag{display:flex;align-items:center;gap:8px}
.dil{position:relative}
.dil summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:7px 11px;font-weight:700;font-size:14px;color:var(--ink);user-select:none}
.dil summary::-webkit-details-marker{display:none}
.dil[open] summary{background:var(--g3)}
.dil ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -20px rgba(0,0,0,.35);min-width:180px;z-index:60}
.dil li a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:15px}
.dil li a:hover{background:var(--g3)}
.dil li a[aria-current]{font-weight:800;color:var(--g)}
.dil li small{color:var(--mute);font-size:12px;font-weight:700}
.menu-dugme{display:none;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:7px 12px;font:600 15px/1.2 var(--font);cursor:pointer}
.menu-dugme[hidden]{display:none!important}
@media (max-width:980px){
 html.js .menu-dugme{display:inline-flex}
 html.js .top .wrap{flex-wrap:nowrap;padding-top:0;padding-bottom:0}
 html.js nav.main{display:none;position:absolute;top:100%;inset-inline:0;width:auto;flex-direction:column;align-items:stretch;gap:2px;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 22px 18px;overflow:visible;box-shadow:0 20px 30px -24px rgba(0,0,0,.35)}
 html.js header.top.acik nav.main{display:flex}
 html.js nav.main a{padding:12px;font-size:16.5px}
}
.sayfa-bas.gorsel .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}
.illus.buyuk{height:190px;margin:0;border-radius:20px}
@media (max-width:760px){.sayfa-bas.gorsel .wrap{grid-template-columns:1fr}.illus.buyuk{height:150px}}
.sektorler.gorselli li{padding:0;overflow:hidden}
.sektorler.gorselli li a{display:block;color:inherit;text-decoration:none;padding:12px 14px 14px}
.sektorler.gorselli li a:hover{background:var(--g3)}
.illus.mini{height:74px;margin:0 0 10px;border-radius:10px}
.duzen{display:block;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s}
.duzen:hover{transform:translateY(-3px);border-color:var(--g4)}
.devam{margin:22px 0 0}
.ok-link{font-weight:800;color:var(--g);text-decoration:none}
.ok-link:hover{text-decoration:underline}
.sektor-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
@media (max-width:400px){.sektor-liste{grid-template-columns:1fr}}
.sektor{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;scroll-margin-top:96px}
.sektor .illus{margin:0 0 14px;height:140px}
.sektor h2{font-size:22px;letter-spacing:-.015em;margin:0 0 6px}
.sektor p{color:var(--mute);margin:0 0 10px}
.alt-baslik{display:block;margin:12px 0 6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.cipler{display:flex;flex-wrap:wrap;gap:6px}
.cip{display:inline-flex;padding:5px 11px;border-radius:999px;background:var(--g3);color:var(--g);font-size:13.5px;font-weight:700;text-decoration:none}
.cip:hover{background:var(--g4)}
.cip.d{background:transparent;border:1px solid var(--line);color:var(--ink)}
.hd-link{margin:12px 0 0}.hd-link a{font-weight:800;color:var(--g);text-decoration:none}
.not{color:var(--mute);font-size:14.5px;margin:18px 0 0}
.etiket-yesil{display:inline-block;margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--g);text-transform:uppercase}
.kart .illus{margin:-8px -8px 14px}
:root[dir=rtl]{--font:"Noto Sans Arabic","Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif}
[dir=rtl] *{letter-spacing:normal!important}
[dir=rtl] .skip{left:auto;right:-999px}[dir=rtl] .skip:focus{right:12px}
[dir=rtl] .liste li{padding:12px 34px 12px 0}[dir=rtl] .liste li::before{left:auto;right:4px}
[dir=rtl] .alinti{border-left:0;padding-left:0;border-right:4px solid var(--g);padding-right:20px}
[dir=rtl] .panel-bas .ornek{margin-left:0;margin-right:auto}
[dir=rtl] .manifesto .isaret-buyuk{right:auto;left:-5%}
.serit-ic{direction:ltr}
[dir=rtl] .serit li{direction:rtl}
[dir=rtl] .hero h1,[dir=rtl] .manifesto h2{line-height:1.3}
[dir=rtl] .panel-veri dd,[dir=rtl] .tel-veri{direction:ltr;unicode-bidi:isolate;text-align:right}
@media (max-width:560px){[dir=rtl] .marka-yapi .ok2{transform:rotate(-90deg)}}

/* ---- içerik fotoğrafı bandı (v5) ---------------------------------------- */
.foto-bant{position:relative;margin:26px 0 0;border-radius:22px;overflow:hidden;
  background:var(--g3);box-shadow:0 18px 44px -26px rgba(12,21,17,.55)}
.foto-bant img{display:block;width:100%;height:clamp(200px,30vw,360px);object-fit:cover}
.foto-perde{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,21,17,0) 45%,rgba(12,21,17,.30) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.sayfa-bas.gorsel .foto-bant{margin-top:30px}
/* ⚠️ .sayfa-bas.gorsel .wrap 2 sütunlu ızgaradır; foto kabı ONU DEVRALMAMALI,
   yoksa fotoğraf ilk sütuna sıkışır (19.09'da böyle çıktı). */
.sayfa-bas.gorsel .wrap.foto-kap{display:block;grid-template-columns:none}
@media (max-width:760px){.foto-bant{border-radius:18px}
  .foto-bant img{height:clamp(170px,44vw,240px)}}
@media (prefers-reduced-motion:no-preference){
  .foto-bant img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
  .foto-bant:hover img{transform:scale(1.025)}}

/* ---- kart fotoğrafı (v6) -------------------------------------------------- */
.kart-foto{position:relative;margin:0 0 14px;border-radius:14px;overflow:hidden;background:var(--g3)}
.kart-foto img{display:block;width:100%;height:clamp(140px,19vw,190px);object-fit:cover}
.kart-foto .foto-perde{background:linear-gradient(180deg,rgba(12,21,17,0) 55%,rgba(12,21,17,.22) 100%)}
.sektor .kart-foto,.hd .kart-foto{margin-bottom:12px}
@media (prefers-reduced-motion:no-preference){
  .kart-foto img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
  .kart:hover .kart-foto img,.sektor:hover .kart-foto img,.hd:hover .kart-foto img{transform:scale(1.03)}}


/* iletişim · konum kartı — üçüncü taraf gömme yok, tüm çizim kendi SVG'miz */
.konum-kart{display:grid;grid-template-columns:1.05fr 1fr;gap:0;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
@media (max-width:820px){.konum-kart{grid-template-columns:1fr}}
.konum-gorsel{position:relative;display:block;background:var(--g3);text-decoration:none;overflow:hidden;min-height:300px}
.konum-cizim{display:block;width:100%;height:100%;min-height:300px}
/* harita yüzeyi nötr tutulur; marka rengi yalnız iğnede ve vurgulu caddede */
.konum-cizim .h-zemin{fill:#EFF2EE}
.konum-cizim .h-yol path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.konum-cizim .y-yaya{stroke:#E2E7E2}
.konum-cizim .y-ince{stroke:#FFFFFF}
.konum-cizim .y-orta{stroke:#FFFFFF}
.konum-cizim .y-ana{stroke:#FFFFFF}
.konum-cizim .h-dalga{fill:none;stroke:var(--g);stroke-width:1.6;opacity:.22}
.konum-cizim .h-dalga.g{opacity:.34}
.konum-cizim .h-govde{fill:var(--g)}
.konum-cizim .h-goz{fill:#FFFFFF}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="acik"]) .konum-cizim .h-zemin{fill:#16211C}
  :root:not([data-tema="acik"]) .konum-cizim .y-yaya{stroke:#20302A}
  :root:not([data-tema="acik"]) .konum-cizim .y-ince,
  :root:not([data-tema="acik"]) .konum-cizim .y-orta,
  :root:not([data-tema="acik"]) .konum-cizim .y-ana{stroke:#31443B}
  :root:not([data-tema="acik"]) .konum-cizim .h-goz{fill:#16211C}
}
/* "Google Haritalar'da aç" rozeti — kurumsal iletişim kartlarının bilinen kalıbı */
.konum-ac{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;
  padding:8px 13px;border-radius:999px;background:var(--card);color:var(--ink);font-size:13.5px;
  font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:background-color .18s ease,color .18s ease}
.konum-ac::before{content:"";width:13px;height:13px;flex:0 0 auto;border-radius:50%;
  background:var(--g);box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 25%,transparent)}
.konum-gorsel:hover .konum-ac,.konum-gorsel:focus-visible .konum-ac{background:var(--g);color:var(--on-g)}
.konum-gorsel:hover .konum-ac::before,.konum-gorsel:focus-visible .konum-ac::before{background:var(--on-g);box-shadow:none}
@media (prefers-reduced-motion:reduce){.konum-ac{transition:none}}
.konum-bilgi{padding:28px 30px 30px}
.konum-bilgi h3{margin:0 0 10px;font-size:18px}
.konum-bilgi p{margin:0 0 10px;line-height:1.6}
.konum-koord{font-size:14.5px;color:var(--mute)}
.konum-dugme{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 10px}
.konum-dugme .dg{display:inline-block;padding:10px 16px;border-radius:12px;background:var(--g);color:var(--on-g);text-decoration:none;font-weight:700;font-size:15px}
.konum-dugme .dg.ikincil{background:transparent;color:var(--g);border:1px solid var(--g)}
.konum-dugme .dg:hover{filter:brightness(1.06)}
.konum-yer{font-size:13.5px;color:var(--mute);margin:14px 0 4px}
.konum-bilgi .not{font-size:13.5px;color:var(--mute);margin-top:6px}