/* ==========================================================================
   KOÇSAN GLOBAL — Kurumsal Web Sitesi
   Tasarım & kod: 2026
   ========================================================================== */

/* ---------- 0. Yazı tipleri (Google Fonts, doğrudan gstatic — ekstra CSS isteği yok) ---------- */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/archivo/v25/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/archivo/v25/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTNFOVgaY.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOlOV.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}

/* ---------- 1. Tokens ---------- */
:root{
  --bg:#05060a;
  --bg-2:#0a0c13;
  --bg-3:#101320;
  --fg:#ecedf1;
  --fg-dim:#9a9db0;
  --fg-faint:#5b5f74;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.16);

  --gold:#e6c073;
  --gold-2:#b9863a;
  --accent:var(--gold);
  --accent-ink:#0a0a0a;

  --ff-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --ff-body:"Inter","Helvetica Neue",Arial,sans-serif;
  --ff-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --pad:clamp(20px,5vw,80px);
  --maxw:1600px;
  --r:14px;

  --e-out:cubic-bezier(.16,1,.3,1);
  --e-io:cubic-bezier(.7,0,.2,1);
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:var(--ff-body);
  font-size:clamp(15px,1.02vw,17px);
  line-height:1.6;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg,video,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* ---------- 3. Yardımcılar ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.eyebrow{
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--fg-faint);display:flex;align-items:center;gap:12px;
}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--accent);opacity:.8;flex:none}
.display{
  font-family:var(--ff-display);font-weight:800;line-height:.92;letter-spacing:-.035em;
  text-transform:uppercase;
}
.h1{font-size:clamp(46px,9.4vw,168px)}
.h2{font-size:clamp(34px,6.2vw,104px)}
.h3{font-size:clamp(26px,3.4vw,54px)}
.lead{font-size:clamp(17px,1.55vw,25px);line-height:1.5;color:var(--fg-dim);font-weight:400}
.muted{color:var(--fg-dim)}
.sec{position:relative;padding-block:clamp(72px,11vh,160px)}
.rule{height:1px;background:var(--line);width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* satır maskeleme animasyonu */
.line-mask{display:block;overflow:hidden;padding-top:.16em;margin-top:-.16em;padding-bottom:.1em;margin-bottom:-.1em}
.line-mask>span{display:block;transform:translateY(105%);will-change:transform}

/* fade-up */
[data-anim]{opacity:0;transform:translateY(28px)}
.no-motion [data-anim]{opacity:1;transform:none}

/* ---------- 4. Grain + vignette ---------- */
.grain{
  position:fixed;inset:-6%;z-index:9000;pointer-events:none;opacity:.04;will-change:transform;contain:layout paint style;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 8s steps(10) infinite;
}
@keyframes grain{
  0%,100%{transform:translate3d(0,0,0)}10%{transform:translate3d(-2%,-1.5%,0)}20%{transform:translate3d(-3%,1%,0)}
  30%{transform:translate3d(1.5%,-3%,0)}40%{transform:translate3d(-1%,2.5%,0)}50%{transform:translate3d(-3%,1%,0)}
  60%{transform:translate3d(2.5%,0,0)}70%{transform:translate3d(0,2.5%,0)}80%{transform:translate3d(1%,3%,0)}90%{transform:translate3d(-2.5%,2%,0)}
}

/* ---------- 5. Scroll progress ---------- */
.progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:8000;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--accent),var(--gold-2));pointer-events:none}

/* ---------- 6. Cursor ---------- */
.cursor{position:fixed;top:0;left:0;width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;
  z-index:9500;pointer-events:none;transform:translate3d(-50%,-50%,0);will-change:transform;
  transition:width .35s var(--e-out),height .35s var(--e-out),background .35s var(--e-out),border-color .35s,opacity .3s}
.cursor__dot{position:fixed;top:0;left:0;width:5px;height:5px;border-radius:50%;background:#fff;z-index:9501;
  pointer-events:none;transform:translate3d(-50%,-50%,0);will-change:transform}
