/* Sheen indirme sitesi. Renkler uygulamanın B2 belirtiminden (tasarim/b2/NOT.md). */
:root{
  --z0:#141414; --z1:#1B1B1B; --z2:#262626; --z3:#333333;
  --t1:#ECECEC; --t2:#A8A8A8; --t3:#8E8E8E;
  --vur:#F2A93B; --vur-koyu:#141414;
  --cizgi:rgba(255,255,255,.08);
  --kap:1520px; --kenar:clamp(16px,4vw,64px);
  --yazi:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--z0);color:var(--t1);font-family:var(--yazi);font-size:18px;line-height:1.55;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;text-wrap:balance}
p{margin:0}
:focus-visible{outline:2px solid #F2F2F2;outline-offset:3px;border-radius:4px}

/* dil: iki dil de sayfada, biri gizli */
html[lang="en"] .tr, html[lang="tr"] .en{display:none}

.kap{max-width:var(--kap);margin:0 auto;padding:0 var(--kenar)}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:10;background:rgba(20,20,20,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.ust.kaydi{border-bottom-color:var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:40px;height:68px}
.marka img{width:108px;height:auto}
.ust-nav{display:flex;gap:28px;margin-left:auto;font-size:15px}
.ust-nav a{text-decoration:none;color:var(--t2)}
.ust-nav a:hover{color:var(--t1)}
.dil{display:flex;background:var(--z2);border-radius:6px;padding:2px}
.dil button{font:600 13px/1 var(--yazi);color:var(--t2);background:none;border:0;padding:7px 10px;border-radius:4px;cursor:pointer}
.dil button[aria-pressed="true"]{background:var(--z3);color:var(--t1)}

/* hero */
.hero{padding:clamp(48px,9vh,112px) 0 0;position:relative}
.hero .kap:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;align-items:start}
.hero h1{grid-column:1/-1;font-size:clamp(52px,7.6vw,146px);line-height:.9;letter-spacing:-.025em;font-stretch:125%;font-weight:800;margin-bottom:clamp(32px,4.5vh,56px)}
.hero h1 span{display:block}
.giris{font-size:clamp(18px,1.3vw,23px);color:var(--t2);max-width:30em;padding-top:4px}
.indir-blok{text-align:right}
.indir-blok .pc-not{text-align:left}
.indir{display:inline-flex;align-items:center;gap:12px;background:var(--vur);color:var(--vur-koyu);text-decoration:none;
  font-weight:700;font-size:20px;padding:18px 28px;border-radius:8px;transition:background .15s,transform .15s}
.indir:hover{background:#F6BB60}
.indir:active{transform:translateY(1px)}
.indir-bilgi{margin-top:12px;font-size:15px;color:var(--t3)}
.indir-ek{font-weight:500;font-size:15px;opacity:.75;margin-left:4px;padding-left:14px;border-left:1px solid rgba(0,0,0,.25)}
.hash{margin-top:6px;font-size:13px;color:var(--t3);display:flex;gap:8px;justify-content:flex-end;align-items:baseline}
.hash code{font:500 12px var(--mono);color:var(--t2);max-width:22em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
.hash-not{margin-top:48px;font-size:15px;color:var(--t3);max-width:62em}
.hash-not code{font:500 13px var(--mono);color:var(--t2);background:var(--z1);border:1px solid var(--z3);border-radius:4px;padding:1px 6px}
.hash-not .tam{word-break:break-all}
.tarayici{background:#202124;display:flex;align-items:center;justify-content:center;padding:16px}
.tr-panel{width:100%;background:#2d2e30;border-radius:8px;padding:12px 12px 10px;font-family:"Segoe UI",var(--yazi);font-size:12.5px;line-height:1.4;color:#e8eaed;box-shadow:0 8px 24px rgba(0,0,0,.4);text-align:left}
.tr-baslik{font-weight:600;font-size:14px;margin-bottom:10px}
.tr-satir{display:flex;gap:10px;align-items:flex-start}
.tr-uyari{flex:none;width:18px;height:18px;border-radius:50%;background:#f2b8b5;color:#202124;font-weight:700;display:grid;place-items:center;font-size:12px}
.tr-metin{flex:1;color:#c4c7c5}.tr-metin b{color:#e8eaed}
.tr-uc{flex:none;font-size:16px;line-height:1;padding:2px 6px}
.tr-menu{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}
.tr-menu>span{padding:4px 12px;border-radius:4px;background:#3c4043}
.pc-not{margin-top:16px;padding:16px;border-left:2px solid var(--vur);background:rgba(242,169,59,.08);border-radius:0 6px 6px 0;max-width:30em;font-size:16px}
.pc-not b{color:var(--vur)}
.ikincil{margin-top:12px;font:600 15px/1 var(--yazi);color:var(--t1);background:var(--z2);border:1px solid var(--z3);padding:11px 16px;border-radius:6px;cursor:pointer}
.ikincil:hover{background:var(--z3)}
.kopyalandi{margin-left:12px;font-size:14px;color:#74C892}

.hero-gorsel{margin-top:clamp(48px,7vh,88px);position:relative}
.hero-gorsel::before{content:"";position:absolute;left:10%;right:10%;top:8%;bottom:-10%;z-index:-1;
  background:radial-gradient(60% 55% at 50% 45%,rgba(242,169,59,.16),rgba(242,169,59,0) 70%);filter:blur(30px)}

/* ekran çerçevesi + parıltı */
.cam{margin:0;position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);
  background:var(--z1);box-shadow:0 30px 90px -20px rgba(0,0,0,.75)}
.cam img{width:100%}
.parla::after{content:"";position:absolute;inset:-2px;pointer-events:none;
  background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.05) 55%,transparent 62%);
  transform:translateX(-110%)}
.parla.gor::after{animation:parilti 1.7s cubic-bezier(.25,.6,.2,1) .15s forwards}
@keyframes parilti{to{transform:translateX(110%)}}

/* özellikler */
.ozellik{padding:clamp(96px,14vh,180px) 0 0}
.satir{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,10fr);gap:clamp(40px,5vw,96px);align-items:center;margin-bottom:clamp(96px,14vh,176px)}
.satir.ters{grid-template-columns:minmax(0,10fr) minmax(0,5fr)}
.satir.ters .metin{order:2}
.metin h2,.diger h2,.guvenli h2,.kurulum h2{font-size:clamp(30px,2.4vw,44px);line-height:1.05;letter-spacing:-.015em;font-stretch:112%}
.metin h2{margin-bottom:24px}
.metin p{color:var(--t2);max-width:30em}
.metin p+p{margin-top:16px}
kbd{font:500 .8em var(--mono);background:var(--z2);border:1px solid #444;border-radius:4px;padding:1px 6px;color:var(--t1)}
.kod{margin-top:24px!important}
.kod code{font:500 14px/1.5 var(--mono);color:var(--t1);background:var(--z1);border:1px solid var(--cizgi);border-radius:6px;padding:10px 14px;display:inline-block;max-width:100%;overflow-x:auto;white-space:nowrap}

/* kırpılmış ekran: kaynak 1440×900 koordinatında x,y,w,h bölgesi */
.kirp{aspect-ratio:calc(var(--w) / var(--h))}
.kirp img{position:absolute;max-width:none;width:calc(1440 / var(--w) * 100%);
  left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%)}
.cift{display:flex;flex-direction:column}
.cift .ikinci{width:58%;margin:-16% -4% 0 auto;box-shadow:0 30px 80px -10px rgba(0,0,0,.95)}

.diger{margin-bottom:clamp(96px,14vh,176px)}
.diger h2{margin-bottom:40px;max-width:16em}
.diger-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,10fr);gap:clamp(40px,5vw,96px);align-items:start}
.secici{display:flex;flex-direction:column}
.secici button{text-align:left;font:400 17px/1.5 var(--yazi);color:var(--t3);background:none;border:0;border-left:2px solid var(--z3);
  padding:18px 0 18px 22px;cursor:pointer;transition:color .15s,border-color .15s}
.secici button b{display:block;font-size:22px;font-weight:700;color:var(--t2);margin-bottom:6px;font-stretch:108%}
.secici button:hover b{color:var(--t1)}
.secici button[aria-selected="true"]{border-left-color:var(--vur);color:var(--t2)}
.secici button[aria-selected="true"] b{color:var(--t1)}
#p-diger img{transition:opacity .18s}
#p-diger img.soluk{opacity:0}

/* hile koruması */
.guvenli{background:var(--z1);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:clamp(80px,12vh,144px) 0}
.guvenli-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,10fr);gap:clamp(40px,5vw,96px)}
.guvenli-metin{max-width:44em}
.guvenli-metin p{color:var(--t2)}
.guvenli-metin p+p{margin-top:20px}
.guvenli-metin .buyuk{font-size:clamp(22px,1.7vw,30px);line-height:1.4;color:var(--t1);margin-bottom:32px}

/* kurulum */
.kurulum{padding:clamp(96px,14vh,176px) 0}
.kurulum h2{max-width:18em}
.kurulum-giris{color:var(--t2);max-width:44em;margin:24px 0 56px}
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:adim}
.adimlar li{counter-increment:adim}
.adimlar h3{font-size:20px;font-weight:700;margin:24px 0 8px;font-stretch:105%}
.adimlar h3::before{content:counter(adim);display:inline-grid;place-items:center;width:28px;height:28px;margin-right:12px;border-radius:50%;
  background:var(--z2);color:var(--vur);font-size:15px;vertical-align:2px}
