/* Fraunces 500 600 italic latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-var-italic-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;
}
/* Fraunces 500 600 italic latin */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-var-italic-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;
}
/* Fraunces 500 600 normal latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-var-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;
}
/* Fraunces 500 600 normal latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-var-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;
}
/* Poppins 300 normal latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/poppins-300-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;
}
/* Poppins 300 normal latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/poppins-300-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;
}
/* Poppins 400 normal latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/poppins-400-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;
}
/* Poppins 400 normal latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/poppins-400-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;
}
/* Poppins 500 normal latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/poppins-500-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;
}
/* Poppins 500 normal latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/poppins-500-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;
}
/* Poppins 600 normal latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/poppins-600-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;
}
/* Poppins 600 normal latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/poppins-600-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;
}

/* ============================================================
   SAHNE — canlı tasarım sistemi
   Beyaz kağıt + antrasit sahne + tek turuncu vurgu (#C75A12).
   Fraunces (serif başlık) + Poppins (metin). Kaynak: bu dosya.
   Sayfaya özel istisna: sertifika.html'in belge tuvali kendi
   <style> bloğunda kalır.
   ============================================================ */
:root{
  --accent:#C75A12;
  --ink:#141414;
  --charcoal:#242322;
  --deep:#1b1a19;
  --paper:#FFFFFF;
  --smoke:#F4F2EF;
  --muted:#6d6a66;
  --line:#eceae6;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Poppins',Arial,sans-serif;
  --maxw:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:15.5px;font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;line-height:1.15}