.cursor.is-hover{width:74px;height:74px;background:rgba(255,255,255,.9);border-color:transparent}
.cursor__label{font-family:var(--ff-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#000;
  opacity:0;transition:opacity .25s;position:absolute;inset:0;display:grid;place-items:center}
.cursor.is-hover .cursor__label{opacity:1}
@media (hover:none),(max-width:900px){.cursor,.cursor__dot{display:none}}

/* ---------- 7. Preloader ---------- */
.pre{position:fixed;inset:0;z-index:9800;background:var(--bg);display:grid;place-items:center;overflow:hidden}
.pre__inner{text-align:center;position:relative;z-index:2}
.pre__mark{width:64px;height:72px;margin:0 auto 26px;opacity:.9}
.pre__names{height:1.25em;overflow:hidden;font-family:var(--ff-mono);font-size:clamp(11px,1.1vw,13px);
  letter-spacing:.26em;text-transform:uppercase;color:var(--fg-faint)}
.pre__names span{display:block;line-height:1.25em}
.pre__num{font-family:var(--ff-display);font-weight:800;font-size:clamp(60px,13vw,190px);line-height:1;
  letter-spacing:-.04em;margin-top:14px;
  background:linear-gradient(180deg,#fff 20%,#6a6d80 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pre__bar{position:absolute;left:var(--pad);right:var(--pad);bottom:36px;height:1px;background:var(--line)}
.pre__bar i{display:block;height:100%;width:0;background:var(--accent)}
.pre__curtain{position:fixed;inset:0;z-index:9799;display:flex;pointer-events:none}
.pre__curtain span{flex:1;background:var(--bg);transform:translateY(0)}

/* ---------- 8. Nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:7000;transition:transform .45s var(--e-out),background .35s;will-change:transform}
.nav.is-hidden{transform:translateY(-105%)}
.nav.is-solid{background:rgba(5,6,10,.92);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}
.brandmark{display:flex;align-items:center;gap:11px}
.brandmark svg{width:26px;height:30px;flex:none}
.brandmark b{font-family:var(--ff-display);font-weight:800;font-size:14px;letter-spacing:.16em;text-transform:uppercase;line-height:1}
.brandmark b i{font-style:normal;font-weight:400;color:var(--fg-dim);letter-spacing:.16em}
.nav__links{display:flex;align-items:center;gap:34px}
.nav__links a{font-size:13.5px;letter-spacing:.02em;color:var(--fg-dim);position:relative;padding-block:4px;transition:color .3s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--accent);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--e-out)}
.nav__links a:hover{color:var(--fg)}
.nav__links a:hover::after{transform:scaleX(1);transform-origin:0 50%}
.nav__right{display:flex;align-items:center;gap:14px}
.lang{display:flex;align-items:center;font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;border:1px solid var(--line-2);
  border-radius:999px;overflow:hidden}
.lang button{padding:6px 11px;color:var(--fg-faint);transition:.3s}
.lang button.is-on{background:var(--fg);color:#000}
.btn{
  display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;
  border:1px solid var(--line-2);font-size:13px;letter-spacing:.02em;position:relative;overflow:hidden;
  transition:color .4s var(--e-out),border-color .4s
}
.btn span{position:relative;z-index:2}
.btn::before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);
  transition:transform .5s var(--e-out);z-index:1}
.btn:hover{color:var(--accent-ink);border-color:var(--accent)}
.btn:hover::before{transform:translateY(0)}
.btn--solid{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn--solid::before{background:#fff}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line-2);border-radius:50%;place-items:center}
.burger i{display:block;width:16px;height:1px;background:var(--fg);position:relative;transition:.35s}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:16px;height:1px;background:var(--fg);transition:.35s}
.burger i::before{top:-5px}.burger i::after{top:5px}
body.menu-open .burger i{background:transparent}
body.menu-open .burger i::before{top:0;transform:rotate(45deg)}
body.menu-open .burger i::after{top:0;transform:rotate(-45deg)}
@media(max-width:1080px){
  .nav__links{display:none}
  .burger{display:grid}
  .nav__in{height:64px}
  .nav__right>.btn{display:none}
  .brandmark b{font-size:12.5px}
}
/* mobil menü */
.menu{position:fixed;inset:0;z-index:6900;background:var(--bg-2);display:flex;flex-direction:column;justify-content:center;
  padding:100px var(--pad) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--e-io);pointer-events:none}
body.menu-open .menu{clip-path:inset(0 0 0 0);pointer-events:auto}
.menu ol{list-style:none;display:flex;flex-direction:column;gap:6px}
.menu ol a{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:clamp(30px,8vw,54px);
  line-height:1.05;letter-spacing:-.03em;display:block;overflow:hidden}
.menu ol a>span{display:block;transform:translateY(105%);transition:transform .7s var(--e-out)}
body.menu-open .menu ol a>span{transform:translateY(0)}
.menu ol li:nth-child(1) a>span{transition-delay:.12s}
.menu ol li:nth-child(2) a>span{transition-delay:.18s}
.menu ol li:nth-child(3) a>span{transition-delay:.24s}
.menu ol li:nth-child(4) a>span{transition-delay:.3s}
.menu ol li:nth-child(5) a>span{transition-delay:.36s}
.menu__foot{margin-top:44px;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13px;color:var(--fg-dim)}

/* ---------- 9. Hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  padding-bottom:clamp(26px,5vh,54px);overflow:hidden}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:1}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(130% 90% at 50% 8%,transparent 22%,rgba(5,6,10,.55) 62%,rgba(5,6,10,.92) 88%,var(--bg) 100%)}
.hero__in{position:relative;z-index:2;width:100%}
.hero .eyebrow{color:rgba(255,255,255,.66);text-shadow:0 1px 12px rgba(0,0,0,.55)}
.hero__top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(22px,4vh,44px)}
.hero__title{margin-bottom:clamp(20px,3.4vh,38px)}
.hero__title em{font-style:normal;color:var(--accent)}
.hero__bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;
  border-top:1px solid var(--line);padding-top:24px}
.hero__desc{max-width:52ch}
.hero__meta{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.scrollcue{display:flex;align-items:center;gap:10px;font-family:var(--ff-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--fg-faint)}
.scrollcue i{width:1px;height:34px;background:linear-gradient(180deg,var(--accent),transparent);display:block;
  animation:cue 2.2s var(--e-io) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:0 0}45%{transform:scaleY(1);transform-origin:0 0}
  55%{transform:scaleY(1);transform-origin:0 100%}100%{transform:scaleY(0);transform-origin:0 100%}}
@media(max-width:820px){.hero__bottom{grid-template-columns:1fr;gap:22px}.hero__top{display:none}}

/* ---------- 10. Marquee ---------- */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:18px;background:var(--bg-2)}
.marquee__track{display:flex;gap:0;width:max-content;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.marquee__track span{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(20px,2.6vw,38px);padding-inline:26px;display:flex;align-items:center;gap:26px;color:var(--fg);opacity:.92}
.marquee__track span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}

/* ---------- 11. Manifesto (kelime kelime aydınlanan) ---------- */
#manifestoText{font-family:var(--ff-display);font-weight:700;text-transform:none;letter-spacing:-.025em;
  font-size:clamp(24px,3.9vw,64px);line-height:1.16;max-width:20ch}
