/* =============================================================
   v7 — Logo-çizim preloader, akıcı slider, boşluk düzeltmeleri
   ============================================================= */

/* ============ PRELOADER: LOGO YENİDEN ÇİZİLİR ============ */
#boot{background:var(--bg);transition:opacity .6s var(--e),visibility .6s}
.boot-c{width:190px;height:190px;position:relative;display:grid;place-items:center;margin-bottom:.4rem}
.boot-c svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.boot-logo{position:absolute;width:104px;opacity:0;transform:scale(.94);
  transition:opacity .5s var(--e) .05s, transform .6s var(--e) .05s;
  animation:breathe 3s ease-in-out 1.6s infinite}
#boot.go .boot-logo{opacity:1;transform:scale(1)}

/* çizim parçaları — boot.run aktif olduğunda çizilir */
#bootArt path,#bootArt circle{
  fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:var(--len,900);stroke-dashoffset:var(--len,900);
  transition:stroke-dashoffset 1.15s var(--e);
}
#boot.run #bootArt .lp-d1{--len:600;stroke:#1b2740;stroke-dashoffset:0}
#boot.run #bootArt .lp-d2{--len:560;stroke:#1b2740;stroke-dashoffset:0;transition-delay:.16s}
#boot.run #bootArt .lp-d3{--len:440;stroke:#1b2740;stroke-dashoffset:0;transition-delay:.3s}
#boot.run #bootArt .lp-star{--len:420;stroke:#1b27440;stroke:#1b2740;stroke-dashoffset:0;transition-delay:.44s;stroke-width:2.4}
#boot.run #bootArt .lp-dot{fill:#1b2740;stroke:none;opacity:0;transition:opacity .4s .85s}
#boot.run #bootArt .lp-dot{opacity:1}
#boot .lp-cres path{stroke-dasharray:var(--len,140);stroke-dashoffset:var(--len,140);stroke-width:7;transition:stroke-dashoffset .7s var(--e)}
#boot.run .lp-cres:nth-of-type(1) path{stroke-dashoffset:0;transition-delay:.55s}
#boot.run .lp-cres:nth-of-type(2) path{stroke-dashoffset:0;transition-delay:.65s}
#boot.run .lp-cres:nth-of-type(3) path{stroke-dashoffset:0;transition-delay:.75s}
#boot.run .lp-cres:nth-of-type(4) path{stroke-dashoffset:0;transition-delay:.85s}
#boot.run #bootArt .lp-d1{transition-delay:0}
#boot.run #bootArt .lp-d2{transition-delay:.18s}
#boot.run #bootArt .lp-d3{transition-delay:.34s}
#boot.run #bootArt .lp-star{transition-delay:.5s}
#bootBar,#bootNum{transition:opacity .3s}

/* ============ HERO SLIDER ============ */
.slide{position:relative}
.slide-h{font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:.8rem}
.slide-b{font-size:1.02rem;color:var(--ink-2);max-width:46ch;margin-bottom:1.6rem;min-height:3.4em}
.slide-ui{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}
.slide-dots{display:flex;gap:.45rem}
.slide-dots button{
  width:26px;height:2px;background:var(--line);border:0;padding:0;cursor:pointer;
  transition:background .4s var(--e);position:relative;
}
.slide-dots button[aria-selected="true"]{background:var(--ink)}
.slide-dots button[aria-selected="true"]::after{
  content:"";position:absolute;inset:0;background:var(--orange);transform-origin:left;
  animation:dotFill 6.5s linear;
}
@keyframes dotFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.slide-count{font-size:.72rem;letter-spacing:.16em;color:var(--muted);font-variant-numeric:tabular-nums}
.slide-item{opacity:0;visibility:hidden;position:absolute;inset:0;
  transform:translateY(14px);transition:opacity .6s var(--e),transform .6s var(--e),visibility .6s}
.slide-item.on{opacity:1;visibility:visible;position:relative;transform:none}
.slide-view{position:relative;min-height:clamp(230px,26vw,290px)}

/* ============ BOŞLUK DÜZELTMELERİ ============ */
/* manifesto: sağ boşluk kalmasın -> iki kolon + görsel */
.manifesto-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:center}
.manifesto{font-size:clamp(1.25rem,2.4vw,1.95rem);line-height:1.38;color:var(--ink);
  letter-spacing:-.025em;font-weight:400;max-width:20ch}
.manifesto span{display:inline;transition:opacity .55s var(--e),filter .55s var(--e)}
.manifesto.dim span{opacity:.2;filter:blur(1px)}
.manifesto-art{position:relative;aspect-ratio:1;max-width:300px;margin-inline:auto;width:100%}
@media(max-width:860px){
  .manifesto-wrap{grid-template-columns:1fr;gap:2.5rem}
  .manifesto-art{max-width:220px}
}

/* bölüm dikey ritmi — gereksiz nefes azalt */
.sec{padding:5.5rem 0}
.sec--tight{padding:3.5rem 0}
.sec-h{margin-bottom:2.6rem}
.hero{padding:4.5rem 0 4rem}
.foot-top{padding:3.5rem 0 2.5rem}

/* ============ SİYAH ÜÇGEN BÖLÜM (ads-method tarzı) ============ */
.tri{position:relative;background:#05070A;color:#fff;overflow:clip;padding:0}
.tri-pin{position:sticky;top:0;height:100vh;display:grid;place-items:center}
.tri-inner{position:relative;width:100%;text-align:center;padding:6rem 0}
.tri-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(1100px,120vw);pointer-events:none;z-index:0}
.tri-art svg{width:100%;height:auto;overflow:visible}
.tri-title{position:relative;z-index:2;font-size:clamp(2rem,5vw,4.2rem);color:#fff;
  letter-spacing:-.04em;line-height:1.02;font-weight:500;margin:0}
.tri-title span{display:block;background:linear-gradient(180deg,#fff,#7d8894);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tri-sub{position:relative;z-index:2;color:rgba(255,255,255,.5);max-width:44ch;margin:1.4rem auto 0;font-size:1rem}
.tri-list{position:relative;z-index:2;display:flex;gap:2.4rem;justify-content:center;
  flex-wrap:wrap;margin-top:3rem}
.tri-list div{text-align:left;min-width:190px}
.tri-list b{display:block;font-size:.82rem;color:#fff;letter-spacing:.02em}
.tri-list small{font-size:.74rem;color:rgba(255,255,255,.4)}
/* üçgen çizim */
.tri-tri{fill:none;stroke:#E2710C;stroke-width:1;stroke-dasharray:var(--len,2600);
  stroke-dashoffset:var(--len,2600);transition:stroke-dashoffset 1.8s var(--e)}
.tri-g .tri-tri.in{stroke-dashoffset:0}
.tri-tri--soft{stroke:rgba(255,255,255,.16);stroke-width:1}
.tri-tri--dim{stroke:rgba(255,255,255,.08);stroke-width:1}
/* ticker — saf CSS, JS yok */
.ticker-track{display:inline-flex;gap:3rem;animation:tickMove 34s linear infinite;will-change:transform}
@keyframes tickMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker:hover .ticker-track{animation-play-state:paused}