/* ============ self-host edilmiş yazı tipleri ============
   Manrope ve Inter, SIL Open Font License 1.1 ile lisanslıdır (self-host'a izin verir).
   Google Fonts'tan alınan latin + latin-ext altkümeleri; Türkçe karakterler latin-ext'tedir.
   Her iki aile de variable font olduğu için aile başına tek dosya yeterlidir.

   Neden self-host: (1) CSP'den iki üçüncü taraf origin kaldırıldı, (2) ziyaretçi IP'si
   artık Google'a gitmiyor, (3) fontları async yükleyen inline onload handler'ı ortadan
   kalktı — böylece script-src 'unsafe-inline' olmadan sıkı CSP uygulanabiliyor. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;
 src:url(/assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;
 src:url(/assets/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;
 src:url(/assets/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;
 src:url(/assets/fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
 --navy:#0B1830;--navy-deep:#071221;--green:#14C38E;--green-d:#0a7a58;--green-h:#0fa87a;--green-brand:#0fa87a;
 --ink:#142033;--body:#2A3547;--muted:#667085;--line:#D9E2EC;--white:#fff;--soft:#F7F9FC;--soft2:#F5F7FA;
 --r:12px;--rs:8px;--maxw:1200px;--sh:0 10px 34px -14px rgba(11,24,48,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--body);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
h1,h2,h3,h4{font-family:"Manrope","Inter",sans-serif;color:var(--ink);line-height:1.14;letter-spacing:-.02em;font-weight:700}
h1{font-weight:800}
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green-d)}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:"Inter";font-weight:600;font-size:.95rem;padding:.85em 1.6em;border-radius:var(--rs);cursor:pointer;transition:.18s;border:1.5px solid transparent;white-space:nowrap}
.btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.btn-primary{background:var(--green);color:#06231a}
.btn-primary:hover{background:var(--green-h);transform:translateY(-1px)}
.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost:hover{border-color:var(--green);color:var(--green)}
.btn-dark{border-color:var(--line);color:var(--ink);background:#fff}
.btn-dark:hover{border-color:var(--navy);background:var(--navy);color:#fff}
section{padding:104px 0}
.on-soft{background:var(--soft)}
.on-navy{background:var(--navy);color:#fff}
.on-navy h1,.on-navy h2,.on-navy h3,.hero h1,.hero h2,.hero h3,.phero h1,.phero h2,.phero h3,.analiz-hero h1,.analiz-hero h2,.analiz-hero h3,.cta-band h1,.cta-band h2,.cta-band h3,.cta-grid h2,.center-cta h2,.about-side h3,.toc-cta h1,.toc-cta h2,.toc-cta h3{color:#fff}
.sec-head{max-width:660px;margin-bottom:56px}
.sec-head .eyebrow{display:inline-block;margin-bottom:16px}
.sec-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-bottom:16px}
.sec-head p{color:var(--muted);font-size:1.08rem}
.on-navy .sec-head p{color:#aeb9c9}
.lead-p{font-size:1.12rem;color:var(--ink);max-width:760px;margin-bottom:20px}
.body-p{color:var(--body);max-width:760px;margin-bottom:16px}
/* header */
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;flex-direction:column;line-height:1;cursor:pointer}
.brand .mark{font-family:"Manrope";font-weight:800;font-size:1.32rem;letter-spacing:-.02em;color:var(--navy)}
.brand .mark b{color:var(--green-brand);font-weight:800}
.brand .sub{font-size:.54rem;font-weight:600;letter-spacing:.22em;color:var(--muted);margin-top:5px}
.menu{display:flex;align-items:center;gap:1.7rem}
.menu>a,.sub-toggle{font-size:.93rem;font-weight:500;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:.3em;transition:color .18s;white-space:nowrap}
.menu>a:hover{color:var(--green-d)}
.has-sub{position:relative}
.submenu{position:absolute;top:calc(100% + 16px);left:-14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px;min-width:320px;box-shadow:var(--sh);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.has-sub:hover .submenu,.has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:none}
.submenu a{display:block;padding:11px 13px;border-radius:var(--rs);font-size:.9rem;color:var(--ink);transition:background .15s}
.submenu a:hover{background:var(--soft)}
.submenu a small{display:block;color:var(--muted);font-size:.76rem;font-weight:400;margin-top:2px}
.menu-toggle{display:none;background:none;border:0;color:var(--navy);cursor:pointer;padding:8px}
.menu-toggle svg{width:26px;height:26px}
/* hero */
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border:1px solid rgba(20,195,142,.14);border-radius:50%}
.hero::before{content:"";position:absolute;right:-40px;top:40px;width:360px;height:360px;border:1px solid rgba(20,195,142,.10);border-radius:50%}
.hero .wrap{position:relative;padding:118px 32px 104px}
.hero-inner{max-width:780px}
.hero .eyebrow{color:var(--green);margin-bottom:24px;display:inline-block}
.hero h1{font-size:clamp(2.6rem,5.6vw,4rem);margin-bottom:26px;letter-spacing:-.03em}
.hero .accent{color:var(--green)}
.hero p.lead{font-size:1.18rem;color:#c4cede;max-width:620px;margin-bottom:40px;line-height:1.6}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
/* trust band */
.trust{border-top:1px solid var(--line);background:#fff}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:34px 32px}
.trust .ti{display:flex;gap:12px;align-items:flex-start}
.trust .ti svg{flex:0 0 auto;margin-top:2px}
.trust .ti span{font-size:.94rem;color:var(--ink);font-weight:500}
/* service cards */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;transition:.2s;cursor:pointer;display:flex;flex-direction:column}
.svc:hover{border-color:var(--green);box-shadow:var(--sh);transform:translateY(-3px)}
.svc .num{font-size:.8rem;font-weight:700;color:var(--green-d);letter-spacing:.04em;font-family:"Manrope"}
.svc h3{font-size:1.18rem;margin:14px 0 10px}
.svc p{font-size:.94rem;color:var(--muted);margin-bottom:16px;flex:1}
.svc .go{font-size:.86rem;font-weight:600;color:var(--ink)}
.svc:hover .go{color:var(--green-d)}
/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.step{padding-top:26px;border-top:2px solid var(--green)}
.step .n{font-size:.8rem;font-weight:700;color:var(--green-d);letter-spacing:.08em;font-family:"Manrope"}
.step h3{font-size:1.18rem;margin:12px 0 10px}
.step p{font-size:.93rem;color:var(--muted)}
.on-navy .step p{color:#aeb9c9}
/* why / two-col */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.checklist{list-style:none}
.checklist li{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line);font-size:1.02rem;color:var(--ink)}
.checklist li:last-child{border-bottom:0}
.checklist li svg{flex:0 0 auto;margin-top:3px}
/* model cells (reused) */
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.model-cell{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px}
.on-navy .model-cell{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.model-cell .k{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d);margin-bottom:12px}
.model-cell h3{font-size:1.18rem;margin-bottom:9px}
.model-cell p{color:var(--muted);font-size:.94rem}
.on-navy .model-cell p{color:#aeb9c9}
/* insight cards */
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ins{border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;background:#fff;transition:.2s;cursor:pointer}
.ins:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:var(--sh)}
.ins .tag{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green-d)}
.ins h3{font-size:1.12rem;margin:12px 0 9px;line-height:1.32}
.ins p{font-size:.9rem;color:var(--muted)}
/* page hero (subpages) */
.phero{background:var(--navy);color:#fff;padding:78px 0 66px;position:relative;overflow:hidden}
.phero::after{content:"";position:absolute;right:-100px;top:-100px;width:420px;height:420px;border:1px solid rgba(20,195,142,.12);border-radius:50%}
.phero .wrap{position:relative}
.crumb{font-size:.8rem;font-weight:500;color:#9fb0c0;margin-bottom:18px}
.crumb a{color:#c4cede;cursor:pointer}.crumb a:hover{color:var(--green)}
.phero h1{font-size:clamp(2rem,4vw,3rem);max-width:840px;margin-bottom:18px}
.phero p{color:#c4cede;font-size:1.1rem;max-width:700px}
/* generic reused content bits */
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.flist{list-style:none}
.flist li{padding:14px 0 14px 28px;position:relative;border-bottom:1px solid var(--line);font-size:.98rem;color:var(--ink)}
.flist li::before{content:"";position:absolute;left:0;top:1.25em;width:9px;height:9px;border-radius:2px;background:var(--green)}
.scenario{background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--rs);padding:22px 24px;margin-bottom:16px}
.scenario h3{font-size:1.06rem;margin-bottom:6px}.scenario p{font-size:.93rem;color:var(--muted)}
.sectors{display:flex;flex-wrap:wrap;gap:11px}
.sector-chip{font-size:.85rem;font-weight:500;border:1px solid var(--line);background:#fff;padding:.6em 1.15em;border-radius:999px;color:var(--ink)}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.about .lead-line{color:var(--ink);font-size:1.35rem;font-family:"Manrope";font-weight:700;line-height:1.35;margin-bottom:22px;letter-spacing:-.02em}
.about-side{background:var(--navy);color:#fff;padding:38px 34px;border-radius:var(--r)}
.about-side .eyebrow{color:var(--green);margin-bottom:18px;display:block}
.about-side ul{list-style:none}
.about-side li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem;color:#c4cede}
.about-side li:last-child{border-bottom:0}
/* FAQ */
.faq details{border:1px solid var(--line);border-radius:var(--rs);background:#fff;margin-bottom:12px;overflow:hidden}
.faq summary{padding:20px 24px;font-weight:600;font-size:1rem;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;font-family:"Manrope"}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--green-d);font-size:1.35rem}
.faq details[open] summary::after{content:"–"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .ans{padding:18px 24px;color:var(--muted);font-size:.96rem}
/* CTA band */
.cta-band{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;left:50%;top:-160px;transform:translateX(-50%);width:600px;height:600px;border:1px solid rgba(20,195,142,.1);border-radius:50%}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}
.cta-grid h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:18px}.cta-grid .lead{color:#aeb9c9;font-size:1.05rem}
.center-cta{text-align:center;max-width:660px;margin:0 auto;position:relative}
.center-cta h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:16px}.center-cta p{color:#aeb9c9;margin-bottom:28px;font-size:1.05rem}
.cta-band h1,.cta-grid h1{color:#fff;font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:18px;line-height:1.14}
.form-card{background:#fff;border-radius:var(--r);padding:34px;box-shadow:var(--sh)}
.form-row{margin-bottom:16px}
.form-row label{display:block;font-size:.82rem;font-weight:600;color:var(--ink);margin-bottom:6px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:.8em .9em;border:1px solid var(--line);border-radius:var(--rs);font-family:inherit;font-size:.94rem;color:var(--ink);background:var(--soft)}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}
.form-note{font-size:.76rem;color:var(--muted);margin-top:12px}
.form-ok{display:none;background:var(--navy);color:#fff;padding:20px;border-radius:var(--rs);font-size:.92rem}
.form-ok.show{display:block}
/* article */
.article-wrap{max-width:780px;margin:0 auto}
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:56px;align-items:start}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.82rem;color:var(--muted);margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.art-meta b{color:var(--ink);font-weight:600}
.kisa{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;margin:0 0 32px}
.kisa .k{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-d);margin-bottom:8px;display:block;font-family:"Manrope"}
.kisa p{margin:0;font-size:1.06rem;color:var(--ink)}
.article-body h2{font-size:1.5rem;margin:38px 0 14px;scroll-margin-top:90px}
.article-body h3{font-size:1.18rem;margin:26px 0 10px}
.article-body p{margin-bottom:16px;color:var(--body)}
.article-body ul{margin:0 0 18px;padding-left:22px}.article-body li{margin-bottom:8px}
.article-body strong{font-weight:600;color:var(--ink)}
.art-toc{position:sticky;top:96px}
.art-toc h4{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700}
.art-toc nav a{display:block;font-size:.88rem;color:var(--muted);padding:7px 0 7px 14px;border-left:2px solid var(--line);transition:.15s}
.art-toc nav a:hover{color:var(--green-d);border-left-color:var(--green)}
.toc-cta{margin-top:24px;background:var(--navy);color:#fff;border-radius:var(--r);padding:22px}
.toc-cta p{font-size:.9rem;color:#c4cede;margin-bottom:14px}
.art-help{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px;margin:34px 0}
.art-help h3{font-size:1.15rem;margin-bottom:10px}.art-help p{font-size:.96rem;color:var(--body);margin:0}
.related{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}
.related h2{font-size:1.3rem;margin-bottom:18px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.related-grid a{display:block;border:1px solid var(--line);border-radius:var(--rs);padding:16px 18px;background:#fff;transition:.2s;cursor:pointer}
.related-grid a:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--sh)}
.related-grid .rt{font-weight:600;font-size:.93rem;color:var(--ink)}
/* hub */
.hub-cluster{margin-bottom:8px}
.hub-cluster h2{font-size:1.4rem;margin:36px 0 6px}
.hub-cluster .cd{color:var(--muted);font-size:.95rem;margin-bottom:18px}
.hub-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hub-list a{display:block;border:1px solid var(--line);border-radius:var(--rs);padding:16px 18px;background:#fff;transition:.2s;cursor:pointer}
.hub-list a:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--sh)}
.hub-list .ht{font-weight:600;font-size:.93rem;color:var(--ink);line-height:1.32}
/* footer */
footer{background:var(--navy-deep);color:#8ea3b8;padding:64px 0 40px;font-size:.9rem}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
.foot-brand .mark{font-family:"Manrope";font-weight:800;font-size:1.3rem;color:#fff}
.foot-brand .mark b{color:var(--green)}
.foot-col h4{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:16px;font-weight:700;font-family:"Manrope"}
.foot-col a{display:block;color:#8ea3b8;margin-bottom:10px;transition:.18s;cursor:pointer}
.foot-col a:hover{color:var(--green)}
.foot-disc{border-top:1px solid rgba(255,255,255,.08);padding-top:26px;font-size:.79rem;color:#8ea3b8;line-height:1.7}
.foot-bottom{margin-top:0;border-top:1px solid rgba(255,255,255,.08);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.79rem;color:#8ea3b8}
/* responsive */
@media(max-width:980px){
 .svc-grid,.model-grid,.ins-grid{grid-template-columns:repeat(2,1fr)}
 .steps{grid-template-columns:repeat(2,1fr)}
 .split,.about-grid,.cta-grid,.cols2{grid-template-columns:1fr;gap:34px}
 .art-layout{grid-template-columns:1fr}.art-toc{display:none}
 .trust .wrap{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media(max-width:900px){
 /* Menü içeriği ekrandan uzun olabiliyor (9 hizmet + 4 bağlantı). Panelin
    KENDİSİ kayar; max-height olmadan alt kısma ulaşmak mümkün değildi.
    overscroll-behavior:contain, panelin sonuna gelince kaydırmanın arkadaki
    sayfaya geçmesini (scroll chaining) engeller.
    dvh: iOS'ta adres çubuğu açıkken 100vh ekrandan taşar; dvh gerçek yüksekliktir. */
 .menu{position:fixed;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px 22px;gap:2px;display:none;box-shadow:var(--sh);max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 /* menü açıkken arkadaki sayfa kaymasın */
 body.menu-acik{overflow:hidden}
 .menu.open{display:flex}
 /* mobilde dokunma hedefleri en az 44px olacak şekilde */
 .menu>a,.sub-toggle{padding:12px 0;min-height:44px}
 .has-sub{display:flex;flex-direction:column}
 .submenu a{min-height:44px;display:flex;flex-direction:column;justify-content:center}
 .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px 12px;min-width:0}
 .menu-toggle{display:block}
 .svc-grid,.steps,.model-grid,.ins-grid,.related-grid,.hub-list,.trust .wrap{grid-template-columns:1fr}
 .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 section{padding:70px 0}.hero .wrap{padding:80px 32px 70px}
 .foot-grid{grid-template-columns:1fr 1fr}
}

/* ============ v2: erişilebilirlik, no-js, yeni bileşenler ============ */

/* skip link */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;padding:12px 20px;border-radius:0 0 var(--rs) 0;font-weight:600;font-size:.9rem}
.skip-link:focus{left:0}

/* görünür focus (klavye) */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green-d);outline-offset:2px;border-radius:3px}
.on-navy a:focus-visible,footer a:focus-visible,.hero a:focus-visible,.phero a:focus-visible,.cta-band a:focus-visible{outline-color:var(--green)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* alt menü tetikleyicisi artık <button> */
.sub-toggle{font-family:inherit;font-size:.93rem;font-weight:500;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:.3em;transition:color .18s}
.sub-toggle:hover,.sub-toggle[aria-expanded="true"]{color:var(--green-d)}
.sub-toggle .chev{transition:transform .18s}
.sub-toggle[aria-expanded="true"] .chev{transform:rotate(180deg)}
.has-sub:hover .submenu,.has-sub:focus-within .submenu,.submenu.open{opacity:1;visibility:visible;transform:none}
.menu a[aria-current="page"]{color:var(--green-d);font-weight:600}
.submenu a[aria-current="page"]{background:var(--soft);color:var(--green-d)}

/* JS yoksa menü fallback'i <noscript><style> ile head'de verilir */

/* kart bağlantıları artık gerçek <a> */
a.svc,a.ins,a.hizmet-card{color:inherit;text-decoration:none}

/* breadcrumb */
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4em;margin:0;padding:0}
.crumb li{display:flex;gap:.4em;align-items:center}
.crumb li+li::before{content:"/";color:#7d8ea1}
.crumb [aria-current="page"]{color:#e6edf5}

/* resmi kaynaklar bloğu */
.kaynaklar{border:1px solid var(--line);border-left:3px solid var(--navy);border-radius:var(--rs);background:#fff;padding:22px 24px;margin:34px 0}
.kaynaklar h2{font-size:1.05rem;margin:0 0 6px}
.kaynaklar .kn{font-size:.86rem;color:var(--muted);margin-bottom:12px}
.kaynaklar ul{list-style:none;margin:0;padding:0}
.kaynaklar li{padding:7px 0;border-bottom:1px solid var(--soft2);font-size:.92rem}
.kaynaklar li:last-child{border-bottom:0}
.kaynaklar a{color:var(--green-d);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.kaynaklar a:hover{color:var(--navy)}
.kaynaklar a[target="_blank"]::after{content:" ↗";font-size:.8em;text-decoration:none;display:inline-block}

/* makale içi bağlam kutusu */
.ctx{background:var(--soft2);border-radius:var(--rs);padding:16px 20px;margin:22px 0;font-size:.94rem;color:var(--body)}
.ctx a{color:var(--green-d);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.article-body a{color:var(--green-d);text-decoration:underline;text-underline-offset:2px}
.article-body a:hover{color:var(--navy)}

/* hizmet hub */
.hizmet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.hizmet-card{display:block;border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff;transition:.2s}
.hizmet-card:hover{border-color:var(--green);box-shadow:var(--sh);transform:translateY(-3px)}
.hizmet-card h2{font-size:1.15rem;margin-bottom:8px}
.hizmet-card p{font-size:.94rem;color:var(--muted);margin-bottom:10px}
.hizmet-card .go{font-size:.86rem;font-weight:600;color:var(--green-d)}

/* legal / uzun metin sayfaları */
.legal{max-width:780px}
.legal h2{font-size:1.35rem;margin:34px 0 12px}
.legal h3{font-size:1.08rem;margin:22px 0 8px}
.legal p,.legal li{color:var(--body);margin-bottom:12px}
.legal ul{padding-left:22px;margin-bottom:16px}
.legal .updated{font-size:.86rem;color:var(--muted);margin-bottom:26px}

/* 404 */
.err-wrap{text-align:center;max-width:640px;margin:0 auto;padding:90px 0}
.err-wrap .code{font-family:"Manrope";font-weight:800;font-size:4.5rem;color:var(--green-d);line-height:1}
.err-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}

/* footer başlıkları artık h3 */
.foot-col h3{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:16px;font-weight:700;font-family:"Manrope"}
.foot-legal{display:flex;gap:18px;flex-wrap:wrap}
.foot-legal a{color:#8ea3b8}
.foot-legal a:hover{color:var(--green)}

/* makale kenar TOC başlığı artık h2 */
.art-toc h2{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700;font-family:"Manrope"}

/* form durumları */
.form-err{display:none;color:#b3261e;font-size:.8rem;margin-top:6px}
.form-err.show{display:block}
.form-row input[aria-invalid="true"],.form-row textarea[aria-invalid="true"],.form-row select[aria-invalid="true"]{border-color:#b3261e;background:#fdf3f2}
.req{color:#b3261e}

/* çok dar ekran */
@media(max-width:480px){
 .wrap{padding:0 20px}
 .hero .wrap{padding:64px 20px 56px}
 .hizmet-grid{grid-template-columns:1fr}
 .foot-grid{grid-template-columns:1fr}
 .err-wrap .code{font-size:3.4rem}
}

/* .on-light: hizmet sayfası SSS bölümlerinde kullanılıyordu, tanımı eksikti */
.on-light{background:var(--soft)}

/* adım kartlarında başlık artık h2 (heading hiyerarşisi düzeltmesi) */
.step h2{font-size:1.18rem;margin:12px 0 10px}
.on-navy .step h2{color:#fff}

/* menü öğeleri tek satırda kalsın (tablet aralığında taşma önlemi) */
.sub-toggle{white-space:nowrap}
@media(max-width:900px){.menu>a,.sub-toggle{white-space:normal}}

/* ============ UX denetimi düzeltmeleri ============ */

/* P0 — Hizmetler menüsü 9 öğeyle 873px'e ulaşıp 1366x768 laptopta ekranı
   taşıyordu; son iki hizmet tıklanamıyordu. İki sütuna alındı (~440px). */
/* YALNIZ masaüstü: mobilde menü 900px altında tek sütuna açılır ve bu kural
   (dosyada mobil kuralından sonra geldiği için) onu eziyordu — taşma yapıyordu. */
@media(min-width:901px){
  .submenu{min-width:640px;display:grid;grid-template-columns:1fr 1fr;gap:2px;align-content:start}
  .submenu a:first-child{grid-column:1 / -1;border-bottom:1px solid var(--line);
    border-radius:var(--rs) var(--rs) 0 0;margin-bottom:4px}
  .submenu a{align-self:start}
}

/* P1 — Okunabilirlik: makale sütunu 1440px'te 812px genişliğindeydi ve
   satırlar 90 karaktere çıkıyordu (Range API ile ölçüldü). Rahat okuma bandı
   60-80 karakter. Sütunun tamamı 620px'e çekildi; böylece paragraflar, Kısa
   Cevap kutusu, kaynaklar ve ilgili rehberler aynı hizada kalır. */
.art-main{max-width:580px}
.legal p,.legal li{max-width:620px}

/* Karşılaştırma tabloları dar sütunda taşabilir; kendi içinde kayar */
.art-main table{display:block;overflow-x:auto;max-width:100%}

/* Hizmet sayfalarında da aynı okuma ölçüsü */
.lead-p{max-width:640px}
.body-p{max-width:620px}
.flist{max-width:640px}
.scenario{max-width:640px}

/* P2 — Mobilde alt başlık alanı gereğinden yüksekti (H1'in üstünde 235px) */
@media(max-width:640px){
 .phero{padding:40px 0 46px}
 .phero .crumb{margin-bottom:14px}
 /* uzun makale başlıkları breadcrumb'ı 3-4 satıra çıkarıyordu; görsel olarak
    kırpılır — DOM metni değişmediği için schema ve crawler etkilenmez */
 /* Son öğe hemen altındaki H1 ile aynı metni tekrar ediyor; mobilde tek
    satıra kırpılır. DOM metni değişmediği için BreadcrumbList şeması ve
    crawler'lar etkilenmez. */
 .crumb li:last-child{min-width:0}
 .crumb li:last-child span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Rehber hub'ında konu atlama listesi — 35 makale arasında hedefe ulaşmak
   3+ ekran scroll gerektiriyordu. Saf HTML anchor; JS olmadan da çalışır. */
.kume-atla{border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin-bottom:40px;background:var(--soft)}
.kume-atla h2{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700;font-family:"Manrope"}
.kume-atla-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 20px}
.kume-atla-list a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:8px 0;font-size:.94rem;color:var(--ink);border-bottom:1px solid var(--line);font-weight:500}
.kume-atla-list a:hover{color:var(--green-d)}
.kume-atla-list a .n{font-size:.78rem;color:var(--muted);font-family:"Manrope";font-weight:600}
.hub-cluster{scroll-margin-top:90px}
@media(max-width:640px){.kume-atla-list{grid-template-columns:1fr}.kume-atla{padding:18px 20px}}

/* .article-wrap hem .wrap hem de 780px'lik ölçü kabı olarak kullanılıyordu;
   içerik sayfanın ortasına kayıyor ve grid sütunundaki gövde metniyle arasında
   210px hizalama farkı oluşuyordu (makalelerde H1, rehber hub'ında kümeler).
   Kap artık .wrap gibi ortalanır, içindeki öğeler sola dayalı olarak sınırlanır. */
.wrap.article-wrap{max-width:var(--maxw)}
.wrap.article-wrap > *{max-width:780px}
.phero.article-hero h1{max-width:820px}

/* ============ ANALİZ — editorial içerik alanı ============
   Rehber'den bilinçli olarak farklı: kart/gölge yok, ince ayraçlarla
   ayrılmış editorial liste, daha büyük başlık ölçeği, meta satırı önde. */

/* --- hub listesi --- */
.wrap.article-wrap > .analiz-list{max-width:820px}
.analiz-list{border-top:1px solid var(--line)}
.analiz-item{display:block;padding:30px 0;border-bottom:1px solid var(--line);transition:.18s}
.analiz-item:hover .analiz-baslik{color:var(--green-d)}
.analiz-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:12px;
  font-family:"Manrope";font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.analiz-kat{color:var(--green-d)}
.analiz-meta time,.analiz-sure{color:var(--muted);font-weight:500;letter-spacing:.08em}
.analiz-baslik{font-family:"Manrope";font-weight:700;font-size:1.5rem;line-height:1.24;
  letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;transition:color .18s;text-wrap:balance}
.analiz-ozet{color:var(--body);font-size:1rem;margin:0 0 14px;max-width:68ch}
.analiz-oku{font-family:"Manrope";font-weight:600;font-size:.88rem;color:var(--green-d)}

/* --- makale sayfası --- */
.analiz-hero{background:var(--navy);color:#fff;padding:64px 0 58px;position:relative;overflow:hidden}
.analiz-hero::after{content:"";position:absolute;right:-100px;top:-110px;width:420px;height:420px;
  border:1px solid rgba(20,195,142,.12);border-radius:50%}
.analiz-hero .wrap{position:relative}
.analiz-hero .analiz-kat{color:var(--green);display:inline-block;margin-bottom:14px}
.analiz-hero h1{font-size:clamp(1.9rem,3.9vw,2.7rem);line-height:1.12;max-width:880px;margin-bottom:18px}
.standfirst{font-size:1.16rem;line-height:1.6;color:#c4cede;max-width:700px;margin:0}
.analiz-kunye{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);font-size:.84rem;color:#9fb0c0}
.analiz-kunye b{color:#fff;font-weight:600}

.wrap.article-wrap > .analiz-govde{max-width:580px}
.analiz-govde > p:first-of-type{font-size:1.1rem;color:var(--ink)}
.analiz-govde h2{font-size:1.45rem;margin:40px 0 14px;scroll-margin-top:90px}
.analiz-govde h3{font-size:1.12rem;margin:26px 0 10px}
.analiz-govde p{margin-bottom:16px}
.analiz-govde ul,.analiz-govde ol{margin:0 0 18px;padding-left:22px}
.analiz-govde li{margin-bottom:9px}
.analiz-govde a{color:var(--green-d);text-decoration:underline;text-underline-offset:2px}
.analiz-govde a:hover{color:var(--navy)}
.analiz-govde blockquote{margin:26px 0;padding:2px 0 2px 22px;border-left:3px solid var(--green);
  font-size:1.08rem;color:var(--ink)}
.analiz-govde blockquote p:last-child{margin-bottom:0}

/* İngiltere Kurumsal değerlendirmesi — analizin kendi sesi */
.ik-gorus{border-top:2px solid var(--navy);border-bottom:1px solid var(--line);
  padding:22px 0;margin:34px 0;max-width:580px}
.ik-gorus .k{font-family:"Manrope";font-size:.72rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--green-d);display:block;margin-bottom:10px}
.ik-gorus p:last-child{margin-bottom:0}

/* ilgili analizler / rehberler */
.wrap.article-wrap > .analiz-ilgili{max-width:580px}
.analiz-ilgili{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.analiz-ilgili h2{font-size:1.2rem;margin-bottom:16px}
.analiz-ilgili + .analiz-ilgili{margin-top:32px}

/* ana sayfa "Son Analizler" bölümü */
.son-analiz{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.son-analiz a{display:block;padding-top:20px;border-top:2px solid var(--green)}
.son-analiz .analiz-meta{margin-bottom:10px}
.son-analiz .analiz-baslik{font-size:1.1rem}

@media(max-width:900px){.son-analiz{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){
 .analiz-baslik{font-size:1.24rem}
 .analiz-item{padding:24px 0}
 .analiz-hero{padding:40px 0 44px}
}

/* .eyebrow varsayılan rengi (--green-d) açık zemin içindir; lacivert phero
   üzerinde 3.32:1 kontrast veriyordu. Koyu zeminde parlak yeşil kullanılır. */
.phero .eyebrow,.analiz-hero .eyebrow,.cta-band .eyebrow{color:var(--green)}

/* ============ KRİTİK DÜZELTME: dekoratif daireler tıklamayı engelliyordu ============
   .hero / .phero / .cta-band / .analiz-hero üzerindeki ::before ve ::after
   dekoratif daireleri position:absolute'tur ve DOM sırasında son geldikleri için
   konumlandırılmış kardeşlerinin (form kartı, CTA butonları) ÜSTÜNE boyanıyordu.
   pointer-events varsayılan olarak 'auto' olduğundan fare tıklamalarını yutuyor,
   iletişim formunun sol yarısı doldurulamıyordu.
   Bu öğeler yalnızca görseldir; hiçbir zaman etkileşim almamalıdır. */
.hero::after,.hero::before,
.phero::after,.phero::before,
.analiz-hero::after,.analiz-hero::before,
.cta-band::after,.cta-band::before,
.cta-grid::after,.cta-grid::before{pointer-events:none}