.manifesto .w{color:rgba(236,237,241,.14);transition:color .25s linear}
.manifesto .w.on{color:var(--fg)}
.manifesto .w.hl.on{color:var(--accent)}
.manifesto__grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,70px)}
.manifesto__side{display:grid;gap:26px;align-content:start;max-width:46ch;margin-left:auto}
@media(min-width:1000px){.manifesto__grid{grid-template-columns:1.4fr .8fr}}

/* ---------- 12. Ekosistem ---------- */
.eco__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(30px,5vw,64px);flex-wrap:wrap}
.eco__list{border-top:1px solid var(--line)}
.eco__item{position:relative;border-bottom:1px solid var(--line);display:block;isolation:isolate}
.eco__bg{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .55s var(--e-out);
  background:linear-gradient(100deg,var(--b1),var(--b2))}
.eco__item::before{content:"";position:absolute;inset:0;z-index:1;background:var(--bg);
  transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s var(--e-out)}
.eco__row{position:relative;z-index:2;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:clamp(14px,3vw,44px);
  padding-block:clamp(22px,3.4vw,40px);transition:transform .55s var(--e-out)}
.eco__no{font-family:var(--ff-mono);font-size:11px;letter-spacing:.16em;color:var(--fg-faint);transition:color .45s;align-self:start;padding-top:.35em}
.eco__no::after{content:"";display:block;width:9px;height:9px;border-radius:50%;margin-top:12px;
  background:linear-gradient(135deg,var(--b1),var(--b2));box-shadow:0 0 16px var(--b1);opacity:.9}
