/* ───────── iç sayfalar ───────── */
.pg{min-height:70vh}
.pg .sec{padding:calc(clamp(56px,7vw,104px) * var(--sec-scale,1)) 0}
.pg .sec h2{font-size:clamp(28px,3.3vw,46px);line-height:1.05}
.pg .sec h2.long{font:800 clamp(21px,2.1vw,29px)/1.3 var(--f-body);letter-spacing:-.01em;text-wrap:balance}
.pg .sec.paper h2.long{color:var(--paper-ink)}
.pg .sec .lead{font-size:clamp(16px,1.2vw,18px)}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center .lead{margin-left:auto;margin-right:auto}
.pg .sec-head{margin-bottom:clamp(26px,3.4vw,46px)}

/* sayfa başlığı */
.ph{position:relative;padding:clamp(128px,14vw,168px) 0 clamp(44px,5.5vw,84px);background:var(--ink-900);overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(96,159,194,.16)}
.ph-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(40vmax 40vmax at 82% 30%,rgba(41,117,163,.28),transparent 62%),
  linear-gradient(rgba(41,117,163,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(41,117,163,.07) 1px,transparent 1px);
  background-size:auto,96px 96px,96px 96px;
  -webkit-mask-image:radial-gradient(ellipse 100% 100% at 70% 20%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 100% 100% at 70% 20%,#000 20%,transparent 78%)}
.ph-in{display:grid;gap:clamp(28px,4vw,64px);align-items:center}
.ph-in.has-img{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.ph h1{font:400 clamp(34px,4.8vw,70px)/1.02 var(--f-display);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.ph h1.long{font-size:clamp(28px,3.5vw,50px);line-height:1.08}
.ph .lead{margin-top:22px;color:var(--txt-dim);font-size:clamp(16px,1.25vw,19px);max-width:58ch}
.ph .cta{margin-top:30px}
.ph-fig{margin:0}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;font:600 11.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--txt-dim)}
.crumbs a{transition:color .2s}.crumbs a:hover{color:var(--sun)}
.crumbs i{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid rgba(220,174,46,.6)}
.crumbs span{color:var(--steel-200)}
.ph .kicker{margin-bottom:18px}
.ph.nf{min-height:76vh;display:flex;align-items:center}
.ph.nf h1{font-size:clamp(90px,16vw,220px);color:transparent;-webkit-text-stroke:2px var(--steel);line-height:.9}

/* görsel çerçeve (teknik çizim köşe işaretleri) */
.frame{position:relative;margin:0;border-radius:8px;background:#fff;box-shadow:0 30px 60px -28px rgba(0,0,0,.55)}
.frame img,.frame video{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:8px}
.frame::before,.frame::after{content:"";position:absolute;width:26px;height:26px;border:0 solid var(--sun);pointer-events:none;z-index:1}
.frame::before{left:-8px;top:-8px;border-left-width:3px;border-top-width:3px;border-top-left-radius:6px}
.frame::after{right:-8px;bottom:-8px;border-right-width:3px;border-bottom-width:3px;border-bottom-right-radius:6px}
.sec.paper .frame{box-shadow:0 26px 50px -26px rgba(11,26,38,.5);outline:1.5px solid var(--paper-ink)}

/* metin + görsel */
.tm{display:grid;gap:clamp(30px,5vw,84px);align-items:center}
.tm.has-img{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
.tm.flip .frame{order:-1}
.tm-copy h2{margin-bottom:22px}
.tm:not(.has-img){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
.tm:not(.has-img) .tm-copy{display:contents}
.tm:not(.has-img) .tm-copy h2{margin:0}
.tm:not(.has-img) .prose{max-width:none}

/* yazı tipografisi */
.prose{font-size:clamp(15.5px,1.12vw,17px);line-height:1.8;max-width:68ch}
.prose.wide{max-width:900px}
.prose > * + *{margin-top:1.1em}
.sec.dark .prose{color:var(--txt-dim)}.sec.paper .prose{color:var(--paper-dim)}
.prose strong,.prose b{color:#fff;font-weight:700}.sec.paper .prose strong,.sec.paper .prose b{color:var(--paper-ink)}
.prose a{color:var(--sun);border-bottom:1px solid currentColor}.sec.paper .prose a{color:#1a6d97}
.prose h2,.prose h3,.prose h4{font:800 clamp(20px,1.9vw,26px)/1.25 var(--f-body);letter-spacing:-.01em;margin-top:1.8em}
.sec.dark .prose h2,.sec.dark .prose h3,.sec.dark .prose h4{color:#fff}.sec.paper .prose h2,.sec.paper .prose h3,.sec.paper .prose h4{color:var(--paper-ink)}
.prose h3,.prose h4{font-size:clamp(17px,1.5vw,21px)}
.prose ul,.prose ol{padding-left:0;list-style:none;display:grid;gap:.6em}
.prose ol{counter-reset:o}
.prose li{position:relative;padding-left:1.7em}
.prose ul li::before{content:"";position:absolute;left:.1em;top:.6em;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--sun)}
.prose ol li{counter-increment:o}.prose ol li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:.1em;font:600 .78em var(--f-mono);color:var(--steel)}
.prose blockquote{border-left:3px solid var(--sun);padding:.2em 0 .2em 1.2em;font-style:italic}
.prose img{max-width:100%;height:auto;border-radius:8px}
.prose hr{border:0;border-top:1px solid rgba(96,159,194,.25);margin:2em 0}.sec.paper .prose hr{border-color:var(--paper-line)}
.prose table{width:100%;border-collapse:collapse;font-size:.92em}
.prose th,.prose td{padding:.7em .9em;text-align:left;border-bottom:1px solid rgba(96,159,194,.22)}
.prose th{font:700 .8em var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.empty{color:var(--paper-dim);font-size:16px}

/* kartlar */
.cg{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.cg.n1{grid-template-columns:minmax(0,820px)}
.cg.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cg.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cg.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cg.n5,.cg.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.cd{position:relative;padding:32px 26px 28px;border-radius:6px;overflow:hidden;transition:transform .45s var(--ease),border-color .3s,background .3s}
.cd::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--sun);transition:width .5s var(--ease)}
.cd:hover{transform:translateY(-5px)}.cd:hover::after{width:100%}
.sec.paper .cd{background:rgba(255,255,255,.65);border:1.5px solid var(--paper-ink)}.sec.paper .cd:hover{background:#fff}
.sec.dark .cd{background:rgba(14,38,60,.7);border:1px solid rgba(96,159,194,.26)}.sec.dark .cd:hover{border-color:rgba(96,159,194,.6);background:rgba(20,52,78,.85)}
.cd-n{position:absolute;right:14px;top:8px;font:400 52px/1 var(--f-display);color:transparent;-webkit-text-stroke:1.2px rgba(41,117,163,.55)}
.cd-i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:22px;margin-bottom:18px;background:rgba(41,117,163,.14);border:1px solid rgba(41,117,163,.4)}
.cd h3{font:800 clamp(17px,1.4vw,20px)/1.3 var(--f-body);margin:6px 40px 12px 0;letter-spacing:-.005em}
.sec.dark .cd h3{color:#fff}.sec.paper .cd h3{color:var(--paper-ink)}
.cd:not(:has(.cd-i)) h3{margin-top:30px}
.cd p{font-size:15px;line-height:1.7}
.sec.dark .cd p{color:var(--txt-dim)}.sec.paper .cd p{color:var(--paper-dim)}

/* CTA */
.pg .sec.blk-cta{text-align:center;background:var(--ink-900)}
.pg .sec.blk-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40vmax 22vmax at 50% 100%,rgba(220,174,46,.13),transparent 70%)}
.ctab{max-width:760px;margin:0 auto;display:grid;gap:22px;justify-items:center}
.ctab h2{font-size:clamp(30px,4vw,56px)!important}

/* PDF */
.pdfb-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.pdfb-act{display:flex;gap:10px;flex-wrap:wrap}
.pdfb iframe{width:100%;height:min(84vh,920px);min-height:520px;border:0;border-radius:10px;background:#fff;box-shadow:0 30px 60px -30px rgba(11,26,38,.55);outline:1.5px solid var(--paper-ink)}
.pdfb-m{display:none;margin-top:14px;font-size:14px}
.pdfb-m a{color:#1a6d97;border-bottom:1px solid currentColor}
@media (max-width:760px){.pdfb iframe{display:none}.pdfb-m{display:block}}

/* ürünler */
.pg-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:20px}
.pc{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:transform .45s var(--ease),border-color .3s,box-shadow .3s}
.pc:hover{transform:translateY(-6px)}
.sec.paper .pc{background:#fff;border:1.5px solid var(--paper-ink)}.sec.paper .pc:hover{box-shadow:0 24px 40px -24px rgba(11,26,38,.5)}
.sec.dark .pc{background:rgba(14,38,60,.75);border:1px solid rgba(96,159,194,.28)}.sec.dark .pc:hover{border-color:var(--steel-300)}
.pc-img{aspect-ratio:1/1;background:#f1f5f8;display:grid;place-items:center;padding:18px;position:relative;
  background-image:linear-gradient(rgba(41,117,163,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(41,117,163,.09) 1px,transparent 1px);background-size:24px 24px}
.pc-img img,.pc-img video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .6s var(--ease)}
.pc:hover .pc-img img{transform:scale(1.05)}
.pc-b{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc-code{font:600 11px var(--f-mono);letter-spacing:.14em;color:var(--steel)}
.pc h3{font:800 17px/1.3 var(--f-body)}.sec.dark .pc h3{color:#fff}.sec.paper .pc h3{color:var(--paper-ink)}
.pc-d{font-size:14px;color:var(--paper-dim)}.sec.dark .pc-d{color:var(--txt-dim)}
.pc-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px}
.pb{all:unset;box-sizing:border-box;cursor:pointer;font:700 12.5px var(--f-body);padding:10px 14px;border-radius:9px;background:var(--sun);color:var(--sun-ink);transition:transform .2s,box-shadow .3s;text-align:center}
.pb:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(220,174,46,.6)}
.pb.alt{background:transparent;color:inherit;border:1.5px solid currentColor}
.sec.dark .pb.alt{color:var(--steel-200)}.sec.paper .pb.alt{color:var(--paper-ink)}
.pb:focus-visible{outline:2px solid var(--steel);outline-offset:3px}

/* belgeler */
.dg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.dc{display:flex;flex-direction:column;gap:12px;transition:transform .45s var(--ease)}
.dc:hover{transform:translateY(-6px)}
.dc-cover{aspect-ratio:3/4;display:grid;place-items:center;background:#fff;border:1.5px solid var(--paper-ink);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 18px 30px -20px rgba(11,26,38,.5)}
.dc-cover img{width:100%;height:100%;object-fit:cover}
.dc-cover::after{content:"";position:absolute;right:0;top:0;width:30px;height:30px;background:linear-gradient(225deg,var(--paper) 50%,#d7dde3 50%);border-bottom-left-radius:4px}
.dc-pdf{font:400 44px/1 var(--f-display);color:transparent;-webkit-text-stroke:1.6px var(--steel)}
.dc-t{font:700 14px/1.4 var(--f-body);color:var(--paper-ink)}
.dc-b{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--f-body);color:#1a6d97}
.dc-b i{width:18px;height:2px;background:currentColor;position:relative;transition:width .3s var(--ease)}
.dc:hover .dc-b i{width:30px}

/* SSS */
.faq-list{max-width:880px;margin:0 auto;border-top:1.5px solid var(--paper-ink)}
.fq{border-bottom:1px solid var(--paper-line)}
.fq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4px;cursor:pointer;list-style:none;font:800 clamp(16px,1.4vw,19px)/1.4 var(--f-body);color:var(--paper-ink);transition:color .2s}
.fq summary::-webkit-details-marker{display:none}
.fq summary:hover{color:#1a6d97}
.fq summary:focus-visible{outline:2px solid var(--steel);outline-offset:2px}
.fq summary i{position:relative;flex:none;width:34px;height:34px;border:1.5px solid var(--paper-ink);border-radius:50%;transition:background .25s,transform .4s var(--ease),border-color .25s}
.fq summary i::before,.fq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--paper-ink);transition:transform .35s var(--ease)}
.fq summary i::after{transform:rotate(90deg)}
.fq[open] summary i{background:var(--sun);border-color:var(--sun)}
.fq[open] summary i::after{transform:rotate(0)}
.fa{padding:0 4px 26px;max-width:70ch;color:var(--paper-dim);line-height:1.8;font-size:16px;animation:fa .5s var(--ease)}
.fa > * + *{margin-top:.9em}
.fa ul{list-style:disc;padding-left:1.2em}
@keyframes fa{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* blog */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:26px}
.bc{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .3s}
.bc:hover{transform:translateY(-6px)}
.sec.paper .bc{background:#fff;border:1.5px solid var(--paper-ink)}.sec.paper .bc:hover{box-shadow:0 26px 40px -26px rgba(11,26,38,.55)}
.bgrid.dk .bc{background:rgba(14,38,60,.75);border:1px solid rgba(96,159,194,.28)}
.bc-img{aspect-ratio:16/10;background:#e8eef3;overflow:hidden;display:grid;place-items:center}
.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.bc:hover .bc-img img{transform:scale(1.06)}
.bc-ph{font:400 54px var(--f-display);color:transparent;-webkit-text-stroke:1.5px var(--steel)}
.bc-b{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1}
.bc-m{font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.bc h3{font:800 clamp(18px,1.5vw,21px)/1.3 var(--f-body);letter-spacing:-.005em}
.sec.paper .bc h3{color:var(--paper-ink)}.bgrid.dk .bc h3{color:#fff}
.bc-s{font-size:14.5px;line-height:1.65;color:var(--paper-dim)}.bgrid.dk .bc-s{color:var(--txt-dim)}
.bc .more{margin-top:auto;padding-top:6px;color:#1a6d97}.bgrid.dk .bc .more{color:var(--sun)}
.bfeat{margin-bottom:26px}
.bc.big{flex-direction:row}
.bc.big .bc-img{flex:1.1;aspect-ratio:auto;min-height:340px}
.bc.big .bc-b{flex:1;justify-content:center;padding:clamp(24px,3.5vw,48px)}
.bc.big h3{font-size:clamp(24px,2.6vw,36px)}

/* makale */
.am{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font:600 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-dim)}
.am span:first-child:not(:only-child),.am time{position:relative}
.am b{color:var(--steel-200);font-weight:600}
.art{max-width:840px;margin:0 auto}
.art-cover{margin-bottom:clamp(30px,4vw,52px)}
.art-body{max-width:none;font-size:clamp(16.5px,1.25vw,18.5px)}
.art-body h2{font-size:clamp(23px,2.3vw,31px);margin-top:2em}

/* belge görüntüleyici */
.lb{width:min(1100px,94vw);height:88vh;padding:0;border:1px solid rgba(96,159,194,.35);border-radius:14px;background:#0a1b28;overflow:hidden}
.lb::backdrop{background:rgba(3,10,16,.82);backdrop-filter:blur(6px)}
.lb iframe{width:100%;height:100%;border:0;background:#fff}
.lb-x{position:absolute;right:14px;top:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:var(--sun);color:var(--sun-ink);font:700 24px/1 var(--f-body);cursor:pointer}

/* iletişim sayfası: başlık bölümü yok → boşluğu azalt */
.pg .contact{padding-top:clamp(48px,6vw,88px)}
.pg .contact .wrap.two{align-items:start}
.pg .contact .ledger{margin-top:0}

@media (max-width:1100px){
  .cg.n4,.cg.n5,.cg.n6,.cg.n3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .ph-in.has-img,.tm.has-img,.tm:not(.has-img){grid-template-columns:1fr}
  .tm:not(.has-img) .tm-copy h2{margin-bottom:14px}
  .tm.flip .frame{order:0}
  .ph-fig{max-width:560px}
  .bc.big{flex-direction:column}.bc.big .bc-img{min-height:240px;flex:none;aspect-ratio:16/10}
}
@media (max-width:620px){
  .cg.n2,.cg.n3,.cg.n4,.cg.n5,.cg.n6{grid-template-columns:1fr}
  .pg-grid{grid-template-columns:1fr}
  .dg{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .ph{padding-top:112px}
}
@media (prefers-reduced-motion:reduce){.fa{animation:none}.cd,.pc,.bc,.dc{transition:none}}

.pc-img.miss::before,.bc-img.miss::before{content:'KS';font:400 54px var(--f-display);color:transparent;-webkit-text-stroke:1.5px var(--steel)}
.dc-cover.miss{background:#fff}

/* özel logo (admin → Logo) ve popup */
.popup{width:min(460px,92vw);padding:0;border:1px solid rgba(96,159,194,.35);border-radius:14px;background:#0a1b28;color:var(--txt);overflow:hidden}
.popup::backdrop{background:rgba(3,10,16,.8);backdrop-filter:blur(6px)}
.popup img{display:block;width:100%;max-height:260px;object-fit:cover}
.popup-b{padding:24px 26px 28px;display:grid;gap:12px;justify-items:start}
.popup h3{font:400 28px/1.1 var(--f-display);color:#fff}
.popup p{color:var(--txt-dim);font-size:15px}
.popup .lb-x{position:absolute;right:12px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:var(--sun);color:var(--sun-ink);font:700 22px/1 var(--f-body);cursor:pointer;z-index:2}

/* <dialog>: genel '*{margin:0}' sıfırlaması tarayıcının ortalamasını (margin:auto) bozuyordu */
dialog.lb,dialog.popup{margin:auto}