:root{ --navy:#00223E; --navy-2:#0A2E4D; --navy-deep:#00172A; --turq:#00EEFE; --turq-lt:#00EEFE; --turq-deep:#00223E; /* K-053: açık zeminde vurgu YAZISI lacivert (eskiden petrol #00727A). Turkuaz açıkta yalnız dolgu/şerit/çizgi */ --grey:#B7C8D1; --paper:#F1F4F6; --paper-2:#E4EAEE; --white:#FFFFFF; --mute:#5A6B7C; --dim:#8FA0AE; --line:rgba(0,34,62,.13); --line-lt:rgba(255,255,255,.14); --sans:Inter,"Segoe UI",system-ui,-apple-system,sans-serif; --disp:Montserrat,Inter,"Segoe UI",sans-serif; /* 19.10.2026 K-047: marka rehberi (Archivo yerine) */ --mono:Montserrat,Inter,"Segoe UI",sans-serif; /* 19.10.2026 K-052: etiket/veri rolu Montserrat (marka) — eskiden JetBrains Mono; ad tarihsel */ --e:cubic-bezier(.19,.9,.22,1); /* ── TASARIM SISTEMI · 17.10.2026 ──────────────────────────── Ana sayfa yeni dile gecmisti, 33 ic sayfa eski dildeydi; alici ana sayfadan /services/'e tiklayinca baska bir siteye dusuyordu. Dil ortak BILESENLERE tasiniyor — isaretlemeye dokunulmuyor, boylece icerik kaybi riski yok ve 33 sayfa ayni anda degisiyor. 🔴 PALET DEGERLERI BILEREK DEGISMEDI. Marka dili karari acik (brosur #00223E/#00EEFE/Montserrat · site #14283E/#28BCB2/Archivo). Token oldugu icin karar geldiginde degisiklik birkac satir. */ --ez:cubic-bezier(.22,.8,.3,1); /* Tipografi. 17.10'da BES adim tanimladim ama ucunu hicbir yere baglamadim; 18.10'da olculdu: --t3 ve --t4 uretilen sitenin hicbir yerinde gecmiyordu (CSS, HTML, inline stil — hepsi tarandi). Silindi. Kullanilmayan bir token "tasarim sistemi var" izlenimi verir ama is gormez; sonraki oturum onu arar ve bulamaz. Kalanlar GERCEKTEN kullanilanlar. Not: silinen --t4 govde icin 14,5px'e kadar dusuyordu; mobilde okunabilir govde esigi 16px'tir. Boyut olcegi yeniden kurulacaksa oradan baslanmali. */ --t1:clamp(33px,5vw,74px); /* sayfa basligi · .phead h1 */ --t2:clamp(27px,3.6vw,50px); /* bolum basligi · .body h2 */ --t5:10px; /* mono etiket · .lbl */ /* Bosluk. --sp-1 (8px) de bostaydi, silindi. Kalan bes adim kullaniliyor. */ --sp-2:16px; --sp-3:24px; --sp-4:40px; --sp-5:64px; --sp-6:96px; /* kose — TEK deger, istisnasi yok (K-027 · 18.10.2026) Oncesinde 2px/3px/1px karisikti; dil degil artikti. Keskin kaliyor: Vistra 16px ile yumusak-kurumsal duruyor, pazarda o dil doymus. Istisna yalnizca YUVARLAK DENETIM: radyo/onay 50% kalir, kose degil bicimdir. Buton icindeki border-radius:0 de UA sifirlamasi, kose degil. */ --yari:2px; /* anlamsal renk — marka degerlerine baglanir, dogrudan hex yazilmaz */ --yuzey:var(--paper); --yuzey-2:var(--white); --metin:#0C1A29; --metin-2:#42586E; --metin-3:#5A6B7C; /* 4.97:1 — #6C8097 denendi, 3.68:1 cikti, kucuk metne yetmiyor */ --cizgi:rgba(12,26,41,.13); --vurgu:var(--turq-deep); } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;scroll-padding-top:104px} /* yapiskan menu odagi ortmesin — WCAG 2.2 Focus Not Obscured (2.4.11) */ @media (max-width:860px){html{scroll-padding-top:76px}} /* 18.10.2026 — hareket azaltma istegi yumusak kaydirmayi da kapatmali. Dokuz ayri azaltma blogumuz vardi ama hicbiri scroll-behavior'a dokunmuyordu: capa baglantisi tiklandiginda sayfa yine kayarak gidiyordu. scroll-padding KALIYOR — o hareket degil, yapiskan menunun hedefi ortmemesi icin. */ @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* 18.10.2026 — `overflow-x:hidden` KALDIRILDI. Tasan icerigi kesiyordu: sayfa yatay kaymiyordu ama tasma da gorunmuyordu. Bu hafta bulunan uc hata (150 ogeyi kaydiran ozgulluk hatasi, kirilamayan buton, kuculemeyen izgara) tam bu yuzden aylarca sakli kaldi. Yerine OLCUM kondu: `npm run tasma` — 35 sayfa x 320/375/414 x iki durum. Yeni bir tasma cikarsa artik aninda gorunur. Sitede position:sticky kullanilmadigi icin kaldirmanin bilinen yan etkisi bizi etkilemiyor. */ /* K-052: mono gidince rakam hizasi — kod ve tablo rakamlari esit genislikte */ .gtip .dg span,.dt td,.dt.ref time,.stack .sg .i,.stack .sg b{font-variant-numeric:tabular-nums} /* GTIP kodu: Montserrat'ta 0 ile O ayni gorunuyor — kod rakamlari Inter, esit genislik + egik cizgili sifir */ .gtip .dg span,.gtip .dot{font-family:var(--sans);font-feature-settings:"tnum" 1,"zero" 1} body{background:var(--paper);color:var(--navy);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased} .wrap{max-width:1400px;margin:0 auto;padding:0 clamp(22px,4vw,68px)} /* reveal */ /* 17.10.2026: 1,1 saniye ve 38px cok uzundu — sayfa "agir" hissettiriyordu. Tek hareket, 350ms, 12px. Gecikmeler de orantili kisaltildi. */ .rv{opacity:0;transform:translateY(12px);transition:opacity .35s var(--ez),transform .35s var(--ez)} /* SIRA ONEMLI — 18.10.2026. Once `.rv.in{transform:none}` yaziliydi, sonra `.rv.r{translateX(14px)}`. Ozgullukleri esit (0,2,0), sonraki kazaniyordu: `class="rv r in"` olan oge goruNDUKTEN SONRA DA 14px sagda kaliyordu. 33 sayfada 150 oge kalici olarak kaymisti; body'deki overflow-x:hidden tasmayi gizledigi icin fark edilmemisti. `.in` artik SONRA geliyor. */ .rv.r{transform:translateX(14px)} .rv.in{opacity:1;transform:none} .rv[data-d="1"]{transition-delay:.06s}.rv[data-d="2"]{transition-delay:.12s} .rv[data-d="3"]{transition-delay:.18s}.rv[data-d="4"]{transition-delay:.24s} /* `.rv` tek basina 0,1,0; `.rv.r` 0,2,0 ile onu yeniyordu — hareketi kapatan kullanicida da kayma kaliyordu. `.rv.r` acikca eklendi. */ @media (prefers-reduced-motion:reduce){.rv,.rv.r{opacity:1;transform:none;transition:none}} /* nav */ nav{position:fixed;inset:0 0 auto;z-index:70;padding:20px 0; transition:background .26s var(--e),padding .26s var(--e),border-color .26s var(--e)} nav.stuck{background:rgba(241,244,246,.94);backdrop-filter:blur(18px);padding:12px 0;border-bottom:1px solid var(--line)} nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px} .logo{font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--navy);text-decoration:none;line-height:1} /* Gradyan metin kaldirildi 08.10.2026: kontrasti olculemez, yazdirmada kayboluyor ve 'uretilmis' gorunumun en bilinen isareti. Duz marka rengi. */ /* 19.10.2026 (K-047): yazi logosu yerine marka logosu (marka/logo/, ekip gorselinden vektor). Menu: koyu zeminde beyaz harfli, kaydirinca (nav.stuck, acik zemin) lacivert harfli varyant. Slogan menude yok (34px'te okunmaz); alt bilgide sloganli tam logo. */ .logo img{display:block;height:34px;width:auto} .logo .lg-a{display:none} nav.stuck .logo .lg-k{display:none} nav.stuck .logo .lg-a{display:block} footer .logo img{width:236px;max-width:100%;height:auto} @media (max-width:860px){.logo img{height:28px}} /* alt bilgi logosu max-width:100%: telefonda iki sutunlu .fg'yi 4px tasiriyordu (npm run tasma) */ /* 08.10.2026: mono + BUYUK HARF + 10,5px okunurlugu zorluyordu. Sans 14px normal yazim — kurumsal ve rahat okunur. */ .navlinks{display:flex;gap:26px;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:0} /* 10,5px BUYUK HARF mono + genis harf araligi zorlu bir bicim; --mute (#5A6B7C) tabanin hemen ustunde kaliyordu (4.97:1). #3E5268 ile 7.28:1 — rahat okunur band, hover icin de yer kaliyor. */ .navlinks a{color:#3E5268;text-decoration:none;transition:color .4s;position:relative;white-space:nowrap} .navlinks a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--turq);transition:width .26s var(--e)} .navlinks a:hover{color:var(--navy)}.navlinks a:hover::after{width:100%} .right{display:flex;align-items:center;gap:14px} /* Dil secici: yayinda olan , mevcut dil , yayinda olmayan — tiklanamaz. */ .langs{display:flex;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;border:1px solid var(--line)} .langs>*{background:none;border:0;border-right:1px solid var(--line);color:#3E5268; font:inherit;letter-spacing:.12em;padding:6px 8px;transition:.3s;text-decoration:none} .langs>*:last-child{border-right:0} .langs a{cursor:pointer} .langs a:hover{color:var(--navy);background:var(--paper-2)} .langs .np{color:var(--mute);cursor:default} .langs .on{background:var(--navy);color:var(--white)} /* 17.10.2026: mono + BUYUK HARF + 10,5px dugmeyi etikete benzetiyordu. Nav'da ayni degisiklik yapilmisti; site geneli ayni dile cekildi. min-height 48px dokunma hedefi icin. */ .btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;min-height:48px; font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:0;border-radius:var(--yari); text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap; transition:background .22s var(--ez),border-color .22s var(--ez),color .22s var(--ez),transform .22s var(--ez)} /* 18.10.2026 — dar ekranda buton SARILABILIR olmali. nowrap genis ekranda dogru (ok tek basina alt satira dusmesin), ama 320px'te "Ask what this would look like for you ->" gibi uzun bir eylem metni 311px istiyor; kap 261px. Buton kirilamadigi icin SAYFA tasiyordu — body'deki overflow-x:hidden bunu gizliyordu. Olculdu: 96 olcumde tek tasma sebebi buydu. */ @media(max-width:430px){ .btn{white-space:normal;text-align:left;padding-left:18px;padding-right:18px} } .btn-p{background:var(--turq);color:var(--navy);font-weight:700} .btn-p:hover{background:var(--turq-lt);transform:translateY(-2px)} .btn-s{border-color:var(--line);color:var(--navy)} .btn-s:hover{border-color:var(--turq-deep);color:var(--turq-deep)} .btn-d{border-color:var(--line-lt);color:var(--white)} .btn-d:hover{border-color:var(--turq);color:var(--turq)} /* ── 01 HERO ── */ h1{font-size:clamp(34px,4.4vw,66px);line-height:1.06;letter-spacing:-.033em;font-weight:700;max-width:16ch} h1 .t{display:block;color:var(--turq-deep)} .lede{margin-top:clamp(22px,2.6vw,34px);max-width:50ch;font-size:clamp(15px,1.15vw,18px);color:var(--mute);line-height:1.75} .cta{display:flex;gap:14px;margin-top:clamp(26px,3vw,40px);flex-wrap:wrap}/* sections */ section{padding:clamp(80px,9.5vw,150px) 0;position:relative} /* 17.10.2026: ana sayfadaki .lbl2 ile ayni dile cekildi — 1,5px kalin cubuk tirnak cizgiye, harf araligi ve boyut olcege uyduruldu. */ .lbl{font-family:var(--mono);font-size:var(--t5);letter-spacing:.24em;text-transform:uppercase; color:var(--vurgu);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:11px} .lbl::before{content:"";width:20px;height:1px;background:currentColor;opacity:.75} h2{font-size:clamp(27px,3.7vw,52px);line-height:1.1;letter-spacing:-.028em;font-weight:700;text-wrap:balance} h2 .t{color:var(--turq-deep)} /* K-053: acik zeminde baslik vurgusu — lacivert yazi, altinda neon turkuaz serit (logo rengi). Koyu baglamlarda (.phead.d, .dband, footer; ana sayfanin koyu bolumleri home.css'te) serit yok. */ :is(h1,h2) .t:not(:is(.phead.d,.dband,footer) *){text-decoration:underline;text-decoration-color:var(--turq); text-decoration-thickness:.13em;text-underline-offset:.1em;text-decoration-skip-ink:auto} h3{font-size:21px;font-weight:700;letter-spacing:-.016em} .sub{color:var(--mute);margin-top:22px;font-size:16.5px;max-width:58ch;line-height:1.76} /* 17.10.2026: ana sayfadaki .shead ile ayni 7/5 asimetrisi. */ .split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(18px,3vw,56px);align-items:start}@media (max-width:900px){}.cap{padding:26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .5s var(--e)} .cap:hover{background:var(--paper-2)} .cap .n{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--mute)} .cap h4{font-size:16.5px;font-weight:700;margin:12px 0 9px;line-height:1.28;letter-spacing:-.012em} .cap p{font-size:12.5px;color:var(--mute);line-height:1.58} .cap .go{display:block;margin-top:12px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--turq-deep)}/* desks */ /* 19.10.2026 (K-048): kartlar koyu bant icin yazilmisti (beyaz cizgi, parlak turkuaz, acik gri) ama /contact/'ta ACIK zeminde duruyor — etiket 1,3:1, metin 1,6:1 olculdu. Acik zemin paneli (K-040 dili). */ .desks{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:clamp(36px,4.4vw,56px)} .desk{padding:22px 18px;background:var(--white);border:1px solid var(--line);border-radius:var(--yari); box-shadow:0 1px 2px rgba(0,34,62,.04),0 10px 26px -18px rgba(0,34,62,.22)} .desk .f{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--turq-deep)} .desk h4{font-size:16px;font-weight:700;margin:10px 0 8px;line-height:1.3} .desk p{font-size:13px;color:var(--metin-2);line-height:1.6} .desk .lg{font-family:var(--mono);font-size:10px;color:var(--metin-3);margin-top:12px;letter-spacing:.1em}footer{background:var(--navy);color:var(--white);padding:clamp(48px,6vw,78px) 0 38px;border-top:1px solid var(--line-lt)} .fg{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:clamp(24px,3.4vw,46px)} footer .logo{color:var(--white)} footer h5{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--turq);margin-bottom:16px;font-weight:400} footer a{display:block;color:var(--grey);text-decoration:none;font-size:13.5px;padding:6px 0;transition:color .4s} footer a:hover{color:var(--white)} .legal{margin-top:44px;padding-top:22px;border-top:1px solid var(--line-lt);font-family:var(--mono);font-size:9.5px;color:rgba(255,255,255,.62);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;letter-spacing:.08em} @media(max-width:1100px){ .desks{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:30px}.navlinks{display:none} .fg{grid-template-columns:1fr 1fr}} /* ── acilir alt menu (P-004) ───────────────────────────── */ /* 🔴 08.10.2026 DUZELTME — AD CAKISMASI Asagidaki kurallar `.sub` diye yaziliyordu. Ama `.sub` ayni zamanda SAYFA PARAGRAFI sinifi (satir ~138) ve bu blok dosyada ondan SONRA geldigi icin, esit ozgullukte kazaniyordu: her sayfadaki

elemani position:absolute + visibility:hidden aliyordu. `.rv.in` yalnizca opacity'yi geri aliyor, visibility'yi almiyor — yani her bolumun sag sutunundaki aciklama paragrafi 35 sayfanin tamaminda GORUNMUYORDU. Cozum: menu kurallari `nav` ile kapsandi. Ayni hata .rail'de de olmustu; ad cakismasi bu projede tekrar eden bir ariza. */ .nvi{position:relative;display:flex;align-items:center} .nvi>a{display:inline-flex;align-items:center;gap:6px} .car{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent; border-top:4px solid currentColor;opacity:.55;transition:transform .35s var(--e),opacity .3s} .nvi.open>a .car,.nvi:hover>a .car{transform:rotate(180deg);opacity:1} nav .sub{ position:absolute;top:100%;left:-16px;min-width:260px;z-index:60; background:var(--white);border:1px solid var(--line); box-shadow:0 22px 48px -18px rgba(0,34,62,.28); padding:10px 0;margin-top:14px; opacity:0;visibility:hidden;transform:translateY(-8px); transition:opacity .28s var(--e),transform .34s var(--e),visibility .28s; } nav .sub::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px} /* Cok maddeli panel (Services: 12) tek sutunda ~600px oluyordu — ekranin neredeyse tamami. Iki sutun: hem kisa hem taranabilir. */ nav .sub.two{display:grid;grid-template-columns:1fr 1fr;min-width:520px;padding:12px 0} nav .sub.two a{padding-left:22px;padding-right:18px} @media (max-width:1180px){ nav .sub.two{min-width:420px} nav .sub.two a{padding-left:16px;padding-right:12px;font-size:12.5px} } .nvi:hover>.sub,.nvi:focus-within>.sub,.nvi.open>.sub{opacity:1;visibility:visible;transform:none} nav .sub a{ display:block;padding:10px 22px;color:#3E5268;text-decoration:none; font-size:13.5px;letter-spacing:0;text-transform:none;white-space:nowrap; border-left:2px solid transparent;transition:.3s var(--e); } nav .sub a::after{display:none} nav .sub a:hover,nav .sub a:focus-visible{color:var(--navy);background:var(--paper);border-left-color:var(--turq)} .nvi>a:focus-visible,nav .sub a:focus-visible{outline:2px solid var(--turq);outline-offset:2px} @media (prefers-reduced-motion:reduce){nav .sub,.car{transition:none}} /* ── KOYU BASLIKLI SAYFALARDA NAV ─────────────────────── Nav sayfa tepesinde seffaf; ic sayfalarin hero'su .phead.d (#0D1B2A). Duzeltme oncesi olculen kontrast: logo 1.16:1, baglanti 3.17:1 (gereken 4.5). Asagidaki degerler: beyaz 17.39:1 · --grey 10.10:1. Kaydirildiginda .stuck acik zemin getirir ve bu kurallar dusser. */ body:has(.phead.d) nav:not(.stuck) .logo{color:var(--white)} body:has(.phead.d) nav:not(.stuck) .navlinks a, body:has(.phead.d) nav:not(.stuck) .navlinks .np{color:var(--grey)} body:has(.phead.d) nav:not(.stuck) .navlinks a:hover, body:has(.phead.d) nav:not(.stuck) .navlinks a:focus-visible{color:var(--white)} body:has(.phead.d) nav:not(.stuck) .langs{border-color:var(--line-lt)} body:has(.phead.d) nav:not(.stuck) .langs>*{color:var(--grey);border-right-color:var(--line-lt)} body:has(.phead.d) nav:not(.stuck) .langs .np{color:rgba(255,255,255,.4)} body:has(.phead.d) nav:not(.stuck) .langs .on{background:var(--white);color:var(--navy)} body:has(.phead.d) nav:not(.stuck) .mtog{border-color:var(--line-lt)} /* 🔴 08.10.2026 KONTRAST DUZELTMESI Yukaridaki ters cevirme `.navlinks a` diyor; acilir menu de `.navlinks` ICINDE oldugu icin onu da yakaliyordu. Sonuc: BEYAZ panel uzerinde --grey metin = 1.72:1. Koyu baslikli 25 sayfanin tamaminda acilir menu okunmuyordu. Panel beyaz kaldigi icin metin de koyu kalmali. */ body:has(.phead.d) nav:not(.stuck) .nvi .sub a{color:#3E5268} body:has(.phead.d) nav:not(.stuck) .nvi .sub a:hover, body:has(.phead.d) nav:not(.stuck) .nvi .sub a:focus-visible{color:var(--navy)} body:has(.phead.d) nav:not(.stuck) .mtog span{background:var(--white)} /* ── MOBIL MENU ───────────────────────────────────────── 1100px altinda .navlinks gizleniyor. Oncesinde yerine HICBIR SEY gelmiyordu: 26 sayfa tablet ve telefonda erisilemezdi. */ .mtog{display:none;width:44px;height:44px;flex-shrink:0;position:relative; background:none;border:1px solid var(--line);cursor:pointer} .mtog span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--navy); transition:transform .4s var(--e),top .4s var(--e),bottom .4s var(--e)} .mtog span:nth-child(1){top:16px} .mtog span:nth-child(2){bottom:16px} .mtog[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)} .mtog[aria-expanded="true"] span:nth-child(2){bottom:20.5px;transform:rotate(-45deg)} .mnav{position:fixed;inset:0;z-index:69;background:var(--navy-deep); overflow-y:auto;overscroll-behavior:contain; padding:92px clamp(22px,5vw,48px) 56px; display:flex;flex-direction:column} .mnav[hidden]{display:none} /* dokunma hedefi 44px alti olmasin */ .mnav .mlnk,.mnav summary,.mnav .msub a{ display:flex;align-items:center;min-height:52px;padding:10px 0; color:var(--white);text-decoration:none; font-family:var(--mono);font-size:12px;letter-spacing:.11em;text-transform:uppercase; border-bottom:1px solid var(--line-lt)} .mnav .mlnk.np{color:var(--dim)} .mnav summary{cursor:pointer;list-style:none;justify-content:space-between;gap:14px} .mnav summary::-webkit-details-marker{display:none} .mnav summary .car{border-top-color:currentColor;opacity:.6;transition:transform .35s var(--e)} .mnav details[open] summary .car{transform:rotate(180deg);opacity:1} .mnav details[open] summary{border-bottom-color:transparent} .mnav .msub{padding:2px 0 14px 18px;border-left:1px solid var(--turq-deep);margin-left:2px} .mnav .msub a{min-height:46px;font-family:var(--sans);font-size:14px;letter-spacing:0; text-transform:none;color:var(--grey);border-bottom:0} .mnav .msub a:hover,.mnav .msub a:focus-visible{color:var(--turq-lt)} .mnav .mlnk:hover,.mnav .mlnk:focus-visible,.mnav summary:focus-visible{color:var(--turq-lt)} .mnav .mcta{margin-top:30px;justify-content:center} .mnav .mlangs{display:flex;margin-top:22px;border:1px solid var(--line-lt);align-self:flex-start} .mnav .mlangs>*{background:none;border:0;border-right:1px solid var(--line-lt); color:var(--grey);font-family:var(--mono);font-size:11px;letter-spacing:.12em; padding:11px 14px;min-height:44px;display:flex;align-items:center;text-decoration:none} .mnav .mlangs>*:last-child{border-right:0} .mnav .mlangs a{cursor:pointer} .mnav .mlangs .np{color:rgba(255,255,255,.4);cursor:default} .mnav .mlangs .on{background:var(--white);color:var(--navy)} body.mlock{overflow:hidden} @media (max-width:1100px){ .mtog{display:block} nav .langs{display:none} } @media (prefers-reduced-motion:reduce){.mtog span,.mnav summary .car{transition:none}} /* ── genel odak gorunurlugu ─────────────────────────── */ a:focus-visible,button:focus-visible,[tabindex]:focus-visible{ outline:2px solid var(--turq);outline-offset:3px;border-radius:var(--yari)}footer a:focus-visible{outline-color:var(--turq-lt)} /* ═══════════════════════════════════════════════════════ IC SAYFA BILESENLERI (P-004 Asama 2) Kalip tekrarindan kacinmak icin: her bilesen farkli bir gorsel agirlik tasir. Kart tekrari YOK. ═══════════════════════════════════════════════════════ */ /* ── sayfa basligi ── */ .phead{position:relative;overflow:hidden;padding:clamp(120px,15vw,190px) 0 clamp(44px,5vw,66px);background:var(--paper);border-bottom:1px solid var(--line)} /* 19.10.2026: ic sayfa basligi eskiden GENEL header{} kuralindan (eski ana sayfa hero'su) tam ekran + iki sutun aliyordu; once .phead'e tasindi, sonra (K-043, kurucu onayi) ICERIK KADAR oldu: buyuk ekranlarda (1920x1200) basliktan sonra ekranin yarisi bos kaliyor, "In short" ozeti ilk ekrana sigmiyordu. Kartin tasma payi .phead.d alt boslugunda. */ /* 08.10.2026: mono + BUYUK HARF + 9,5px gezinme gibi degil kucuk bir etiket gibi okunuyordu. Sans 13px, normal yazim; bulundugun sayfa koyu, ust seviyeler baglanti gibi davraniyor. */ .crumb{font-family:var(--sans);font-size:13px;letter-spacing:0;text-transform:none; color:var(--mute);margin-bottom:clamp(20px,2.6vw,30px); display:flex;flex-wrap:wrap;align-items:center;gap:9px} /* 19.10.2026: yol satiri bir