@font-face{font-family:Inter;src:url(../font/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:Inter;src:url(../font/inter-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:Poppins;src:url(../font/poppins-latin-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;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:Poppins;src:url(../font/poppins-latin-ext-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:PoppinsFallback;src:local("Arial");size-adjust:113%;ascent-override:93%;descent-override:31%;line-gap-override:0%}

:root{
  --ink:#111a33; --ink-2:#46536e; --ink-3:#5e6b83;
  --navy:#141f4d; --navy-2:#1b2a63; --primary:#2c3d82; --primary-2:#3d52a8; --primary-bg:#eef1fb;
  --paper:#fff; --sand:#f6f5f0; --line:#e3e3da; --line-2:#ecebe4;
  --ok:#147638; --ok-bg:#e6f4ea; --warn:#8a5a06; --warn-bg:#fbf0d9; --plan:#46536e; --plan-bg:#edeff4;
  --f1:#1e5fd6;--f2:#f07f13;--f3:#16a34a;--f4:#8a4b1f;--f5:#8b95a7;--f6:#f4f4f0;--f7:#dc2626;--f8:#17181c;--f9:#eab308;--f10:#7c3aed;--f11:#ec5fa6;--f12:#14b8c4;
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1200px; --r:10px; --r-button:8px; --r-chip:6px;
  --info-bg:#eef1fb; --tip-bg:#e6f4ea; --control-border:#8592ab;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --heading:Poppins,PoppinsFallback,var(--font); color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary)}
h1,h2,h3,h4{line-height:1.16;letter-spacing:-.022em;font-weight:680;margin:0;text-wrap:balance}
body.tanitim h1,body.tanitim h2{font-family:var(--heading);font-weight:700}
p{margin:0}
code,pre{font-family:var(--mono)}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px;border-radius:3px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}

/* 12 renkli lif şeridi: sitenin imzası (TIA-598 renk sırası, üründeki lif renkleriyle aynı) */
.lif{display:flex;height:4px;width:100%}
.lif i{flex:1;background:var(--c)}
.lif i:nth-child(1){--c:var(--f1)}.lif i:nth-child(2){--c:var(--f2)}.lif i:nth-child(3){--c:var(--f3)}.lif i:nth-child(4){--c:var(--f4)}.lif i:nth-child(5){--c:var(--f5)}.lif i:nth-child(6){--c:var(--f6)}.lif i:nth-child(7){--c:var(--f7)}.lif i:nth-child(8){--c:var(--f8)}.lif i:nth-child(9){--c:var(--f9)}.lif i:nth-child(10){--c:var(--f10)}.lif i:nth-child(11){--c:var(--f11)}.lif i:nth-child(12){--c:var(--f12)}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ust-ic{display:flex;align-items:center;gap:28px;height:66px}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);line-height:1.1}
.marka img.marka-logo{width:auto;height:36px;display:block}
.marka b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}
.marka small{display:block;font-size:11.5px;color:var(--ink-3);font-weight:550}
.menu{display:flex;gap:4px;margin-left:12px}
.menu a{color:var(--ink-2);text-decoration:none;font-size:14.5px;font-weight:560;padding:7px 11px;border-radius:7px}
.menu a:hover{background:var(--sand);color:var(--ink)}
.menu a[aria-current=page]{color:var(--primary);background:var(--primary-bg)}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:8px}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:14.5px;font-weight:620;padding:10px 17px;border-radius:8px;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.dugme.ana{background:var(--primary);color:#fff}.dugme.ana:hover{background:var(--navy-2)}
.dugme.cerceve{border-color:#ccd2e0;color:var(--ink);background:#fff}.dugme.cerceve:hover{border-color:var(--primary);color:var(--primary)}
.dugme.acik{background:#fff;color:var(--navy)}.dugme.acik:hover{background:#e8ecfa}
.dugme.hayalet{border-color:rgba(255,255,255,.34);color:#fff}.dugme.hayalet:hover{background:rgba(255,255,255,.1)}
.dugme.buyuk{padding:13px 22px;font-size:15.5px}
.menu-ac{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:42px;height:42px;cursor:pointer;margin-left:auto;font-size:19px;color:var(--ink)}

/* hero */
.hero{background:var(--navy);color:#fff;overflow:hidden;position:relative}
.hero-ic{padding:82px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.hero h1{font-size:clamp(38px,5.6vw,68px);font-weight:700;max-width:15ch;letter-spacing:-.034em;line-height:1.04}
.hero .alt{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#c9d2ec;max-width:60ch;margin-top:22px}
.hero .eylem{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero .not{margin-top:18px;font-size:14px;color:#9eabd2}
.hero-gorsel{margin-top:56px;position:relative;margin-bottom:-2px}
.hero-gorsel img{width:100%;border-radius:12px 12px 0 0;box-shadow:0 -14px 70px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.14);border-bottom:0}
.kaynak{font-size:12px;color:var(--ink-2)}

/* bölümler */
.bolum{padding:var(--s9) 0}
.bolum.kum{background:var(--sand)}
.bolum.koyu{background:var(--navy);color:#fff}
.etiket{font:600 12.5px/1 var(--mono);letter-spacing:.04em;color:var(--primary);display:flex;align-items:center;gap:10px;margin-bottom:16px}
.etiket::before{content:"";width:26px;height:3px;background:var(--c,var(--f2));border-radius:2px}
.koyu .etiket{color:#aebbe4}
.bolum h2{font-size:clamp(28px,3.4vw,42px);max-width:22ch}
.acikla{font-size:18px;color:var(--ink-2);max-width:62ch;margin-top:16px}
.koyu .acikla{color:#c9d2ec}

/* haritadan life */
.olcek{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.olcek figure{margin:0}
.olcek .kare{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:#fff}
.olcek img{width:100%;height:100%;object-fit:cover;object-position:var(--p,center)}
.olcek figcaption{padding-top:14px}
.olcek b{display:block;font-size:17px;letter-spacing:-.01em}
.olcek span{display:block;color:var(--ink-2);font-size:15px;margin-top:3px}
.olcek .kod{font:600 12px var(--mono);color:var(--ink-3);display:block;margin-bottom:6px}

/* öne çıkan satırlar */
.satir{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;padding:44px 0}
.satir+.satir{border-top:1px solid var(--line)}
.satir.ters .metin{order:2}
.satir h3{font-size:clamp(23px,2.3vw,30px)}
.satir p{color:var(--ink-2);font-size:16.5px;margin-top:12px}
.satir ul{margin:16px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:15.5px}
.satir li{padding:6px 0 6px 20px;position:relative}
.satir li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:3px;border-radius:2px;background:var(--f3)}
.kadraj{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 34px rgba(16,26,58,.1);background:#fff}
button.buyut{all:unset;display:block;cursor:zoom-in;width:100%}
button.buyut:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px}

/* ray listesi */
.ray{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid var(--line)}
.ray div{padding:20px 22px 20px 0;border-bottom:1px solid var(--line)}
.ray b{font-size:16.5px;display:block;letter-spacing:-.01em}
.ray span{color:var(--ink-2);font-size:14.5px;display:block;margin-top:3px;max-width:34ch}

/* biçimler */
.bicim{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.bicim>div{border:1px solid rgba(255,255,255,.17);border-radius:var(--r);padding:26px}
.bicim h3{font-size:18px}
.bicim p{color:#c9d2ec;font-size:15px;margin-top:6px}
.cipler{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.cip{font:600 12.5px var(--mono);padding:5px 9px;border-radius:5px;background:rgba(255,255,255,.1);color:#fff}

/* üç özellik */
.uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}
.uclu h3{font-size:18px}
.uclu p{color:var(--ink-2);font-size:15.5px;margin-top:8px}

/* durum şeridi */
.durum{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:3px 9px;border-radius:99px;white-space:nowrap}
.durum.var{background:var(--ok-bg);color:var(--ok)}
.durum.gel{background:var(--warn-bg);color:var(--warn)}
.durum.yol{background:var(--plan-bg);color:var(--plan)}
.duyuru{display:flex;gap:18px;align-items:flex-start;background:var(--warn-bg);border-radius:var(--r);padding:22px 24px;color:#5f4206;margin-top:32px}
.duyuru b{color:#45300a}

/* CTA */
.cta{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}
.cta h2{max-width:20ch}
.cta .eylem{display:flex;gap:12px;flex-wrap:wrap}

/* sayfa başı */
.sayfa-bas{background:var(--sand);padding:68px 0 52px;border-bottom:1px solid var(--line)}
.sayfa-bas h1{font-size:clamp(34px,4.4vw,52px);letter-spacing:-.03em;max-width:20ch}
.sayfa-bas p{font-size:19px;color:var(--ink-2);margin-top:14px;max-width:62ch}

/* yetenek tablosu */
.alan{padding:58px 0;border-bottom:1px solid var(--line)}
.alan:last-child{border-bottom:0}
.alan-bas{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.alan h2{font-size:clamp(25px,2.6vw,33px)}
.alan-bas>div>p{color:var(--ink-2);margin-top:12px}
.madde{margin:26px 0 0;padding:0;list-style:none}
.madde li{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid var(--line-2);font-size:15.5px}
.madde li>span:first-child{color:var(--ink)}
.madde small{display:block;color:var(--ink-3);font-size:13.5px;line-height:1.45;margin-top:2px}

/* galeri */
.galeri{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:10px}
.galeri figure{margin:0}
.galeri figcaption{font-size:14.5px;color:var(--ink-2);margin-top:9px}
.galeri figcaption b{color:var(--ink);font-weight:640}
.isik{position:fixed;inset:0;background:rgba(10,15,36,.9);z-index:90;display:none;align-items:center;justify-content:center;padding:24px}
.isik.acik{display:flex}
.isik img{max-height:92vh;border-radius:8px}
.isik button{position:absolute;top:14px;right:16px;background:#fff;border:0;width:40px;height:40px;border-radius:8px;font-size:19px;cursor:pointer}

/* paketler */
.paket-grup{margin-top:10px}
.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.paket{border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;background:#fff;position:relative}
.paket.one{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.paket .rozet{position:absolute;top:-11px;left:26px;background:var(--primary);color:#fff;font-size:12px;font-weight:650;padding:2px 10px;border-radius:99px}
.paket h3{font-size:23px}
.paket .kim{color:var(--ink-2);font-size:15px;margin-top:6px;min-height:46px}
.paket .fiyat{font-size:28px;font-weight:700;letter-spacing:-.025em;margin:16px 0 2px}
.paket .fiyat small{display:block;font-size:13.5px;color:var(--ink-3);font-weight:500;letter-spacing:0}
.paket ul{list-style:none;margin:18px 0 24px;padding:18px 0 0;border-top:1px solid var(--line-2);font-size:15px;flex:1}
.paket li{padding:5px 0 5px 22px;position:relative}
.paket li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.paket li.yok{color:var(--ink-3)}.paket li.yok::before{content:"…";color:var(--warn)}
.ozel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:44px;background:var(--navy);color:#fff;border-radius:14px;padding:42px;margin-top:22px}
.ozel .etiket{color:#aebbe4}
.ozel h3{font-size:27px}
.ozel p{color:#c9d2ec;margin-top:10px}
.ozel ul{list-style:none;padding:0;margin:0;font-size:15px;color:#dbe2f6}
.ozel li{padding:7px 0 7px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,.12)}
.ozel li::before{content:"✓";position:absolute;left:0;color:#7ee2a1;font-weight:700}
.tablo-kap{overflow-x:auto;margin-top:26px}
table.kars{width:100%;border-collapse:collapse;font-size:15px;min-width:680px}
.kars th,.kars td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.kars thead th{font-size:14px}
.kars td:not(:first-child),.kars th:not(:first-child){text-align:center}
.kars tbody th{font-weight:520;color:var(--ink)}
.adim{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:36px;counter-reset:a}
.adim div{counter-increment:a}
.adim div::before{content:counter(a);font:650 13px var(--mono);display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:6px;background:var(--primary-bg);color:var(--primary);margin-bottom:10px}
.adim b{display:block}.adim p{color:var(--ink-2);font-size:15px;margin-top:4px}
.sss{margin-top:26px;max-width:820px}
.sss details{border-bottom:1px solid var(--line);padding:15px 0}
.sss summary{font-weight:620;cursor:pointer;font-size:16.5px}
.sss p{color:var(--ink-2);margin-top:9px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;max-width:760px}
.form label{display:block;font-size:14px;font-weight:600}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;font:inherit;padding:10px 12px;border:1px solid #cdd3e0;border-radius:7px;background:#fff;font-weight:400}
.form .tam{grid-column:1/-1}
.form-not{font-size:14px;color:var(--warn);background:var(--warn-bg);padding:11px 14px;border-radius:7px;display:none}
.form-not.goster{display:block}

.secici{display:inline-flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:26px;flex-wrap:wrap}
.secim{font:inherit;font-size:15px;font-weight:620;border:0;background:none;color:var(--ink-2);padding:9px 18px;border-radius:7px;cursor:pointer}
.secim[aria-pressed=true],.secim-d[aria-pressed=true]{background:var(--primary);color:#fff}
.secim-d{font:inherit;font-size:15px;font-weight:620;border:0;background:none;color:var(--ink-2);padding:9px 18px;border-radius:7px;cursor:pointer}
.secim-d b{font-weight:650;color:var(--ok);margin-left:6px}.secim-d[aria-pressed=true] b{color:#a7f3c0}
.seciciler{display:flex;gap:12px;flex-wrap:wrap}
.tutar i{font-style:normal;font-size:16px;font-weight:550;color:var(--ink-3);margin-left:3px;letter-spacing:0}
.avantaj{color:var(--ok);font-size:14px;font-weight:620;margin-top:6px}
.acilar{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}
.acilar h3{font-size:19px}.acilar .once{font-size:15px;color:var(--ink-3);margin-bottom:8px;font-style:italic}
.acilar p{color:var(--ink-2);font-size:15.5px;margin-top:8px}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.ikili>div{border:1px solid var(--line);border-radius:12px;padding:28px;background:#fff}
.ikili h3{font-size:21px}.ikili ul{margin:14px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:15.5px}
.ikili p{margin:14px 0;color:var(--ink-2)}
.yakinda{display:inline-block;vertical-align:middle;margin-left:6px;padding:4px 8px;border-radius:5px;background:#edf0f7;color:#435173;font-size:12px;line-height:1.3;font-weight:650;white-space:nowrap}
.sayfa-bas .modul-not{font-size:14px;margin-top:12px}
.ikili li{padding:5px 0 5px 20px;position:relative}.ikili li::before{content:"";position:absolute;left:0;top:14px;width:9px;height:3px;border-radius:2px;background:var(--c,var(--f1))}
@media (max-width:900px){.acilar,.ikili{grid-template-columns:1fr}}

/* doküman */
.dok{display:grid;grid-template-columns:262px minmax(0,1fr) 214px;gap:44px;align-items:start;padding-top:34px;padding-bottom:80px}
.yan{position:sticky;top:86px;max-height:calc(100vh - 100px);overflow:auto;font-size:14.5px;padding-right:8px}
.yan h4{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin:20px 0 6px;font-weight:650}
.yan a{display:block;padding:5px 9px;border-radius:6px;text-decoration:none;color:var(--ink-2);line-height:1.35}
.yan a:hover{background:var(--sand);color:var(--ink)}
.yan a[aria-current=page]{background:var(--primary-bg);color:var(--primary);font-weight:620}
.ara{position:relative}
.ara input{width:100%;padding:9px 11px;font:inherit;font-size:14.5px;border:1px solid #cdd3e0;border-radius:7px}
.sonuc{display:none;position:absolute;z-index:30;top:44px;left:0;width:min(420px,88vw);background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 40px rgba(16,26,58,.18);max-height:420px;overflow:auto;padding:6px}
.sonuc.acik{display:block}
.sonuc a{display:block;padding:8px 10px;border-radius:6px;color:var(--ink)}
.sonuc a small{display:block;color:var(--ink-3);font-size:13px}
.icerik{min-width:0;max-width:760px}
.yol{font-size:13.5px;color:var(--ink-3);margin-bottom:8px}
.icerik h1{font-size:clamp(30px,3.4vw,41px);letter-spacing:-.028em}
.icerik .ozet{font-size:18.5px;color:var(--ink-2);margin:12px 0 26px}
.icerik h2{font-size:25px;margin:44px 0 12px;padding-top:6px}
.icerik h3{font-size:19px;margin:30px 0 8px}
.icerik p,.icerik ul,.icerik ol{margin:0 0 15px;color:#26304d}
.icerik li{margin:5px 0}
.icerik code{background:#f1f2f6;padding:1.5px 5px;border-radius:4px;font-size:.88em;overflow-wrap:anywhere}
.icerik pre{background:#101a3a;color:#e7ebf7;padding:16px 18px;border-radius:9px;overflow:auto;font-size:13.5px;line-height:1.55;margin:0 0 18px}
.icerik pre code{background:none;padding:0;color:inherit;font-size:inherit;overflow-wrap:normal}
.icerik table{border-collapse:collapse;width:100%;font-size:14.5px;margin:0 0 20px;display:block;overflow-x:auto}
.icerik th,.icerik td{border:1px solid var(--line);padding:8px 11px;text-align:left;vertical-align:top}
.icerik th:first-child,.icerik td:first-child{min-width:6.5rem}
.icerik th{background:var(--sand);font-weight:640}
.icerik blockquote{margin:0 0 18px;padding:12px 16px;background:var(--primary-bg);border-radius:8px;color:#26304d}
.icerik blockquote p{margin:0}
.ileri{display:flex;justify-content:space-between;gap:16px;margin-top:52px;padding-top:22px;border-top:1px solid var(--line)}
.ileri a{text-decoration:none;font-weight:620}
.ileri small{display:block;color:var(--ink-3);font-weight:500}
.toc{position:sticky;top:86px;font-size:13.5px;max-height:calc(100vh - 100px);overflow:auto}
.toc b{display:block;font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.toc a{display:block;padding:3px 0;color:var(--ink-2);text-decoration:none;line-height:1.35}
.toc a:hover{color:var(--primary)}
.kapi{display:grid;grid-template-columns:repeat(2,1fr);gap:0 44px}
.kapi section{padding:26px 0;border-top:1px solid var(--line)}
.kapi h2{font-size:21px}
.kapi a{display:block;text-decoration:none;padding:9px 0;border-top:1px solid var(--line-2)}
.kapi h2+a{margin-top:12px}
.kapi a b{color:var(--ink);font-weight:620}
.kapi a span{display:block;color:var(--ink-2);font-size:14.5px}
.kapi a:hover b{color:var(--primary)}
.uc{border:1px solid var(--line);border-radius:9px;margin:0 0 12px;overflow:hidden}
.uc summary{display:flex;gap:11px;align-items:center;padding:10px 13px;cursor:pointer;font:13.5px var(--mono);flex-wrap:wrap}
.uc summary code{background:none;padding:0;font-size:13.5px}
.mtd{font:700 11.5px var(--mono);padding:3px 7px;border-radius:4px;color:#fff;min-width:54px;text-align:center}
.mtd.GET{background:#147638}.mtd.POST{background:#2c3d82}.mtd.PATCH{background:#a15c07}.mtd.DELETE{background:#b91c1c}.mtd.PUT{background:#6d28d9}
.uc .ic{padding:4px 14px 12px;border-top:1px solid var(--line-2);font-size:14.5px}
.uc .ic h5{font-size:13px;margin:12px 0 5px}

/* alt */
.alt-bilgi{background:var(--navy);color:#b9c4e4;font-size:14.5px;padding:58px 0 30px}
.alt-gr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.alt-gr b{color:#fff;display:block;margin-bottom:10px;font-size:14px}
.alt-gr a{display:block;color:#b9c4e4;text-decoration:none;padding:3px 0}
.alt-gr a:hover{color:#fff}
.alt-gr img{width:38px;margin-bottom:12px}
.alt-gr img.alt-logo{width:auto;height:44px;margin-bottom:16px}
.alt-son a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.alt-son{margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#93a1c9;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media (max-width:1100px){.dok{grid-template-columns:230px minmax(0,1fr)}.toc{display:none}}
@media (max-width:900px){
  .menu{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px;margin:0;border-bottom:1px solid var(--line)}
  .menu.acik{display:flex}.menu-ac{display:block}.ust-sag{display:none}
  .olcek,.ray,.uclu,.paketler,.bicim,.galeri,.adim,.kapi{grid-template-columns:1fr}
  .satir,.alan-bas,.ozel{grid-template-columns:1fr;gap:26px}
  .satir.ters .metin{order:0}
  .bolum{padding:62px 0}.hero-ic{padding-top:52px}.ozel{padding:28px}
  .form{grid-template-columns:1fr}.alt-gr{grid-template-columns:1fr 1fr}
  .dok{grid-template-columns:minmax(0,1fr);gap:18px}
  .yan{position:static;max-height:none;border-bottom:1px solid var(--line);padding-bottom:12px}
  .yan nav{display:none}.yan.acik nav{display:block}
  .yan-ac{display:inline-flex!important}
}
.yan-ac{display:none;margin-top:9px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.ust,.yan,.toc,.alt-bilgi{display:none}.dok{display:block}}
.dugme[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}

/* P0: hedef boyutları, duyarlı yüzeyler ve görsel gezinme */
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.dugme{min-height:40px;border-radius:var(--r-button)}
.dugme.cerceve,.menu-ac,.ara input,.form input,.form select,.form textarea{border-color:var(--control-border)}
.menu-ac{align-items:center;justify-content:center;width:44px;height:44px;padding:9px}
.menu-ac svg{display:block;width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.menu-ac .menu-kapat-ikon{display:none}
.menu-ac[aria-expanded=true] .menu-ac-ikon{display:none}
.menu-ac[aria-expanded=true] .menu-kapat-ikon{display:block}
.menu-mobil{display:none!important}
.marka{flex-shrink:0}
.hero-gorsel img{aspect-ratio:16/10;object-fit:cover;object-position:center 54%}
button.buyut{position:relative}
button.buyut::after{content:"↗";position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff;border-radius:6px;background:var(--navy);color:#fff;font:600 23px/1 var(--font);box-shadow:0 2px 12px #111a3340;pointer-events:none}
.isik{padding:72px 72px 88px;background:rgba(10,15,36,.97)}
.isik.acik{display:flex;flex-direction:column;gap:14px}
.isik img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 180px);width:auto;height:auto}
.isik button{display:grid;place-items:center;min-width:44px;min-height:44px;background:#fff;color:var(--navy);font:600 22px var(--font)}
.isik .isik-once,.isik .isik-sonra{top:50%;transform:translateY(-50%)}
.isik .isik-once{left:12px;right:auto}
.isik .isik-sonra{right:12px}
.isik .isik-kapat{top:14px;right:16px}
.isik-altyazi{color:#fff;font-size:14px;text-align:center;max-width:88ch;overflow:auto;max-height:84px;margin:0}
.isik-sayac{color:#c9d2ec;position:absolute;top:20px;left:24px;font-size:14px}
body.isik-acik{overflow:hidden}
.alt-gr a,.toc a{padding-top:6px;padding-bottom:6px}
.alt-gr img.alt-logo{max-width:100%}
.tablo-kap{max-width:100%;background:linear-gradient(to right,#fff 30%,#ffffff00),linear-gradient(to left,#fff 30%,#ffffff00),linear-gradient(to right,#111a3320,#111a3300),linear-gradient(to left,#111a3320,#111a3300);background-position:left center,right center,left center,right center;background-size:40px 100%,40px 100%,12px 100%,12px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}
.kars th:first-child,.kars td:first-child{position:sticky;left:0;background:var(--paper);z-index:1;max-width:210px}
.kum .kars th:first-child,.kum .kars td:first-child{background:var(--sand)}
.atlama{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.atlama a{padding:8px 12px;border:1px solid var(--control-border);border-radius:var(--r-chip);font-size:14px;text-decoration:none;background:var(--paper)}
.atlama a:hover{background:var(--primary-bg)}
.guvenlik-duzen{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start;padding-top:48px;padding-bottom:64px}
.sayfa-icindekiler{position:sticky;top:96px;display:grid;gap:8px;font-size:14px}
.sayfa-icindekiler nav{display:grid;gap:4px}
.sayfa-icindekiler ul{list-style:none;margin:8px 0 0;padding:0}
body.tanitim .sayfa-icindekiler h2{font:650 14px/1.4 var(--font);letter-spacing:0}
.sayfa-icindekiler a{display:block;min-height:36px;padding:8px 0;text-decoration:none}
.guvenlik-icerik{min-width:0}
.guvenlik-icerik .alan:first-child{padding-top:0}
.guvenlik-icerik section+section{margin-top:0}
.guvenlik-icerik h2{font-size:clamp(28px,3vw,34px);margin-bottom:16px}
.guvenlik-icerik p+p{margin-top:16px}
.sss summary{list-style:none;position:relative;padding-right:36px;min-height:28px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:4px;top:0;font-size:22px;font-weight:400;line-height:1.25}
.sss details[open]>summary::after{content:"−"}
.form fieldset{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:0}
.form legend{padding:0 8px;font-weight:650;font-size:16px}
.form fieldset.form-grup{display:block}
.form-alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.form-yardim{display:block;font-size:12.5px;font-weight:400;line-height:1.5;color:var(--ink-2);margin-top:6px}
.alan-hata{display:block;font-size:12.5px;font-weight:500;color:#a11717;margin-top:6px}
#form-durum{max-width:760px;margin-top:24px}
#form-aciklama{font-size:14px;color:var(--ink-2);margin-top:12px;max-width:76ch}
.form input,.form select{min-height:44px}
.form .kvkk-onay{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;font-weight:400}
.form .kvkk-onay input{width:20px;min-height:20px;height:20px;margin:2px 0 0;flex:0 0 20px;accent-color:var(--primary)}
.form [aria-invalid=true]{border-color:#b91c1c;box-shadow:0 0 0 1px #b91c1c}
.form-not[role=status],.form-durum{display:block}
.form .bal-kupu{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form [disabled]{cursor:not-allowed}
.form .dugme[disabled]{opacity:1;color:#46536e;background:#e8eaf0;border-color:var(--control-border)}
@media (max-width:1100px) and (min-width:901px){.ust-ic{gap:12px}.menu{gap:0;margin-left:0}.menu a{font-size:14px;padding:7px}.ust-sag .dugme{font-size:13.5px;padding:9px 12px}}
@media (min-width:600px) and (max-width:900px){.ray{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .ust-ic{height:60px;gap:12px}.marka img.marka-logo{height:32px}.menu-ac{display:flex}
  .menu{top:60px;max-height:calc(100dvh - 60px);overflow:auto;align-items:stretch;padding:12px 20px 20px;gap:2px}
  .menu a{min-height:44px;display:flex;align-items:center;font-size:15px;padding:10px 12px}
  .menu .menu-mobil{display:flex!important}.menu .dugme{margin-top:8px}
  .menu .menu-mobil{flex-direction:column;align-items:stretch}
  .menu .dugme.ana{background:var(--primary);color:#fff}
  .dugme{min-height:44px}.bolum{padding:var(--s8) 0}
  .olcek{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.olcek .kare{aspect-ratio:1}.olcek b{font-size:15px}.olcek span{font-size:14px}
  .guvenlik-duzen{grid-template-columns:minmax(0,1fr);gap:28px}.sayfa-icindekiler{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}
  .form fieldset{grid-template-columns:1fr;padding:16px}
  .form-alanlar{grid-template-columns:1fr}
  .isik{padding:68px 8px 108px}.isik img{max-height:calc(100dvh - 210px)}.isik-altyazi{font-size:13px;padding:0 8px;max-height:90px}
  .isik .isik-once,.isik .isik-sonra{top:auto;bottom:12px;transform:none}.isik .isik-once{left:calc(50% - 54px)}.isik .isik-sonra{right:calc(50% - 54px)}
}
@media (max-width:480px){
  .wrap{width:calc(100% - 32px)}.hero .eylem{flex-direction:column;gap:12px}.hero .eylem .dugme{width:100%}
  .hero h1{font-size:38px}.hero .alt{font-size:17px}.hero-gorsel{margin-top:40px}
  .paket{padding:24px 20px}.paket .rozet{left:20px}.alt-gr{gap:24px 18px}.alt-gr>div:first-child{grid-column:1/-1}
  .acilar,.uclu{gap:28px}.ikili>div{padding:24px 20px}.sayfa-bas{padding:48px 0 40px}
}

/* P4: okunabilir belge bileşenleri ve aşamalı istemci etkileşimi */
.icerik{overflow-wrap:anywhere}.icerik pre{overflow-wrap:normal}
.icerik h2{line-height:1.25}.icerik h3{line-height:1.3}
.icerik figure{margin:24px 0 30px}
.icerik figure figcaption{font-size:13.5px;line-height:1.5;color:var(--ink-2);padding:12px 16px;background:var(--sand)}
.icerik blockquote{border-left:4px solid var(--primary);background:var(--info-bg);border-radius:0 var(--r) var(--r) 0;padding:16px 20px}
.icerik blockquote.not{background:var(--info-bg);border-left-color:var(--primary)}
.icerik blockquote.dikkat{background:var(--warn-bg);border-left-color:var(--warn)}
.icerik blockquote.ipucu{background:var(--tip-bg);border-left-color:var(--ok)}
.icerik blockquote p{color:var(--ink)}
.guncelleme{font-size:13px;color:var(--ink-3);margin:0 0 26px!important}
.yol ol{display:flex;flex-wrap:wrap;list-style:none;gap:6px;padding:0;margin:0;color:var(--ink-3)}
.yol li{margin:0}.yol li+li::before{content:"/";padding-right:6px;color:var(--ink-3)}
.yol a{text-underline-offset:3px}
.yan details{margin-top:16px}.yan summary{font-size:13px;font-weight:650;color:var(--ink);cursor:pointer;padding:7px 0}
.yan details a{padding-top:6px;padding-bottom:6px}
.sonuc{max-width:calc(100vw - 32px)}
.sonuc a{text-decoration:none;cursor:pointer;padding:11px 12px;line-height:1.45}
.sonuc a[aria-selected=true]{background:var(--primary-bg);box-shadow:inset 3px 0 var(--primary)}
.sonuc a small{margin-top:4px;line-height:1.45;font-weight:400}
.sonuc mark{color:var(--ink);background:#f9e5ad;border-radius:2px}
.sonuc .arama-bilgi{font-size:13px;line-height:1.5;padding:10px 12px;color:var(--ink-2)}
.ara #ara-durum:not(.sr-only){font-size:12px;color:var(--ink-2);line-height:1.5;margin-top:6px}
.toc a[aria-current=location],.toc-mobil a[aria-current=location]{color:var(--primary);font-weight:650;background:var(--primary-bg);border-left:3px solid var(--primary);padding-left:9px}
.toc-mobil{display:none;border:1px solid var(--line);border-radius:var(--r);background:var(--sand);padding:12px 16px;margin:0 0 26px}
.toc-mobil summary{font-size:14px;font-weight:650;cursor:pointer;min-height:24px}
.toc-mobil a{display:block;padding:7px 0;color:var(--ink-2);font-size:14px;text-decoration:none;line-height:1.5}
.toc-mobil summary+a{margin-top:10px}
.kapi{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.kapi-kap{padding-top:32px;padding-bottom:80px}
.rol-kartlari{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:40px}
.rol-kartlari section{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:var(--sand);min-width:0}
.rol-kartlari h2{font:680 20px/1.3 var(--font);letter-spacing:-.02em}
.rol-kartlari ul{padding:0;margin:16px 0 0;list-style:none}
.rol-kartlari li{margin:8px 0}.rol-kartlari a{font-size:14px;line-height:1.5;text-underline-offset:3px}
.kod-blok{border-radius:var(--r);overflow:hidden;background:var(--navy);margin-bottom:20px;min-width:0}
.kod-bas{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px 7px 18px;background:#1b2a53;color:#e7ebf7;min-height:44px}
.kod-dil{font:500 12px/1.4 var(--mono)}
.kod-kopyala{font:500 12px var(--font);cursor:pointer;min-height:32px;padding:6px 10px;border:1px solid #8e9bbd;border-radius:5px;background:transparent;color:#fff}
.kod-kopyala:hover{background:#2b3c68}
.kod-kopyala:focus-visible{outline-color:#fff}
.icerik .kod-blok pre{border-radius:0;margin:0;padding:16px 18px 20px;max-width:100%;background:var(--navy);white-space:pre}
.icerik .kod-blok pre:focus-visible{outline-offset:-3px;outline-color:#c9d2ec}
.kod-sekmeleri{min-width:0;margin-bottom:24px}
.kod-sekmeleri.hazir{border-radius:var(--r);overflow:hidden;background:var(--navy)}
.kod-sekmeleri.hazir .kod-blok{border-radius:0;margin:0}
.kod-sekme-liste{display:flex;gap:4px;overflow:auto;background:var(--sand);border:1px solid var(--line);border-bottom:0;border-radius:var(--r) var(--r) 0;padding:5px}
.kod-sekme-liste button{font:600 13px var(--font);color:var(--ink-2);background:transparent;border:0;border-radius:6px;white-space:nowrap;min-height:40px;padding:9px 14px;cursor:pointer}
.kod-sekme-liste button[aria-selected=true]{background:var(--primary);color:#fff}
.sonraki{padding:20px 24px;margin-top:32px;border:1px solid var(--line);border-radius:var(--r);background:var(--sand)}
.icerik .sonraki h2{font-size:20px;margin:0 0 12px;padding:0}
.uc summary code{overflow-wrap:anywhere}.uc .ic{min-width:0}
@media (max-width:1100px){.toc-mobil{display:block}.kapi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .sonuc{width:100%;top:44px}.yan{overflow:visible;padding-right:0}.yan summary{min-height:40px;padding-top:10px}
  html:not(.js) .yan nav{display:block}html:not(.js) .yan-ac{display:none!important}
  html:not(.js) .menu{display:flex;position:static;max-height:none;flex:1 0 100%;border:0;padding:12px 0;flex-direction:row;flex-wrap:wrap}
  html:not(.js) .menu-ac{display:none}html:not(.js) .ust-ic{height:auto;min-height:60px;flex-wrap:wrap;padding-top:12px}
  html:not(.js) .ust{position:static}
  .icerik pre,.icerik pre code{font-size:13px}.kod-kopyala{min-height:36px}.kod-sekme-liste button{min-height:44px}
}
@media (max-width:700px){.kapi{grid-template-columns:minmax(0,1fr)}.rol-kartlari{grid-template-columns:minmax(0,1fr)}}
@media print{.menu-ac,.toc-mobil,.kod-bas,.kod-sekme-liste,.buyut::after{display:none!important}.kod-blok[hidden]{display:block!important}.kod-blok,.icerik pre{background:#f6f5f0!important;color:#111a33!important;break-inside:avoid}.icerik pre{white-space:pre-wrap!important}.icerik{max-width:none}}

/* İçerik şablonlarının ortak yardımcı sınıfları */
.vurgu-f1{--c:var(--f1)}.vurgu-f2{--c:var(--f2)}.vurgu-f3{--c:var(--f3)}.vurgu-f4{--c:var(--f4)}.vurgu-f6{--c:var(--f6)}.vurgu-f7{--c:var(--f7)}.vurgu-f9{--c:var(--f9)}.vurgu-f10{--c:var(--f10)}.vurgu-f12{--c:var(--f12)}
.kirp-harita{--p:60% 45%}.kirp-kablo{--p:100% 30%}.kirp-ek{--p:20% 8%}
.bolum-kisa{padding-top:56px}.ozel-fiyat{font-size:27px;font-weight:700;margin-top:18px}
.ozel-fiyat-not{display:block;font-size:13.5px;font-weight:500;color:#aebbe4}
.ust-bosluk{margin-top:20px}table.tablo-hizmet{min-width:560px}
.sektorler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.sektorler>div,.sektorler>article{border-top:2px solid var(--line);padding-top:20px}
.sektorler h3{font-size:19px;line-height:1.3}.sektorler p{color:var(--ink-2);font-size:15.5px;margin-top:10px}
.guvenlik-ozet{padding-top:32px;margin-top:32px;border-top:1px solid #ffffff30;max-width:78ch}
.guvenlik-ozet h3{font-size:21px}.guvenlik-ozet p{color:#c9d2ec;margin-top:10px}
.guvenlik-ozet a{display:inline-flex;color:#fff;text-underline-offset:4px;margin-top:16px}
.koyu a:not(.dugme){color:#fff;text-underline-offset:4px}
.koyu :focus-visible,.hero :focus-visible,.alt-bilgi :focus-visible{outline-color:#c9d2ec}
.urun-gorseli{margin:0;min-width:0}.urun-gorseli figcaption{font-size:13.5px;color:var(--ink-2);margin-top:10px;line-height:1.5}
.hero-gorsel{margin-left:0;margin-right:0}.hero-gorsel figcaption{font-size:12px;color:#c9d2ec;margin-top:10px;padding-bottom:16px;line-height:1.5}
.gecis-adimlari{grid-template-columns:repeat(5,minmax(0,1fr))}
.galeri-grup .galeri{margin-top:32px}.galeri-grup .acikla{max-width:72ch;color:var(--ink-2);margin:14px 0 28px}
@media (min-width:901px) and (max-width:1100px){.sektorler{grid-template-columns:repeat(2,minmax(0,1fr))}.gecis-adimlari{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.sektorler,.gecis-adimlari{grid-template-columns:minmax(0,1fr)}.sektorler{gap:24px}}