.eco__name{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;
  font-size:clamp(26px,5.2vw,78px);line-height:.96;transition:color .45s}
.eco__sub{display:block;font-family:var(--ff-body);font-weight:300;text-transform:none;letter-spacing:0;
  font-size:clamp(13px,1.15vw,16px);color:var(--fg-dim);margin-top:10px;transition:color .45s}
.eco__go{width:clamp(42px,4vw,58px);height:clamp(42px,4vw,58px);border:1px solid var(--line-2);border-radius:50%;
  display:grid;place-items:center;flex:none;transition:.45s var(--e-out)}
.eco__go svg{width:15px;height:15px;transition:transform .45s var(--e-out)}
@media(hover:hover){
  .eco__item:hover .eco__bg{opacity:1}
  .eco__item:hover .eco__row{transform:translateX(clamp(8px,1.4vw,22px))}
  .eco__item:hover .eco__name,.eco__item:hover .eco__no{color:#0a0a0a}
  .eco__item:hover .eco__sub{color:rgba(10,10,10,.72)}
  .eco__item:hover .eco__go{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
  .eco__item:hover .eco__go svg{transform:translate(3px,-3px)}
  .eco__item:hover .eco__no::after{opacity:0}
}
@media(hover:none){.eco__bg{opacity:.12}.eco__row{grid-template-columns:42px 1fr auto}}
.eco__peek{position:fixed;top:0;left:0;width:250px;height:170px;border-radius:12px;overflow:hidden;z-index:5000;
  pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .4s var(--e-out),transform .4s var(--e-out);
  display:grid;place-items:center;border:1px solid rgba(0,0,0,.25)}
.eco__peek.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.eco__peek b{font-family:var(--ff-display);font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.04em;
  color:#0a0a0a;text-align:center;padding:0 18px;line-height:1.2}
.eco__peek small{display:block;font-family:var(--ff-mono);font-size:9px;letter-spacing:.2em;margin-top:8px;color:rgba(10,10,10,.65)}
.eco__peek i{position:absolute;inset:0;background:#0a0a0a 50% 50%/cover no-repeat;opacity:0;transition:opacity .3s var(--e-out)}
.eco__peek::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s var(--e-out);
  background:linear-gradient(to top,rgba(4,5,8,.85),rgba(4,5,8,.22) 58%,rgba(4,5,8,.06))}
.eco__peek b{position:relative;z-index:2}
.eco__peek.has-img i,.eco__peek.has-img::after{opacity:1}
.eco__peek.has-img b{align-self:end;padding-bottom:16px;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.eco__peek.has-img small{color:rgba(255,255,255,.78)}
@media(max-width:900px){.eco__peek{display:none}}

/* ---------- 13. Sayılar ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}
.stats div{background:var(--bg);padding:clamp(24px,3.4vw,44px) clamp(18px,2.4vw,32px)}
.stats b{display:block;font-family:var(--ff-display);font-weight:800;font-size:clamp(34px,5.6vw,86px);line-height:1;
  letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#7c8095);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{display:block;margin-top:12px;font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--fg-faint)}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ---------- 14. Sektörler ---------- */
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.sector{background:var(--bg);padding:clamp(26px,2.8vw,44px);min-height:clamp(210px,22vw,300px);position:relative;
  display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:background .5s var(--e-out)}
.sector::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--e-out)}
.sector:hover{background:var(--bg-3)}
.sector:hover::after{transform:scaleX(1)}
.sector__no{font-family:var(--ff-mono);font-size:11px;letter-spacing:.18em;color:var(--fg-faint)}
.sector h3{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(19px,1.9vw,29px);line-height:1.05;margin-top:auto;padding-top:26px}
.sector p{margin-top:12px;font-size:14.5px;color:var(--fg-dim);max-width:34ch}
@media(max-width:980px){.sectors{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sectors{grid-template-columns:1fr}}

/* ---------- 15. Değerler (sticky) ---------- */
.values{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,70px)}
@media(min-width:1000px){.values{grid-template-columns:.85fr 1.15fr}}
.values__sticky{position:sticky;top:110px;align-self:start}
.value{border-top:1px solid var(--line);padding-block:clamp(24px,3vw,40px);display:grid;
  grid-template-columns:52px 1fr;gap:18px;align-items:start}
.value:last-child{border-bottom:1px solid var(--line)}
.value b{font-family:var(--ff-mono);font-size:11px;letter-spacing:.16em;color:var(--accent);padding-top:6px}
.value h4{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(20px,2.3vw,34px);line-height:1.05}
.value p{margin-top:10px;color:var(--fg-dim);font-size:15px;max-width:52ch}

/* ---------- 16. CTA ---------- */
.cta{position:relative;overflow:hidden;border-top:1px solid var(--line)}
.cta__glow{position:absolute;left:50%;top:60%;width:min(1100px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(230,192,115,.16),transparent 62%);pointer-events:none;filter:blur(20px)}
.cta__mail{display:inline-block;font-family:var(--ff-display);font-weight:800;text-transform:uppercase;
  letter-spacing:-.035em;font-size:clamp(26px,5.9vw,92px);line-height:.95;position:relative;
  max-width:100%;overflow-wrap:anywhere}
.cta__mail::after{content:"";position:absolute;left:0;bottom:.06em;height:2px;width:100%;background:currentColor;
  transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--e-out)}
.cta__mail:hover::after{transform:scaleX(1)}
.cta__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:clamp(40px,6vw,80px);
  border-top:1px solid var(--line);padding-top:30px}