.kicker{font-size:11.5px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.h-sec{font-size:clamp(30px,3.6vw,46px)}
section.pad{padding:96px 0}
.prose p{margin:0 0 18px}
.prose b{font-weight:500}
[hidden]{display:none !important}

/* ---- hareket sistemi: kaydırmada fade-up ---- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.12s}.rv-d2{transition-delay:.24s}.rv-d3{transition-delay:.36s}.rv-d4{transition-delay:.48s}
@media (prefers-reduced-motion: reduce){
  .rv{opacity:1;transform:none;transition:none}
  .hero img.bg{animation:none!important}
  .mq__track,.strip__t{animation:none!important}
}

/* ---- nav ---- */
header.nav{background:#0d0d0d;color:#fff;position:sticky;top:0;z-index:40}
.nav__in{display:flex;align-items:center;justify-content:space-between;height:84px}
.nav__logo{font-family:var(--serif);font-size:26px;font-weight:500;color:#fff;white-space:nowrap}
.nav__links{display:flex;align-items:center;gap:32px}
.nav__links a{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#fff;transition:.2s}
.nav__links a:hover{color:var(--accent)}
.nav__links a[aria-current="page"]{color:var(--accent)}
.nav__lang{opacity:.6}
.nav__lang:hover{opacity:1}
.nav__cta{border:1.5px solid var(--accent);color:var(--accent)!important;padding:13px 22px!important}
.nav__cta:hover{background:var(--accent);color:#fff!important}
/* yüklenmede sıralı giriş */
.nav .he{opacity:0;transform:translateY(-8px);animation:heIn .6s ease forwards}
.nav .he:nth-child(1){animation-delay:.05s}.nav .he:nth-child(2){animation-delay:.15s}
.nav .he:nth-child(3){animation-delay:.25s}.nav .he:nth-child(4){animation-delay:.35s}
.nav .he:nth-child(5){animation-delay:.45s}.nav .he:nth-child(6){animation-delay:.55s}
.nav__logo.he{animation-delay:.05s}
@keyframes heIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.nav .he{opacity:1;transform:none;animation:none}}
/* mobil menü */
.nav__burger{display:none;background:none;border:none;cursor:pointer;padding:10px;margin-left:6px}
.nav__burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.3s}
.mnav{position:fixed;inset:0;background:#0d0d0d;z-index:60;display:flex;flex-direction:column;
  justify-content:center;padding:44px 36px;opacity:0;pointer-events:none;transition:opacity .35s ease}
.mnav.open{opacity:1;pointer-events:auto}
.mnav a{font-family:var(--serif);font-size:32px;font-weight:500;color:#fff;padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}
.mnav.open a{opacity:1;transform:none}
.mnav.open a:nth-child(2){transition-delay:.08s}.mnav.open a:nth-child(3){transition-delay:.16s}
.mnav.open a:nth-child(4){transition-delay:.24s}.mnav.open a:nth-child(5){transition-delay:.32s}
.mnav.open a:nth-child(6){transition-delay:.4s}
.mnav a.acc{color:var(--accent)}
.mnav__x{position:absolute;top:18px;right:22px;background:none;border:none;color:#fff;
  font-size:38px;font-weight:300;cursor:pointer;line-height:1;padding:8px}
@media (prefers-reduced-motion: reduce){.mnav,.mnav a{transition:none}}

/* ---- butonlar ---- */
.btn{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;padding:16px 30px;border:1.5px solid var(--accent);transition:.25s;cursor:pointer;background:transparent}
.btn--fill{background:var(--accent);color:#fff}
.btn--fill:hover{background:transparent;color:var(--accent)}
.btn--line{color:var(--accent)}
.btn--line:hover{background:var(--accent);color:#fff}
.btn--ondark{color:#fff;border-color:#fff}
.btn--ondark:hover{background:#fff;color:var(--ink)}

/* ---- ana sayfa: hero + istatistik şeridi ---- */
.hero{position:relative;min-height:86vh;display:flex;align-items:flex-end;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;
  animation:kenburns 18s ease-in-out infinite alternate}
.hero video.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.hero video.bg{display:none}}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.18) 48%, rgba(0,0,0,.3) 100%)}
.hero__inner{position:relative;z-index:2;width:100%;padding:0 0 56px}
.hero__kicker{color:#fff;font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;opacity:.85;margin-bottom:18px}
.hero h1{color:#fff;font-size:clamp(38px,5.6vw,78px);max-width:880px}
.hero h1 em{font-style:italic}
.hero__sub{color:#fff;opacity:.85;max-width:560px;margin:22px 0 30px;font-size:16px}
.hero__cta{display:flex;gap:16px;flex-wrap:wrap}
.stats{position:relative;z-index:3;background:#0d0d0d;border-top:1px solid rgba(255,255,255,.12);color:#fff}
.stats__in{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--maxw);margin:0 auto;padding:0 28px}
.stats .s{padding:34px 10px;text-align:center;color:#fff}
.stats .s + .s{border-left:1px solid rgba(255,255,255,.12)}
.stats b{display:block;font-family:var(--serif);font-weight:600;font-size:40px;line-height:1;margin-bottom:6px}
.stats span{font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;opacity:.65}

/* ---- showreel ---- */
.showreel{padding:110px 0 90px;text-align:center}
.showreel .quote-mark{font-family:var(--serif);font-size:80px;line-height:.4}
.showreel .rule{width:64px;height:5px;background:var(--accent);margin:36px auto 40px}
.showreel h2{font-size:clamp(28px,3.2vw,44px);max-width:700px;margin:0 auto 40px}
.reel{position:relative;max-width:880px;margin:0 auto;cursor:pointer;overflow:hidden}
.reel img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .7s ease}
.reel:hover img{transform:scale(1.04)}
.reel__btn{position:absolute;inset:0;margin:auto;width:86px;height:86px;background:var(--accent);
  display:flex;align-items:center;justify-content:center;transition:.25s}
.reel__btn::after{content:"";border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff}
.reel:hover .reel__btn{transform:scale(1.08)}
.reel__label{position:absolute;left:0;bottom:0;background:rgba(13,13,13,.85);color:#fff;
  font-size:13px;padding:12px 20px;letter-spacing:.04em}
.reel__label b{color:var(--accent);font-weight:600}
.reel iframe{width:100%;aspect-ratio:16/9;border:0;display:block}

/* ---- kariyer şeridi ---- */
.clients{background:var(--smoke);padding:56px 0;text-align:center}
.clients__k{font-size:11.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.clients__row{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}
.clients__row span{font-family:var(--serif);font-size:21px;color:#8b8781}

/* ---- iki kolon + kutu ---- */
.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}
.grid-2--center{align-items:center}
.tick{list-style:none;margin:24px 0 0;padding:0}
.tick li{padding:10px 0 10px 34px;position:relative;border-bottom:1px solid var(--line)}
.tick li::before{content:"";position:absolute;left:2px;top:19px;width:14px;height:8px;
  border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
.box{background:var(--charcoal);color:#fff;padding:44px 40px}
.box h3{font-size:26px;margin-bottom:16px}
.box p{opacity:.82;margin:0 0 28px}
.box ul{list-style:none;margin:0;padding:0}
.box li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.12);font-size:14.5px}
.box li:last-child{border-bottom:none}
.box li::before{content:"";position:absolute;left:2px;top:19px;width:13px;height:7px;
  border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
.box + .box{margin-top:28px}
.box--sticky{position:sticky;top:112px}

/* ---- tam genişlik paralaks bant ---- */
.band{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden}
.band img.bg{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;will-change:transform}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg, rgba(10,10,12,.86) 34%, rgba(10,10,12,.3) 80%)}
.band__inner{position:relative;z-index:2;width:100%;padding:90px 0}
.band h2{color:#fff;font-size:clamp(30px,3.8vw,50px);max-width:600px;margin-bottom:22px}
.band h2 em{font-style:italic}
.band p{color:#fff;opacity:.85;max-width:480px;margin:0 0 30px}
.band .plist{color:#fff;margin:0 0 34px}
.band .plist li{padding:8px 0 8px 32px;border-bottom:none;opacity:.9}
.band .plist li::before{top:17px}

/* ---- onay listesi (koyu zemin) ---- */
.plist{list-style:none;margin:0;padding:0}
.plist li{padding:13px 0 13px 34px;position:relative;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}
.plist li:last-child{border-bottom:none}
.plist li::before{content:"";position:absolute;left:2px;top:23px;width:13px;height:7px;
  border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
.plist--light li{border-color:var(--line)}

/* ---- referans marquee ---- */
.refstrip{padding:100px 0 90px;text-align:center}
.refstrip__sub{color:var(--muted);font-size:14px;margin:14px 0 48px}
.mq{overflow:hidden;border-top:1px solid var(--line);padding:24px 0}
.mq:last-of-type{border-bottom:1px solid var(--line)}
.mq__track{display:inline-flex;gap:56px;white-space:nowrap;animation:mq 46s linear infinite;padding-right:56px}
.mq--rev .mq__track{animation-direction:reverse}
.mq:hover .mq__track{animation-play-state:paused}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq__item{font-family:var(--serif);font-size:22px;color:#8b8781}
.mq__item.y{color:var(--accent);font-style:italic}
.refstrip .btn{margin-top:48px}

/* ---- hizmet kartları ---- */
.services{background:var(--smoke)}
.cardgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:44px}
.card{background:var(--paper);display:block;overflow:hidden}
.card--framed{border:1px solid var(--line)}
.card__imgwrap{overflow:hidden}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .7s ease;filter:saturate(.92)}
.card:hover img{transform:scale(1.06)}
.card__body{padding:30px 32px 34px}
.card__n{font-size:11px;font-weight:500;letter-spacing:.3em;color:var(--accent);margin-bottom:10px}
.card h3{font-size:25px;margin-bottom:10px;transition:.2s}
.card:hover h3{color:var(--accent)}
.card p{margin:0 0 16px;color:var(--muted)}
.card__go,.card__meta{font-size:11.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}

/* ---- sahne (koyu bant) ---- */
.speaking{background:var(--charcoal);color:#fff}
.speaking h2{color:#fff}
.speaking p{opacity:.85}
.speaking .tick li{border-color:rgba(255,255,255,.14)}
.rkm{border:1px solid rgba(255,255,255,.2);padding:10px 40px}
.rkm .r{padding:26px 0;text-align:center}
.rkm .r + .r{border-top:1px solid rgba(255,255,255,.14)}
.rkm b{display:block;font-family:var(--serif);font-size:42px;font-weight:600;line-height:1;margin-bottom:6px}
.rkm span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}

/* ---- yorum kartları ---- */
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:50px}
.rev{border-top:5px solid var(--accent);background:var(--paper);padding:34px 30px}
.rev::before{content:"\201C";display:block;font-family:var(--serif);font-size:58px;line-height:.6;color:var(--accent);margin-bottom:18px}
.rev p{font-family:var(--serif);font-size:17.5px;line-height:1.6;margin:0 0 22px}
.rev cite{font-style:normal;font-size:13px;color:var(--muted)}
.rev cite b{display:block;color:var(--ink);font-weight:500}
/* çok kolonlu yoğun sürüm (hakkımda) */
.revcols{column-count:3;column-gap:32px;margin-top:44px}
.revcols .rev{break-inside:avoid;border-top-width:4px;box-shadow:0 0 0 1px var(--line);padding:26px 24px;margin-bottom:32px}
.revcols .rev::before{display:none}
.revcols .rev p{font-size:15.5px;margin-bottom:16px}
.revcols .rev cite{font-size:12.5px}

/* ---- akordeon ---- */
.acc-list{max-width:820px;margin:44px auto 0}
.acc-item{border-bottom:1px solid var(--line)}
.acc-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  font-family:var(--serif);font-size:21px;font-weight:600;padding:26px 4px}
.acc-item summary::-webkit-details-marker{display:none}
.acc-item summary::after{content:"+";font-family:var(--sans);font-weight:300;font-size:28px;color:var(--accent);transition:transform .3s}
.acc-item[open] summary::after{transform:rotate(45deg)}
.acc-body{padding:0 4px 26px;color:var(--muted)}
.acc-body a{color:var(--accent);border-bottom:1px solid var(--accent)}

/* ---- bülten bandı (turuncu) ---- */
.sub{background:var(--accent);color:#fff}
.sub__in{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:74px 0}
.sub h2{color:#fff;font-size:clamp(28px,3.2vw,42px);margin-bottom:12px}
.sub p{margin:0;opacity:.9}
.sub__form{display:flex;gap:0}
.sub__form input{flex:1;min-width:0;border:1.5px solid #fff;background:transparent;color:#fff;padding:17px 20px;
  font-family:var(--sans);font-size:14px;border-radius:0;outline:none}
.sub__form input::placeholder{color:rgba(255,255,255,.75)}
.sub__form button{border:1.5px solid #fff;background:#fff;color:var(--accent);font-family:var(--sans);
  font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:17px 30px;cursor:pointer;transition:.25s}
.sub__form button:hover{background:transparent;color:#fff}
/* abonelik sonrası satır içi onay */
.sub-done{border:1.5px solid currentColor;padding:20px 24px;font-size:15px}
.sub-done strong{display:block;font-weight:500;margin-bottom:2px}

/* ---- koyu zemin abonelik formu (kaynaklar) ---- */
.subform{display:flex;max-width:520px}
.subform input{flex:1;min-width:0;border:1.5px solid rgba(255,255,255,.45);background:transparent;color:#fff;
  padding:17px 20px;font-family:var(--sans);font-size:14.5px;font-weight:300;border-radius:0;outline:none}
.subform input::placeholder{color:rgba(255,255,255,.55)}
.subform input:focus{border-color:var(--accent)}
.subform button{border:1.5px solid var(--accent);background:var(--accent);color:#fff;font-family:var(--sans);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:17px 28px;cursor:pointer;transition:.25s}
.subform button:hover{background:transparent;color:var(--accent)}

/* ---- koyu sayfa başı (numaralı/filigranlı) ---- */
.ihero{background:var(--charcoal);color:#fff;padding:96px 0 90px;position:relative;overflow:hidden}
.ihero::after{content:attr(data-ghost);position:absolute;right:-30px;top:-70px;font-family:var(--serif);font-weight:600;
  font-size:400px;line-height:1;color:rgba(255,255,255,.035);pointer-events:none;font-style:italic}
.ihero .wrap{position:relative;z-index:2}
.ihero h1{font-size:clamp(40px,5.6vw,76px);max-width:840px}
.ihero h1 em{font-style:italic;color:var(--accent)}
.ihero .lead{max-width:620px;margin:24px 0 0;opacity:.85;font-size:16.5px}
.ihero .lead b{font-weight:500}
.ihero__cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}

/* ---- açık sayfa başı ---- */
.phead{padding:88px 0 64px}
.phead h1{font-size:clamp(36px,4.6vw,60px);max-width:760px}
.phead h1 em{font-style:italic}
.phead .lead{max-width:600px;margin:22px 0 0;color:var(--muted);font-size:16.5px}

/* ---- ai-first index: 6 boyut + 3 adım + koyu band ---- */
.dims{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:44px}
.dim{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 30px;transition:.25s}
.dim:hover{background:var(--smoke)}
.dim b{display:block;font-family:var(--serif);font-weight:600;font-style:italic;font-size:30px;color:var(--accent);margin-bottom:12px}
.dim h3{font-size:21px;margin-bottom:6px}
.how{background:var(--smoke)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}
.step b{display:block;font-family:var(--serif);font-weight:600;font-size:64px;line-height:1;color:var(--accent);margin-bottom:16px}
.step h3{font-size:23px;margin-bottom:8px}
.step p{margin:0;color:var(--muted)}
.next{background:var(--charcoal);color:#fff}
.next h2{color:#fff;font-size:clamp(30px,3.8vw,50px);max-width:620px;margin-bottom:20px}
.next h2 em{font-style:italic;color:var(--accent)}
.next p{opacity:.82;max-width:540px;margin:0 0 30px}
.next .grid-2{align-items:center}

/* ---- kapanış bantları ---- */
.cta{background:var(--accent);color:#fff}
.cta .cta__in{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:74px 0}
.cta h2{color:#fff;font-size:clamp(28px,3.4vw,44px);margin-bottom:12px}
.cta p{margin:0;opacity:.9}
.cta .btn{border-color:#fff;color:#fff;justify-self:start}
.cta .btn:hover{background:#fff;color:var(--accent)}
.cta--dark{background:var(--charcoal);color:#fff;text-align:center;padding:90px 0}
.cta--dark h2{color:#fff;font-size:clamp(28px,3.6vw,46px);max-width:640px;margin:0 auto 30px}
.cta--dark h2 em{font-style:italic;color:var(--accent)}

/* ---- hakkımda: portre hero, kariyer, imza, videolar, şerit, kurumlar ---- */
.phero{padding:80px 0 0}
.phero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding-bottom:80px}
.phero h1{font-size:clamp(42px,5.4vw,72px)}
.phero h1 em{font-style:italic;color:var(--accent)}
.phero .lead{max-width:560px;margin:22px 0 30px;color:var(--muted);font-size:16.5px}
.phero__cta{display:flex;gap:16px;flex-wrap:wrap}
.phero__media{overflow:hidden}
.phero__media img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;transition:transform 8s ease}
.phero__media:hover img{transform:scale(1.04)}
.career{background:var(--charcoal);color:#fff}
.career h2{color:#fff}
.career .lead{opacity:.8;max-width:640px;margin:14px 0 46px}
.cv-h{font-size:22px;color:var(--accent);margin-bottom:20px}
.cvlist{list-style:none;margin:0 0 36px;padding:0}
.cvlist li{display:flex;gap:22px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.cvlist .yr{flex:none;width:92px;font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--accent);padding-top:4px}
.cvlist b{display:block;font-family:var(--serif);font-size:17.5px;font-weight:500}
.cvlist span span{display:block;font-size:13px;opacity:.7}
.cvtags{display:flex;flex-wrap:wrap;gap:10px}
.cvtags span{border:1px solid rgba(255,255,255,.3);font-size:12px;font-weight:400;padding:8px 16px}
.sig{border:1.5px solid var(--ink);padding:clamp(28px,3.4vw,44px);margin-bottom:26px;position:relative;background:var(--paper)}
.sig::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}
.sig .tag{font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.sig h3{font-size:clamp(24px,2.8vw,34px);margin-bottom:14px}
.sig p{max-width:74ch;margin:0 0 22px;color:var(--muted)}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.vgrid--5{grid-template-columns:repeat(5,1fr)}
.vcard{position:relative;cursor:pointer;overflow:hidden;background:#000}
.vcard img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease,opacity .3s;opacity:.92}
.vcard:hover img{transform:scale(1.05);opacity:1}
.vcard .pb{position:absolute;inset:0;margin:auto;width:52px;height:52px;background:var(--accent);
  display:flex;align-items:center;justify-content:center;transition:.25s;pointer-events:none}
.vcard .pb::after{content:"";border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #fff}
.vcard:hover .pb{transform:scale(1.1)}
.vcard .nm{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.85));
  color:#fff;font-size:12.5px;padding:26px 12px 10px;line-height:1.4}
.vcard iframe{width:100%;aspect-ratio:16/10;border:0;display:block}
.strip{overflow:hidden;padding:8px 0}
.strip__t{display:inline-flex;gap:14px;animation:strip 60s linear infinite;padding-right:14px}
.strip--rev .strip__t{animation-direction:reverse}
.strip:hover .strip__t{animation-play-state:paused}
@keyframes strip{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.strip img{height:190px;width:auto;flex:none}
.orgs{background:var(--smoke)}
.refcols{column-count:3;column-gap:44px;margin-top:44px}
.refcat{break-inside:avoid;margin-bottom:30px}
.refcat h3{font-size:19px;margin-bottom:8px;padding-bottom:8px;border-bottom:1.5px solid var(--accent);display:inline-block}
.refcat p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.8}

/* ---- hizmetler: program listesi + lunch + keynote ---- */
.progs{border-top:1px solid var(--line);margin-top:28px}
.prog{display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:17px 4px;border-bottom:1px solid var(--line);transition:.25s}
.prog:hover{background:var(--smoke)}
.prog h3{font-size:19px;font-weight:600}
.prog span{font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.lunch{background:var(--smoke)}
.lunch .plist li{border-color:var(--line)}
.keynote .grid-2{align-items:center}
.keynote__img{overflow:hidden}
.keynote__img img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .7s ease;filter:saturate(.92)}
.keynote__img:hover img{transform:scale(1.05)}

/* ---- kaynaklar: kasa + kütüphane + yazılar + alt band ---- */
.vault{background:var(--charcoal);color:#fff;padding:96px 0 90px;position:relative;overflow:hidden}
.vault::after{content:attr(data-ghost);position:absolute;right:-40px;top:-90px;font-family:var(--serif);font-weight:600;
  font-size:420px;line-height:1;color:rgba(255,255,255,.03);pointer-events:none}
.vault .wrap{position:relative;z-index:2}
.vault h1{font-size:clamp(38px,5.4vw,72px);max-width:820px}
.vault h1 em{font-style:italic;color:var(--accent)}
.vault .lead{max-width:620px;margin:24px 0 34px;opacity:.85;font-size:16.5px}
.vault .proof{font-size:13px;opacity:.6;margin:16px 0 0}
.vault .skip{display:inline-block;margin-top:26px;font-size:12px;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:3px}
.inside{background:var(--deep);color:#fff;padding:90px 0 110px}
.inside h2{color:#fff;margin-bottom:52px}
.inside .rgrid{margin-top:0;gap:34px}
.rcard{background:var(--charcoal);border:1px solid rgba(255,255,255,.09);padding:36px 32px 34px;
  transition:transform .35s ease,border-color .35s ease;display:block}
.rcard:nth-child(1){transform:rotate(-1.2deg)}
.rcard:nth-child(2){transform:rotate(.8deg) translateY(14px)}
.rcard:nth-child(3){transform:rotate(-.6deg)}
.rcard:hover{transform:rotate(0) translateY(-4px);border-color:var(--accent)}
.rcard .tag{font-size:10.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.rcard h3{font-size:26px;color:#fff;margin-bottom:10px}
.rcard p{margin:0 0 18px;opacity:.75;font-size:14.5px}
.rcard .go{font-size:11.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.posts{padding:100px 0}
.postgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);margin-top:44px}
.post{display:flex;justify-content:space-between;align-items:baseline;gap:26px;padding:26px 8px;
  border-bottom:1px solid var(--line);transition:.2s}
.post:hover{background:var(--smoke)}
.post h3{font-size:21px;font-weight:600;transition:.2s}
.post:hover h3{color:var(--accent)}
.post p{margin:6px 0 0;color:var(--muted);font-size:14px}
.post .go{font-size:18px;color:var(--accent);flex:none}
.postgrid .post:nth-child(odd){margin-right:28px}
.postgrid .post:nth-child(even){margin-left:28px}
.posts .more{text-align:center;margin-top:44px}
.bottom{background:var(--charcoal);color:#fff;padding:90px 0}
.bottom h2{color:#fff;font-size:clamp(30px,3.8vw,50px);max-width:640px;margin-bottom:20px}
.bottom h2 em{font-style:italic;color:var(--accent)}
.bottom p{opacity:.8;max-width:540px;margin:0 0 30px}
.bottom .row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:26px}

/* ---- iletişim: form + kanal paneli ---- */
.grid-2--contact{grid-template-columns:1.05fr .95fr;padding-bottom:110px}
.form label{display:block;font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.form input,.form textarea{display:block;width:100%;margin-top:8px;border:1.5px solid var(--ink);background:#fff;
  padding:14px 16px;font-family:var(--sans);font-size:15px;font-weight:300;border-radius:0;outline:none;resize:vertical}
.form input:focus,.form textarea:focus{border-color:var(--accent)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:0}
.uyari{border:1.5px solid var(--accent);background:var(--smoke);padding:14px 16px;font-size:14px;margin-top:14px}
.panel{background:var(--charcoal);color:#fff;padding:46px 44px}
.panel h2{font-size:30px;margin-bottom:8px}
.panel .sub{opacity:.75;font-size:14px;margin:0 0 28px}
.ch{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ch:last-of-type{border-bottom:none}
.ch span{font-size:10.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.ch a,.ch b{font-family:var(--serif);font-size:20px;font-weight:500;transition:.2s}
.ch a:hover{color:var(--accent)}
.panel .btn{width:100%;text-align:center;margin-top:30px}

/* ---- sertifika/teşekkür kutu formu (koyu kutu içi input) ---- */
.box input{border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff;
  padding:13px 15px;font-family:var(--sans);font-size:15px;border-radius:0;outline:none}
.box input::placeholder{color:rgba(255,255,255,.5)}
.box input:focus{border-color:var(--accent)}

/* ---- footer ---- */
footer.ft{background:#0d0d0d;color:#fff;padding:76px 0 48px}
.ft__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.12)}
.ft__brand{font-family:var(--serif);font-size:26px;margin-bottom:14px}
.ft__brand span{color:var(--accent)}
footer.ft p{opacity:.65;font-size:14px;margin:0}
footer.ft h3{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}
footer.ft ul{list-style:none;margin:0;padding:0}
footer.ft li{margin-bottom:10px}
footer.ft li a{opacity:.75;font-size:14px;transition:.2s}
footer.ft li a:hover{opacity:1;color:var(--accent)}
.ft__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;font-size:12.5px;opacity:.55}
/* sade footer (sertifika/teşekkür) */
footer.ft--mini{text-align:center;padding:52px 0}
footer.ft--mini p{margin:5px 0;font-size:13.5px;opacity:.7}
footer.ft--mini a{border-bottom:1px solid var(--accent)}

/* ---- mobil ---- */
@media (max-width:900px){
  .nav__logo{font-size:20px}
  .nav__links a:not(.nav__cta){display:none}
  .nav__cta{padding:10px 14px!important}
  .nav__burger{display:block}
  section.pad{padding:64px 0}
  .grid-2,.grid-2--contact,.phero__grid,.sub__in,.cta .cta__in{grid-template-columns:1fr;gap:40px}
  .box--sticky{position:static}
  .cardgrid,.dims,.steps,.rgrid,.postgrid{grid-template-columns:1fr}
  .steps{gap:34px}
  .inside .rgrid{gap:24px}
  .rcard{transform:none!important}
  .rcard:hover{transform:translateY(-4px)!important}
  .postgrid .post{margin:0!important}
  .subform{flex-direction:column;gap:12px}
  .vgrid,.vgrid--5{grid-template-columns:repeat(2,1fr)}
  .refcols,.revcols{column-count:1}
  .stats b{font-size:28px}
  .strip img{height:130px}
  .clients__row{gap:28px}
  .form__row{grid-template-columns:1fr}
  .ft__top{grid-template-columns:1fr 1fr}
}

/* ---- b-roll görsel duvarı (kaynaklar hero, sağ tarafta aşağıdan yukarı akış) ---- */
.vault--broll{padding:130px 0 120px}
.vwall{position:absolute;top:-40px;bottom:-40px;right:0;width:46%;display:flex;gap:16px;overflow:hidden;z-index:0;
  -webkit-mask-image:linear-gradient(to right, transparent, #000 22%);
  mask-image:linear-gradient(to right, transparent, #000 22%)}
.vwall::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(27,26,25,.22)}
.vwall__col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;animation:vwall 46s linear infinite}
.vwall__col:nth-child(2){animation-duration:62s}
.vwall__col img{width:100%;aspect-ratio:16/9;object-fit:cover;flex:none;filter:saturate(.9)}
@keyframes vwall{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.vault--broll .wrap{position:relative;z-index:2}
.vault--broll h1{max-width:540px}
.vault--broll .lead{max-width:500px}
@media (max-width:900px){.vwall{display:none}}
@media (prefers-reduced-motion: reduce){.vwall__col{animation:none}}

/* ---- yüzen WhatsApp grubu butonu (tüm sayfalarda, sahne.js ekler) ---- */
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:50;display:inline-flex;align-items:center;gap:9px;
  background:var(--charcoal);color:#fff;border:1.5px solid rgba(255,255,255,.18);padding:12px 18px;
  font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:.25s}
.wa-fab:hover{background:#0d0d0d;border-color:var(--accent)}
.wa-fab svg{width:20px;height:20px;fill:#25D366;flex:none}
@media (max-width:600px){.wa-fab span{display:none}.wa-fab{padding:13px;right:14px;bottom:14px}}