.adimlar p{color:var(--t2);font-size:16px;padding-left:40px}
.adim-gorsel{height:220px;border-radius:8px;overflow:hidden}
.indir-gorsel{background:var(--z1);border:1px solid var(--cizgi);display:grid;place-items:center}
.dosya{display:flex;align-items:center;gap:12px;background:var(--z2);border:1px solid var(--z3);border-radius:8px;padding:14px 18px;font-weight:600;font-size:16px;
  box-shadow:0 0 0 2px var(--z1),0 0 0 4px var(--vur)}
/* SmartScreen penceresinin sade çizimi */
.ss{background:#1A5DAA;color:#fff;font-family:"Segoe UI",var(--yazi);padding:22px 24px;display:flex;flex-direction:column;font-size:13px;line-height:1.45}
.ss-baslik{font-size:21px;font-weight:600;line-height:1.2;margin-bottom:10px;font-family:"Segoe UI Light","Segoe UI",var(--yazi)}
.ss-metin{opacity:.92}
.ss-link{margin-top:6px;text-decoration:underline;align-self:flex-start;font-weight:600}
.ss-alt{margin-top:auto;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid rgba(255,255,255,.25);padding-top:12px}
.ss-btn{border:1px solid rgba(255,255,255,.8);padding:5px 16px;font-size:13px}
.isaret{outline:2px solid var(--vur);outline-offset:4px;border-radius:2px;box-shadow:0 0 0 7px rgba(242,169,59,.25)}

/* sürüm notları + SSS */
.notlar{border-top:1px solid var(--cizgi);padding:clamp(80px,12vh,144px) 0}
.notlar-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,10fr);gap:clamp(40px,5vw,96px)}
.notlar h2{font-size:clamp(26px,2vw,36px);font-stretch:112%;margin-bottom:24px}
.surum h3{font-size:17px;font-weight:700;color:var(--vur);margin-bottom:12px}
.surum ul{margin:0 0 20px;padding-left:20px;color:var(--t2);font-size:16px}
.surum li+li{margin-top:6px}
.ince{font-size:15px;color:var(--t3)}
.sss details{border-top:1px solid var(--cizgi)}
.sss details:last-child{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:19px;font-weight:600;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid var(--t2);border-bottom:2px solid var(--t2);
  transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.sss details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.sss details p{color:var(--t2);padding:0 40px 22px 0;max-width:42em;font-size:17px}

/* alt */
.alt{border-top:1px solid var(--cizgi);padding:48px 0 64px}
.alt-ic{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.alt p{margin-left:auto;color:var(--t3);font-size:15px}
.kucuk-indir{font-size:16px;padding:12px 18px}

@media (max-width:1100px){
  .ust-nav{display:none}
  .dil{margin-left:auto}
  .adimlar{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
}
@media (max-width:900px){
  body{font-size:17px}
  .ust-ic{height:58px}
  .hero .kap:first-child{display:block}
  .hero h1{font-size:clamp(44px,13vw,72px);margin-bottom:24px}
  .giris{margin-bottom:24px}
  .indir{display:flex;justify-content:center;width:100%}
  .indir-blok{text-align:left}
  .hash{justify-content:flex-start}
  .hash code{max-width:60vw}
  .hero-gorsel{margin-top:48px}
  .satir,.satir.ters,.diger-ic,.guvenli-ic,.notlar-ic{grid-template-columns:minmax(0,1fr);gap:32px}
  .satir.ters .metin{order:0}
  .cift .ikinci{width:100%;margin:16px 0 0}
  .adimlar{grid-template-columns:minmax(0,1fr);gap:40px}
  .alt p{margin-left:0;width:100%}
  .kucuk-indir{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .parla::after{display:none}
  *{transition:none!important}
}