@media(max-width:760px){.cta__grid{grid-template-columns:1fr}}
.cta__grid h5{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:12px}
.cta__grid p,.cta__grid a{font-size:15.5px;line-height:1.55}
.cta__grid a:hover{color:var(--accent)}

/* ---------- 17. Footer ---------- */
.foot{border-top:1px solid var(--line);background:var(--bg-2);content-visibility:auto;contain-intrinsic-size:auto 520px}
.foot__top{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,.86fr));gap:34px;padding-block:clamp(44px,6vw,76px)}
@media(max-width:900px){.foot__top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot__top{grid-template-columns:1fr}}
.foot h6{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:16px}
.foot li+li{margin-top:9px}
.foot li a{font-size:14.5px;color:var(--fg-dim);transition:color .3s}
.foot li a:hover{color:var(--fg)}
.foot__bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--fg-faint)}
.foot__bottom a:hover{color:var(--accent)}
.clock{font-variant-numeric:tabular-nums}

/* ---------- 18. Marka sayfaları ---------- */
.bhero{position:relative;min-height:88svh;display:flex;align-items:flex-end;padding-top:clamp(96px,14vh,150px);padding-bottom:clamp(34px,6vh,70px);overflow:hidden}
.bhero__bg{position:absolute;inset:0;z-index:0;
  background:radial-gradient(90% 70% at 18% 12%,var(--b1) 0%,transparent 58%),
             radial-gradient(80% 80% at 88% 88%,var(--b2) 0%,transparent 62%);
  opacity:.4;filter:blur(30px)}
.bhero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(5,6,10,.5),rgba(5,6,10,.2) 40%,var(--bg) 100%)}
.bhero__in{position:relative;z-index:2;width:100%}
.crumb{display:flex;gap:10px;align-items:center;font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--fg-faint);margin-bottom:clamp(26px,5vh,60px)}
.crumb a:hover{color:var(--accent)}
.btag{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-2);border-radius:999px;
  padding:7px 15px;font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}
.btag i{width:7px;height:7px;border-radius:50%;background:var(--b1);display:block}
.bhero h1{margin:22px 0 20px}
.bhero__meta{display:flex;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);padding-top:22px;margin-top:clamp(26px,4vh,44px)}
.bhero__meta div{min-width:150px}
.bhero__meta h5{font-family:var(--ff-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:7px}
.bhero__meta p{font-size:15px}
.bsplit{display:grid;grid-template-columns:1fr;gap:clamp(28px,5vw,64px)}
@media(min-width:1000px){.bsplit{grid-template-columns:.72fr 1.28fr}}
.blist{border-top:1px solid var(--line)}
.blist li{border-bottom:1px solid var(--line);padding-block:clamp(20px,2.6vw,32px);display:grid;
  grid-template-columns:48px 1fr;gap:16px;align-items:start;transition:padding-left .5s var(--e-out)}
.blist li:hover{padding-left:12px}
.blist b{font-family:var(--ff-mono);font-size:11px;letter-spacing:.16em;color:var(--b1);padding-top:5px}
.blist h4{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(18px,2vw,28px);line-height:1.08}
.blist p{margin-top:9px;color:var(--fg-dim);font-size:14.5px;max-width:60ch}
.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:900px){.bcards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bcards{grid-template-columns:1fr}}
.bcard{background:var(--bg);padding:clamp(24px,2.6vw,38px);min-height:190px;display:flex;flex-direction:column;
  justify-content:space-between;position:relative;overflow:hidden}
.bcard::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,var(--b1),var(--b2));opacity:0;
  transition:opacity .5s var(--e-out)}
.bcard:hover::before{opacity:.14}
.bcard span{position:relative;font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.18em;color:var(--fg-faint)}
.bcard h4{position:relative;font-family:var(--ff-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(17px,1.7vw,24px);letter-spacing:-.02em;margin-top:auto;padding-top:22px}
.bcard p{position:relative;margin-top:9px;font-size:14px;color:var(--fg-dim)}
.bnext{border-top:1px solid var(--line);position:relative;overflow:hidden;display:block;padding-block:clamp(50px,8vw,110px)}
.bnext__bg{position:absolute;inset:0;background:linear-gradient(100deg,var(--n1),var(--n2));opacity:0;transition:opacity .6s var(--e-out)}
.bnext:hover .bnext__bg{opacity:1}
.bnext__in{position:relative;z-index:2}
.bnext small{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);transition:color .5s}
.bnext strong{display:block;font-family:var(--ff-display);font-weight:800;text-transform:uppercase;letter-spacing:-.035em;
  font-size:clamp(34px,7vw,110px);line-height:.95;margin-top:14px;transition:color .5s}
.bnext:hover small{color:rgba(10,10,10,.7)}
.bnext:hover strong{color:#0a0a0a}
.bcolor{--accent:var(--b1)}
.bcolor .eyebrow::before{background:var(--b1)}

/* ---------- 19. 404 ---------- */
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:var(--pad)}

/* ---------- 20. Erişilebilirlik / hareket azaltma ---------- */
@media (max-width:900px),(hover:none){.grain{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .grain{display:none}
  [data-anim]{opacity:1!important;transform:none!important}
  .line-mask>span{transform:none!important}
}