/* =========================================================
   IVMENTUM — Design System
   Literata (başlık) · Host Grotesk (gövde) · JetBrains Mono (etiket)
   Görsel yok: bölümler tipografi ve yapıyla kuruluyor.
   ========================================================= */


/* ---------------------------------------------------------
   0. AÇILIŞ EKRANI
   Aynı 3B yüzey, düz bir ızgaradan doğuyor: "veriden önce" hali
   dalgalanmaya geçiyor. JS yoksa hiç görünmez (html.js koşulu),
   JS ortada takılırsa güvenlik zamanlayıcısı kaldırır.
   --------------------------------------------------------- */
.intro{ display:none; }
html.js .intro{
  display:block; position:fixed; inset:0; z-index:500;
  background:#0A0A0C;
  /* Yalnızca opacity: perdenin tamamını ölçeklemek içindeki canvas'ı
     yeniden rasterize ettiriyor ve kare düşmesine yol açıyordu. */
  transition:opacity .5s var(--ease);
}
html.js .intro.is-out{ opacity:0; pointer-events:none; }
.intro__canvas{
  position:absolute; inset:0; width:100%; height:100%; display:block;
  /* canvas bir doku; onu ölçeklemek GPU'da ucuz */
  transition:opacity .5s var(--ease), transform .7s var(--ease-out);
}
.intro.is-out .intro__canvas{ opacity:0; transform:scale(1.08); }

.intro__center{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display:grid; justify-items:center; gap:22px; width:min(78vw,340px);
}
.intro__logo{
  height:clamp(30px,5.2vw,44px); width:auto;
  /* soldan sağa açılan maske ile beliriyor */
  -webkit-mask-image:linear-gradient(90deg,#000 0 0);
          mask-image:linear-gradient(90deg,#000 0 0);
  -webkit-mask-size:0% 100%;  mask-size:0% 100%;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  transition:-webkit-mask-size .9s var(--ease-out), mask-size .9s var(--ease-out),
             transform .62s var(--ease-out), opacity .5s var(--ease);
  transform-origin:50% 50%;
}
/* Uçuş anında kendi compositor katmanına alınıyor; bitince geri bırakılıyor */
.intro.is-flying .intro__logo{ will-change:transform; }
.intro.is-lit .intro__logo{ -webkit-mask-size:100% 100%; mask-size:100% 100%; }

.intro__rail{
  width:100%; height:1px; background:rgba(244,242,239,.16);
  overflow:hidden; transition:opacity .35s var(--ease);
}
.intro__rail span{
  display:block; height:100%; width:0%;
  background:linear-gradient(90deg,#B5161A,#EC2F30,#FF8E6B);
}
.intro__pct{
  font-family:var(--f-mono); font-size:12px; font-weight:500; letter-spacing:.18em;
  color:#F4F2EF; font-variant-numeric:tabular-nums;
  justify-self:end; transition:opacity .35s var(--ease);
  display:flex; align-items:baseline; gap:.14em;
}
.intro__pct i{ font-style:normal; color:rgba(244,242,239,.55); }
.intro.is-out .intro__rail,.intro.is-out .intro__pct{ opacity:0; }

@media (prefers-reduced-motion:reduce){
  html.js .intro{ display:none; }
}

/* ---------------------------------------------------------
   1. TOKENS
   --------------------------------------------------------- */
:root{
  /* Surface */
  --bg:          #FFFFFF;
  --surface:     #FFFFFF;
  --sand:        #EBE5DC;
  --tint:        #FBE1E0;
  --mist:        #DCE3E1;
  --dark:        #0C0C0E;
  --dark-2:      #141417;
  --dark-3:      #1D1D22;

  /* Ink — her biri #F4F2EF üzerinde WCAG AA geçer */
  --ink:         #0C0C0E;
  --ink-70:      rgba(12,12,14,.72);
  --ink-55:      rgba(12,12,14,.62);
  --on-dark:     #FFFFFF;
  --on-dark-70:  rgba(255,255,255,.72);
  --on-dark-55:  rgba(255,255,255,.58);

  /* Brand — logo gradienti */
  --red:         #EC2F30;
  --red-core:    #B5161A;
  --red-deep:    #720B0E;
  --grad:        #B5161A;
  /* Üzerinde beyaz metin taşıyan yüzeyler için daha koyu rampa */
  --grad-strong: #A5141A;

  /* Semantic */
  --pos-dark:    #55C48F;

  /* Lines */
  --line:        rgba(12,12,14,.13);
  --line-soft:   rgba(12,12,14,.07);
  --line-dark:   rgba(244,242,239,.13);

  /* Shape */
  --r-sm: 8px; --r-md: 10px;
  --r-lg: 12px; --r-xl: 12px; --pill: 999px;

  /* Rhythm */
  --gut:  clamp(20px, 4vw, 56px);
  --maxw: 1360px;
  --sec:  clamp(76px, 9vw, 152px);

  /* Type */
  --f-display: "Literata", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --f-sans: "Host Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Motion */
  --ease:     cubic-bezier(.2,.7,.25,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}

/* ---------------------------------------------------------
   2. RESET
   --------------------------------------------------------- */
*,*::before,*::after{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scroll-behavior:smooth;
  scroll-padding-top:122px;
  scrollbar-gutter:stable;
}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--f-sans);
  font-size:clamp(15px,.55vw + 13.6px,17px);
  font-weight:400;
  line-height:1.6;
  letter-spacing:-.006em;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg,video{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button,input,textarea,select{ font:inherit; color:inherit; }
h1,h2,h3,h4,p,figure,blockquote,output{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
::selection{ background:var(--red-core); color:#fff; }
:focus-visible{ outline:2px solid var(--red-core); outline-offset:3px; border-radius:5px; }

.wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gut); }
.section{ padding-block:var(--sec); position:relative; }
.section--tight{ padding-block:clamp(48px,6vw,96px); }
.section--paper{ background:var(--sand); }
.mt-sm{ margin-top:.3em; }
.mt-md{ margin-top:20px; }
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}

/* ---------------------------------------------------------
   3. TYPE
   --------------------------------------------------------- */
.eyebrow{
  font-family:var(--f-mono); font-size:11.5px; font-weight:500;
  letter-spacing:.17em; text-transform:uppercase; color:var(--ink-55);
  display:inline-flex; align-items:center; gap:.7em; margin:0;
}
.eyebrow::before{ content:""; width:22px; height:1px; background:var(--red-core); flex:0 0 auto; }

.display{
  font-family:var(--f-display); font-weight:400; font-style:normal;
  line-height:1.0; letter-spacing:-.032em;
  font-size:clamp(2.9rem, 7.4vw, 6.6rem);
  text-wrap:balance;
}
.h2{
  font-family:var(--f-display); font-weight:400;
  line-height:1.05; letter-spacing:-.028em;
  font-size:clamp(2.05rem, 4.2vw, 3.7rem);
  text-wrap:balance;
}
.h3{
  font-family:var(--f-sans); font-weight:600; line-height:1.2;
  letter-spacing:-.022em; font-size:clamp(1.2rem,1.45vw,1.55rem);
  text-wrap:balance;
}
.h4{ font-weight:600; font-size:1.04rem; letter-spacing:-.018em; line-height:1.3; text-wrap:balance; }
.lead{ font-size:clamp(1.02rem,1.05vw,1.2rem); color:var(--ink-70); line-height:1.6; text-wrap:pretty; }
.ital{ font-style:italic; }
.accent{ color:var(--red-core); }
/* koyu yüzeylerde marka kırmızısı okunmuyor; açık tonu kullan */
.platform .accent,.footer .accent{ color:#F2706E; }

/* Satır maskesi ile başlık girişi */
/* Alt uzantılar (g, y, ç) maskeye takılmasın diye pay bırakılıyor;
   negatif margin satır aralığını olduğu gibi koruyor. */
.ln{ display:block; overflow:hidden; padding-bottom:.26em; margin-bottom:-.26em; }
.ln > i{ display:block; font-style:normal; }
.ln > i.ital{ font-style:italic; }
html.js .ln > i{
  transform:translateY(108%); opacity:0;
  transition:transform 1s var(--ease-out) var(--d,0s), opacity .8s ease var(--d,0s);
}
html.js .display.in .ln > i{ transform:none; opacity:1; }

/* ---------------------------------------------------------
   4. BUTTONS & LINKS
   --------------------------------------------------------- */
.btn{
  --bg-c:var(--ink); --fg-c:#fff;
  position:relative; display:inline-flex; align-items:center; gap:.85em;
  padding:1.05em 1.55em; background:var(--bg-c); color:var(--fg-c);
  border:1px solid transparent; border-radius:var(--r-sm);
  font-family:var(--f-mono); font-size:12.5px; font-weight:500;
  letter-spacing:.09em; text-transform:uppercase; white-space:nowrap;
  cursor:pointer; overflow:hidden; isolation:isolate;
  transition-property:transform, box-shadow, color, background-color, border-color;
  transition-duration:.28s; transition-timing-function:var(--ease);
}
.btn::after{
  content:""; position:absolute; inset:0; z-index:-1; background:var(--grad-strong);
  transform:translateY(101%); transition:transform .5s var(--ease-out);
}
.btn:hover{ transform:translateY(-2px); box-shadow:0 14px 30px -14px rgba(165,20,26,.55); }
.btn:hover::after{ transform:translateY(0); }
.btn:active{ transform:scale(.975); transition-duration:.09s; }
.btn .ar{ transition:transform .4s var(--ease); transform:translateY(.5px); }
.btn:hover .ar{ transform:translate(4px,.5px); }

.btn--brand{ --bg-c:transparent; --fg-c:#fff; background:var(--grad-strong); }
.btn--brand::after{ background:var(--ink); }
.btn--brand:hover{ box-shadow:0 14px 30px -14px rgba(12,12,14,.5); }
.btn--ghost{ --bg-c:transparent; --fg-c:var(--ink); border-color:var(--line); }
.btn--ghost:hover{ --fg-c:#fff; border-color:transparent; }
.btn--sm{ padding:.85em 1.15em; font-size:11.5px; }

.link-u{
  position:relative; display:inline-flex; align-items:center; gap:.5em;
  border-bottom:1px solid currentColor; padding-bottom:2px; padding-block:4px;
  transition:opacity .25s var(--ease);
}
.link-u:hover{ opacity:.6; }
.link-u::after{ content:""; position:absolute; left:0; right:0; top:50%; height:44px; transform:translateY(-50%); }
.ar--sm{ width:12px; height:12px; }

.chip{
  display:inline-flex; align-items:center; gap:.5em;
  padding:.45em .9em; border-radius:var(--pill);
  border:1px solid rgba(181,22,26,.32); color:var(--red-core);
  font-family:var(--f-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.13em; text-transform:uppercase;
}
.wcard--lead .chip{ border-color:rgba(242,112,110,.42); color:#F2706E; }

/* ---------------------------------------------------------
   5. CHROME — skip, progress, topbar, header, nav
   --------------------------------------------------------- */
.skip{
  position:fixed; left:12px; top:-100px; z-index:300;
  background:var(--ink); color:#fff; padding:.85em 1.2em; border-radius:var(--r-sm);
  font-family:var(--f-mono); font-size:12.5px; letter-spacing:.09em; text-transform:uppercase;
  transition:top .2s var(--ease);
}
.skip:focus{ top:12px; }

.progress{ position:fixed; inset:0 0 auto; height:2px; z-index:200; pointer-events:none; }
.progress span{
  display:block; height:100%; width:0%; background:var(--grad);
  transform-origin:left; transition:width .12s linear;
}

.topbar{
  background:var(--grad-strong); color:#fff; text-align:center;
  font-size:13.5px; padding:.72em var(--gut);
  display:flex; align-items:center; justify-content:center; gap:.7em; flex-wrap:wrap;
}
.topbar a{
  display:inline-flex; align-items:center; gap:.4em; padding-block:7px;
  border-bottom:1px solid rgba(255,255,255,.5); font-weight:600;
  transition:border-color .25s var(--ease), gap .25s var(--ease);
}
.topbar a:hover{ border-color:#fff; gap:.65em; }

.header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(170%) blur(16px);
  -webkit-backdrop-filter:saturate(170%) blur(16px);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--ease), background .3s var(--ease), transform .45s var(--ease);
}
.header.is-stuck{ background:rgba(255,255,255,.96); border-bottom-color:var(--line-soft); }
.header.is-hidden{ transform:translateY(-100%); }

/* --- Header'ın alt kenarı: dikişsiz döşenen sinüs dalgası ---
   Tek tam periyot maske olarak yatayda döşeniyor; renk background'dan
   geliyor, böylece tek yerden ayarlanır. Kayma tam bir dalga boyu
   olduğu için tekrar dikişsiz görünür. --- */
.header__wave{ display:none; }
.header.is-stuck .header__wave{ opacity:0; transform:translateY(-6px); }
@keyframes waveDrift{
  from{ -webkit-mask-position:0 50%;      mask-position:0 50%; }
  to  { -webkit-mask-position:-200px 50%; mask-position:-200px 50%; }
}
.header__in{ display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:94px; }
.brand{ display:flex; align-items:center; flex:0 0 auto; padding-block:12px; }
.brand img{ height:40px; width:auto; }

.nav{ display:flex; align-items:center; gap:clamp(12px,1.8vw,30px); }
.nav a{ position:relative; font-size:15px; font-weight:500; letter-spacing:-.012em; padding-block:11px; }
.nav a::after{
  content:""; position:absolute; left:0; bottom:8px; height:1.5px; width:100%;
  background:var(--grad); transform:scaleX(0); transform-origin:right;
  transition:transform .4s var(--ease-out);
}
.nav a:hover::after,.nav a.is-active::after{ transform:scaleX(1); transform-origin:left; }
.nav a.is-active{ color:var(--red-core); }

.header__cta{ display:flex; align-items:center; gap:10px; }
.langsw{
  display:grid; place-items:center; min-width:44px; height:44px; padding-inline:.7em;
  border:1px solid var(--line); border-radius:var(--pill);
  font-family:var(--f-mono); font-size:11.5px; font-weight:600; letter-spacing:.09em;
  transition:background .28s var(--ease), color .28s var(--ease), border-color .28s var(--ease);
}
.langsw:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.langsw--lg{ min-width:56px; height:48px; font-size:13px; }

.burger{
  display:none; width:44px; height:44px; border:1px solid var(--line);
  border-radius:var(--pill); background:transparent; cursor:pointer;
  align-items:center; justify-content:center; flex-direction:column; gap:5px;
}
.burger span{ display:block; width:17px; height:1.6px; background:var(--ink); transition:transform .35s var(--ease), opacity .2s; }
.burger.is-open span:nth-child(1){ transform:translateY(6.6px) rotate(45deg); }
.burger.is-open span:nth-child(2){ opacity:0; }
.burger.is-open span:nth-child(3){ transform:translateY(-6.6px) rotate(-45deg); }

.mobilenav{
  position:fixed; inset:0; z-index:90; background:var(--bg);
  padding:120px var(--gut) 40px; display:flex; flex-direction:column; gap:2px;
  transform:translateY(-100%); visibility:hidden; overflow-y:auto;
  transition:transform .55s var(--ease-out), visibility 0s linear .55s;
}
.mobilenav.is-open{ transform:translateY(0); visibility:visible; transition:transform .55s var(--ease-out), visibility 0s linear 0s; }
.mobilenav a{
  font-family:var(--f-display); font-size:clamp(1.85rem,8vw,2.5rem);
  letter-spacing:-.03em; line-height:1.2; padding-block:.24em;
  border-bottom:1px solid var(--line-soft);
}
.mobilenav__foot{ display:flex; align-items:center; gap:18px; margin-top:32px; flex-wrap:wrap; }
.mobilenav__foot a{ font-family:var(--f-sans); font-size:15px; padding-block:9px; }
.mobilenav__foot .langsw--lg{ font-family:var(--f-mono); border:1px solid var(--line); }

/* ---------------------------------------------------------
   7. HERO
   --------------------------------------------------------- */
.hero{
  padding-block:clamp(46px,5vw,76px) clamp(58px,6vw,92px); overflow:hidden;
  border-bottom:1px solid var(--line-soft); background:#fff;
}
.hero::after{
  content:""; position:absolute; left:0; bottom:0; width:min(48vw,690px); height:46%;
  opacity:.18; pointer-events:none;
  background-image:radial-gradient(circle,rgba(12,12,14,.34) 0 1px,transparent 1.2px);
  background-size:8px 8px;
  -webkit-mask-image:linear-gradient(135deg,transparent 5%,#000 76%,transparent 100%);
          mask-image:linear-gradient(135deg,transparent 5%,#000 76%,transparent 100%);
}
.hero__grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
  gap:clamp(34px,4.5vw,72px); align-items:center;
}
.hero__copy{ padding-block:clamp(8px,2vw,30px); }
.hero__title{
  max-width:10.5ch; margin-block:0 .3em;
  font-family:var(--f-sans); font-size:clamp(3.4rem,5.35vw,5.85rem);
  font-weight:650; line-height:.94; letter-spacing:-.065em;
}
.hero__title .accent{ color:var(--ink); font-style:normal; }
.hero__title .ln > i.ital{ font-style:normal; }
.hero__lead{ max-width:40ch; margin-top:1.2em; }
.hero__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,3vw,40px); }
.hero__actions > .btn:first-child{ --bg-c:var(--red-core); }
.hero__trust{ display:flex; align-items:center; gap:14px; margin-top:clamp(24px,2.6vw,34px); }
.hero__trust p{
  font-family:var(--f-mono); font-size:11.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-70); line-height:1.5;
}
.hero__rule{ flex:0 0 auto; width:11px; height:11px; border-radius:50%; background:var(--red-core); }

.hero-ledger{
  position:relative; width:100%; min-width:0; overflow:visible;
  border:1px solid var(--ink); border-radius:var(--r-lg); background:rgba(255,255,255,.96);
  box-shadow:0 22px 60px -48px rgba(12,12,14,.48);
}
.hero-ledger__sample{
  position:absolute; right:18px; top:-23px; font-family:var(--f-mono);
  font-size:9px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-55);
}
.hero-ledger__head{
  display:flex; justify-content:space-between; align-items:baseline; gap:20px;
  padding:clamp(22px,2.1vw,32px); border-bottom:1px solid var(--ink);
}
.hero-ledger__head h2{
  font-family:var(--f-display); font-weight:450; font-size:clamp(1.55rem,2.2vw,2.25rem);
  line-height:1; letter-spacing:-.035em;
}
.hero-ledger__head span{ font-weight:600; font-size:clamp(.88rem,1.2vw,1.05rem); letter-spacing:-.02em; }
.hero-ledger__progress{
  display:grid; grid-template-columns:auto 1fr; gap:clamp(18px,2vw,32px); align-items:center;
  padding:18px clamp(22px,2.1vw,32px); border-bottom:1px solid var(--line);
}
.hero-ledger__progress b{ font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ledger-rail{ position:relative; display:grid; grid-template-columns:repeat(14,1fr); align-items:center; }
.ledger-rail::before{ content:""; position:absolute; left:2px; right:2px; height:1px; background:var(--line); }
.ledger-rail::after{ content:""; position:absolute; left:2px; width:38.5%; height:2px; background:var(--red-core); }
.ledger-rail i{
  position:relative; z-index:1; justify-self:end; width:7px; height:7px; border-radius:50%;
  border:1px solid rgba(12,12,14,.35); background:#fff;
}
.ledger-rail i.is-done{ border-color:var(--red-core); background:var(--red-core); }
.ledger-rail i.is-current{ width:14px; height:14px; background:#fff; box-shadow:inset 0 0 0 4px var(--red-core); }
.hero-ledger__stages{ display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--ink); }
.hero-ledger__stages li{ min-width:0; padding:clamp(16px,1.8vw,25px); }
.hero-ledger__stages li + li{ border-left:1px solid var(--line); }
.hero-ledger__n{ display:block; color:var(--red-core); font-family:var(--f-mono); font-size:11px; letter-spacing:.12em; }
.hero-ledger__icon{ display:block; width:27px; height:27px; margin:18px 0 14px; }
.hero-ledger__icon svg{ width:100%; height:100%; }
.hero-ledger__stages h3{ font-size:14px; line-height:1.2; letter-spacing:-.02em; }
.hero-ledger__stages p{ margin-top:8px; color:var(--ink-55); font-size:11.5px; line-height:1.45; }
.hero-ledger__labels,.hero-ledger__row{
  display:grid; grid-template-columns:64px minmax(0,1fr) minmax(96px,.7fr);
  gap:16px; align-items:center; padding:12px clamp(22px,2.1vw,32px);
}
.hero-ledger__labels{
  border-bottom:1px solid var(--line); font-family:var(--f-mono); color:var(--ink-55);
  font-size:8px; letter-spacing:.11em; text-transform:uppercase;
}
.hero-ledger__row{ min-height:58px; border-bottom:1px solid var(--line-soft); font-size:12px; }
.hero-ledger__row b{ color:var(--red-core); font-family:var(--f-mono); }
.hero-ledger__status{ display:flex; align-items:center; gap:7px; }
.hero-ledger__status i{ width:7px; height:7px; border-radius:50%; background:var(--red-core); }
.hero-ledger__ghost{ height:42px; border-bottom:1px solid var(--line-soft); opacity:.65; }
.hero-ledger__ghost::before{
  content:""; display:block; width:52%; height:5px; margin:18px 32px;
  background:linear-gradient(90deg,var(--line) 0 13%,transparent 13% 20%,var(--line) 20% 52%,transparent 52%);
}

/* Çizgi varsayılan olarak GÖRÜNÜR; animasyon yalnızca bir zenginleştirme.
   Tersi kurgulandığında (gizli başlayıp animasyonla açılma) animasyon
   çalışmazsa grafik kalıcı olarak boş kalıyordu. */
@keyframes draw{ from{ stroke-dashoffset:900; } to{ stroke-dashoffset:0; } }
html.js .rv.in html.js .rv.in html:not(.js) @keyframes pop{ from{ opacity:0; transform:scale(.4); } to{ opacity:1; transform:none; } }


.scrollhint{
  position:absolute; left:50%; bottom:clamp(14px,2vw,26px); transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:8px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-55); padding:10px;
  transition:color .3s var(--ease), transform .4s var(--ease);
}
.scrollhint:hover{ color:var(--ink); transform:translate(-50%,3px); }
.scrollhint svg{ animation:bob 2.6s var(--ease) infinite; }
@keyframes bob{ 0%,100%{ transform:translateY(0); opacity:.6; } 50%{ transform:translateY(4px); opacity:1; } }

/* ---------------------------------------------------------
   9. ABOUT
   --------------------------------------------------------- */

/* ---------------------------------------------------------
   9. ABOUT — numaralı ilke satırları (ikon dairesi yok)
   --------------------------------------------------------- */
.about{ display:grid; }
#hakkimizda{ padding-top:clamp(64px,6vw,92px); }
.statement{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(1.9rem,4.6vw,4.1rem); line-height:1.1; letter-spacing:-.03em;
  max-width:19ch; margin:.5em 0 0; text-wrap:balance;
}
.statement em{ font-style:italic; color:var(--red-core); }

.tenets{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:0; margin-top:clamp(56px,7vw,110px);
  border-top:1px solid var(--ink);
}
.tenet{ padding:26px clamp(20px,2.4vw,40px) 0 0; position:relative; }
.tenet + .tenet{ padding-left:clamp(20px,2.4vw,40px); }
.tenet + .tenet::before{
  content:""; position:absolute; left:0; top:26px; bottom:6px; width:1px; background:var(--line);
}
.tenet__n{
  display:block; font-family:var(--f-mono); font-size:11px;
  letter-spacing:.16em; color:var(--red-core); margin-bottom:18px;
}
.tenet__t{ margin:0; font-size:1.06rem; font-weight:600; letter-spacing:-.02em; text-wrap:balance; }
.tenet__b{ margin-top:9px; font-size:14.8px; color:var(--ink-55); text-wrap:pretty; max-width:34ch; }

/* ---------------------------------------------------------
   10. PERFORMANS YÜZEYİ — yazılar canlı 3B tel örgünün üstünde
   Yüzey bölümün tamamını kaplıyor; metnin oturduğu bölgede canvas
   maskeyle sönümleniyor (üstüne perde sermek yerine). Böylece örgü
   her yerde görünür kalıyor ama yazının arkasında sessizleşiyor.
   --------------------------------------------------------- */
.surface{
  position:relative; isolation:isolate; overflow:hidden;
  background:var(--dark); color:var(--on-dark);
  padding-block:clamp(90px,10vw,170px);
}
.surface__canvas{
  position:absolute; inset:0; width:100%; height:100%;
  z-index:0; display:block;
  /* üstte tam güç, metin bölgesinde sessiz */
  -webkit-mask-image:linear-gradient(to bottom,
    rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%,
    rgba(0,0,0,.42) 44%, rgba(0,0,0,.30) 62%, rgba(0,0,0,.34) 100%);
          mask-image:linear-gradient(to bottom,
    rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%,
    rgba(0,0,0,.42) 44%, rgba(0,0,0,.30) 62%, rgba(0,0,0,.34) 100%);
}
.surface__in{ position:relative; z-index:1; }
.surface .eyebrow{ color:var(--on-dark-70); }
.surface .eyebrow::before{ background:#F2706E; }
.surface__hd .h2{ max-width:18ch; }

/* Fark maddeleri: kart değil, iki sütunlu numaralı satır.
   Yüzeyin üstünde durdukları için metin normalden parlak. */
.diffs{
  display:grid; grid-template-columns:1fr 1fr;
  column-gap:clamp(32px,5vw,88px);
  margin-top:clamp(300px,32vw,440px);      /* örgüye nefes alanı */
  border-top:1px solid rgba(244,242,239,.22);
}
.diffs__row{
  display:grid; grid-template-columns:auto 1fr; gap:clamp(14px,1.8vw,24px);
  padding:clamp(20px,2.2vw,28px) 0;
  border-bottom:1px solid rgba(244,242,239,.16);
}
.diffs__n{ font-family:var(--f-mono); font-size:11px; letter-spacing:.16em; color:#FF8574; padding-top:.35em; }
.diffs__t{ margin:0; font-size:1.06rem; font-weight:600; letter-spacing:-.02em; color:#FFFFFF; text-wrap:balance; }
.diffs__row p{ margin-top:8px; font-size:14.8px; color:rgba(255,255,255,.86); text-wrap:pretty; }
.diff__cta{ margin-top:clamp(34px,4vw,54px); }
.btn--onDark{ --bg-c:var(--bg); --fg-c:var(--ink); }
.btn--onDark:hover{ --fg-c:#fff; }

/* ---------------------------------------------------------
   11. SERVICES CAROUSEL
   --------------------------------------------------------- */
.svc__hd{ display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:clamp(34px,4vw,56px); }
.carou__nav{ display:flex; gap:10px; flex:0 0 auto; }
.cbtn{
  width:56px; height:56px; border-radius:50%; border:1px solid var(--line);
  background:var(--surface); display:grid; place-items:center; cursor:pointer;
  transition:background .3s var(--ease), color .3s var(--ease), transform .3s var(--ease), border-color .3s var(--ease);
}
.cbtn:hover:not(:disabled){ background:var(--ink); color:#fff; border-color:var(--ink); transform:scale(1.05); }
.cbtn:active:not(:disabled){ transform:scale(.94); transition-duration:.09s; }
.cbtn:disabled{ opacity:.28; cursor:not-allowed; }
.cbtn svg{ width:19px; height:19px; transform:translateY(.5px); }

.carou{
  display:flex; gap:clamp(14px,1.4vw,20px);
  overflow-x:auto; scroll-snap-type:x mandatory;
  padding-inline:max(var(--gut), calc((100vw - var(--maxw)) / 2 + var(--gut)));
  scroll-padding-inline-start:max(var(--gut), calc((100vw - var(--maxw)) / 2 + var(--gut)));
  padding-block:4px 12px; scrollbar-width:none; -ms-overflow-style:none; cursor:grab;
}
.carou::-webkit-scrollbar{ display:none; }
.carou.is-drag{ cursor:grabbing; scroll-snap-type:none; }

.scard{
  scroll-snap-align:start; flex:0 0 clamp(268px,27vw,376px);
  display:flex; flex-direction:column;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-lg); padding:clamp(22px,2.2vw,30px);
  min-height:clamp(348px,34vw,412px);
  transition:border-color .35s var(--ease), transform .45s var(--ease), box-shadow .45s var(--ease);
}
.scard:hover{
  transform:translateY(-3px); border-color:rgba(12,12,14,.24);
  box-shadow:0 1px 2px rgba(12,12,14,.05), 0 14px 30px -18px rgba(12,12,14,.22);
}
.scard--dark{ background:var(--ink); color:var(--on-dark); border-color:transparent; }
.scard--dark:hover{ border-color:transparent; box-shadow:0 18px 40px -20px rgba(12,12,14,.5); }

.scard__hd{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding-bottom:18px; border-bottom:1px solid var(--line);
}
.scard--dark .scard__hd{ border-bottom-color:var(--line-dark); }
.scard__idx{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(2.4rem,3.2vw,3.1rem); line-height:.82; letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
.scard__cat{
  font-family:var(--f-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.15em; text-transform:uppercase; color:var(--ink-55);
}
.scard--dark .scard__cat{ color:var(--on-dark-70); }
.scard__body{ padding-top:22px; display:grid; gap:11px; }
.scard__body p{ font-size:14.6px; color:var(--ink-55); text-wrap:pretty; }
.scard--dark .scard__body p{ color:var(--on-dark-70); }

.scard__cta{
  margin-top:auto; padding-top:24px;
  display:inline-flex; align-items:center; gap:.6em; align-self:flex-start;
  font-family:var(--f-mono); font-size:11px; font-weight:500;
  letter-spacing:.13em; text-transform:uppercase;
  transition:color .28s var(--ease), gap .28s var(--ease);
}
.scard__cta:hover{ color:var(--red-core); gap:.95em; }
.scard--dark .scard__cta:hover{ color:#F2706E; }
.scard__cta svg{ transform:translateY(.5px); }

/* ---------------------------------------------------------
   12. PLATFORM (dark)
   --------------------------------------------------------- */
.platform{
  background:var(--dark); color:var(--on-dark); border-radius:var(--r-xl);
  padding:clamp(34px,4.4vw,68px) clamp(22px,3.6vw,60px);
}
.platform .eyebrow{ color:var(--on-dark-70); }
.platform__grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(34px,5vw,90px); align-items:start; }
.platform__title{ margin-block:.28em 0; max-width:13ch; font-family:var(--f-sans); font-weight:600; letter-spacing:-.055em; }
.platform__title em{ font-style:italic; }
.platform__copy p{ color:var(--on-dark-70); text-wrap:pretty; }
.platform__note{
  margin-top:24px; padding-top:20px; border-top:1px solid var(--line-dark);
  font-size:13.5px;
}

.system-map{
  display:grid; grid-template-columns:minmax(150px,.9fr) minmax(360px,1.7fr) minmax(160px,.95fr);
  gap:clamp(28px,3.7vw,58px); align-items:center; position:relative;
  margin-top:clamp(48px,5vw,76px); padding:clamp(24px,3.4vw,48px);
  border:1px solid rgba(255,255,255,.24); border-radius:var(--r-sm);
}
.system-map::before,.system-map::after{
  content:""; position:absolute; width:14px; height:14px; border-top:1px solid #F04A4D;
}
.system-map::before{ left:-7px; top:-7px; border-left:1px solid #F04A4D; }
.system-map::after{ right:-7px; bottom:-7px; border-right:1px solid #F04A4D; border-top:0; border-bottom:1px solid #F04A4D; }
.system-map__sources,.system-map__outputs{ display:grid; gap:10px; }
.system-node{
  position:relative; display:grid; align-items:center; min-height:58px;
  border:1px solid rgba(255,255,255,.24); padding:12px 14px;
}
.system-node--source{ grid-template-columns:40px 1fr; }
.system-node--output{ grid-template-columns:28px 32px 1fr; }
.system-node b{ font-size:13px; font-weight:500; letter-spacing:-.01em; }
.system-node__code{
  font-family:var(--f-mono); font-size:9px; letter-spacing:.08em; color:#FF6F71;
}
.system-node__icon{ color:#fff; }
.system-node__icon svg{ width:22px; height:22px; }
.system-node > i{
  position:absolute; top:50%; width:8px; height:8px; background:#E52A2D;
  border:2px solid var(--dark); box-shadow:0 0 0 1px #E52A2D; transform:translateY(-50%);
}
.system-node--source > i{ right:-5px; }
.system-node--output > i{ left:-5px; }
.system-map__stages{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(22px,3vw,46px); }
.system-map__stages::before{
  content:""; position:absolute; left:-29px; right:-29px; top:50%; height:1px;
  background:rgba(255,255,255,.7); z-index:0;
}
.system-stage{
  position:relative; z-index:1; aspect-ratio:1; display:grid; place-items:center; align-content:center; gap:15px;
  border:1px solid rgba(255,255,255,.35); background:var(--dark); text-align:center;
}
.system-stage::before,.system-stage::after{
  content:""; position:absolute; top:50%; width:7px; height:7px; background:#E52A2D;
  border:2px solid var(--dark); box-shadow:0 0 0 1px #E52A2D; transform:translateY(-50%);
}
.system-stage::before{ left:-4px; }.system-stage::after{ right:-4px; }
.system-stage span{ width:34px; height:34px; color:#fff; }
.system-stage span svg{ width:100%; height:100%; }
.system-stage b{ font-size:13px; font-weight:500; }
.plist{
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:0 clamp(28px,4vw,64px);
  margin-top:clamp(34px,4vw,58px);
  border-top:1px solid var(--line-dark);
}
.plist li{
  display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:baseline;
  padding:18px 0; font-size:14.8px; line-height:1.4;
  border-bottom:1px solid var(--line-dark);
}
.plist__n{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.14em; color:#F2706E; }


/* ---------------------------------------------------------
   13. PROCESS
   --------------------------------------------------------- */
.method__top{ display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(24px,3vw,48px); align-items:end; }

/* ---------------------------------------------------------
   13. PROCESS — kademeli satırlar (eşit beş sütun değil)
   --------------------------------------------------------- */
.method__top{ display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(24px,3vw,56px); align-items:end; }
.steps{ margin-top:clamp(44px,5vw,76px); display:grid; }
.step{
  display:grid; grid-template-columns:auto minmax(0,15ch) minmax(0,1fr);
  gap:clamp(16px,2.4vw,40px); align-items:baseline;
  padding:clamp(20px,2.4vw,30px) 0;
  border-top:1px solid var(--line);
  /* kademe: her adım biraz daha içeriden başlar */
  padding-left:calc(var(--s) * clamp(0px, 2.2vw, 38px));
  transition:background .35s var(--ease);
}
.step:last-child{ border-bottom:1px solid var(--line); }
.step:hover{ background:rgba(12,12,14,.022); }
.step__n{
  font-family:var(--f-display); font-size:clamp(1.5rem,2.4vw,2.2rem);
  line-height:1; letter-spacing:-.035em; color:var(--red-core);
  font-variant-numeric:tabular-nums;
}
.step__t{ margin:0; font-size:clamp(1.05rem,1.4vw,1.3rem); font-weight:600; letter-spacing:-.022em; text-wrap:balance; }
.step p{ font-size:14.8px; color:var(--ink-55); text-wrap:pretty; max-width:56ch; }

/* ---------------------------------------------------------
   14. METRIC BLOCKS
   --------------------------------------------------------- */
.blocks{ display:grid; grid-template-columns:repeat(3,1fr); border-radius:var(--r-lg); overflow:hidden; }
.block{ padding:clamp(26px,2.8vw,38px); display:flex; flex-direction:column; min-height:clamp(272px,26vw,330px); }
.block:nth-child(1){ background:var(--tint); }
.block:nth-child(2){ background:var(--surface); }
.block:nth-child(3){ background:var(--mist); }
.block__hd{ display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; }
.block__n{
  font-family:var(--f-display); font-size:clamp(2.4rem,4.2vw,3.4rem);
  line-height:.95; letter-spacing:-.035em; font-variant-numeric:tabular-nums;
}
.block__l{ font-weight:600; font-size:1rem; letter-spacing:-.02em; text-wrap:balance; }
.block__rule{ height:1px; background:rgba(12,12,14,.16); margin:22px 0 auto; }
.block p{ font-size:14.4px; color:var(--ink-70); margin-top:22px; text-wrap:pretty; }

/* ---------------------------------------------------------
   15. WORK
   --------------------------------------------------------- */
.work__hd{ display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.work__grid{
  display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(16px,1.6vw,22px); margin-top:clamp(38px,4.4vw,60px);
}
.wcard{
  display:flex; flex-direction:column; gap:13px;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-lg); padding:clamp(24px,2.6vw,36px);
  transition:border-color .35s var(--ease), transform .45s var(--ease), box-shadow .45s var(--ease);
}
.wcard:hover{
  transform:translateY(-3px); border-color:rgba(12,12,14,.24);
  box-shadow:0 1px 2px rgba(12,12,14,.05), 0 14px 30px -18px rgba(12,12,14,.22);
}
.wcard--lead{
  grid-column:1 / -1; background:var(--ink); color:var(--on-dark); border-color:transparent;
}
.wcard--lead:hover{ border-color:transparent; box-shadow:0 20px 44px -22px rgba(12,12,14,.5); }

.wcard__hd{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.wcard__idx{
  font-family:var(--f-mono); font-size:11px; letter-spacing:.14em;
  color:var(--ink-55); font-variant-numeric:tabular-nums;
}
.wcard--lead .wcard__idx{ color:var(--on-dark-55); }
.wcard__t{
  margin:8px 0 0; font-family:var(--f-display); font-weight:400;
  font-size:clamp(1.35rem,2.1vw,1.95rem); line-height:1.14; letter-spacing:-.028em;
  text-wrap:balance;
}
.wcard p{ font-size:14.8px; color:var(--ink-55); max-width:52ch; text-wrap:pretty; }
.wcard--lead p{ color:var(--on-dark-70); }

.wcard__metrics{
  display:flex; gap:clamp(24px,3vw,48px); flex-wrap:wrap;
  margin-top:6px; padding-top:20px; border-top:1px solid var(--line);
}
.wcard--lead .wcard__metrics{ border-top-color:var(--line-dark); }
.wmetric b{
  display:block; font-family:var(--f-display); font-weight:400;
  font-size:clamp(1.8rem,2.8vw,2.5rem); line-height:1; letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
.wmetric span{
  display:block; margin-top:8px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ink-55);
}
.wcard--lead .wmetric span{ color:var(--on-dark-55); }
.wcard .scard__cta{ padding-top:20px; }
.wcard--lead .scard__cta:hover{ color:#F2706E; }

/* ---------------------------------------------------------
   16. 14 GÜNLÜK PİLOT — ana sayfa çağrısı
   --------------------------------------------------------- */
.pilot-teaser{
  display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
  overflow:hidden; border-radius:var(--r-xl); background:var(--dark); color:var(--on-dark);
  border:1px solid var(--dark);
}
.pilot-teaser__copy{ padding:clamp(32px,5vw,72px); }
.pilot-teaser .eyebrow{ color:var(--on-dark-70); }
.pilot-teaser__title{ max-width:15ch; margin:.35em 0 .48em; }
.pilot-teaser__title em{ color:#F2706E; font-style:italic; }
.pilot-teaser .lead{ max-width:54ch; color:var(--on-dark-70); }
.pilot-teaser .btn{ margin-top:clamp(26px,3vw,38px); }
.pilot-teaser__side{
  position:relative; display:grid; align-content:start; padding:clamp(30px,4vw,58px);
  background:#fff; color:var(--ink); border-left:1px solid var(--line);
}
.pilot-teaser__side::before{
  content:""; position:absolute; right:0; top:0; width:38%; height:22%; opacity:.2;
  background-image:radial-gradient(circle,rgba(12,12,14,.46) 0 1px,transparent 1.2px);
  background-size:7px 7px; pointer-events:none;
}
.pilot-teaser__stamp{ position:relative; display:flex; align-items:flex-end; gap:12px; padding-bottom:24px; border-bottom:1px solid var(--ink); }
.pilot-teaser__stamp b{
  font-family:var(--f-sans); font-size:clamp(4.5rem,7.5vw,7rem); font-weight:650;
  line-height:.72; letter-spacing:-.08em; color:var(--red-core);
}
.pilot-teaser__stamp span{
  padding-bottom:3px; font-family:var(--f-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase;
}
.pilot-teaser__side ol{ position:relative; display:grid; margin-top:2px; }
.pilot-teaser__side li{
  position:relative; display:grid; grid-template-columns:60px 1fr 10px; gap:12px; align-items:center;
  min-height:58px; border-bottom:1px solid var(--line); font-size:12px;
}
.pilot-teaser__side li span{ font-family:var(--f-mono); color:var(--red-core); font-size:9px; letter-spacing:.1em; }
.pilot-teaser__side li b{ font-weight:500; line-height:1.3; }
.pilot-teaser__side li i{ width:7px; height:7px; border:1px solid var(--line); background:#fff; }
.pilot-teaser__side li i.is-active{ border-color:var(--red-core); background:var(--red-core); }

/* ---------------------------------------------------------
   17. PİLOT LANDING PAGE
   --------------------------------------------------------- */
.pilot-page .header__wave{ background:rgba(181,22,26,.5); }
.pilot-topbar{ font-size:12.5px; }
.pilot-hero{ padding-block:clamp(54px,6vw,96px); }
.pilot-hero__grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);
  gap:clamp(40px,5vw,86px); align-items:center;
}
.pilot-hero__title{ max-width:17ch; margin:.28em 0 .35em; font-size:clamp(2.65rem,6vw,5.7rem); }
.pilot-hero__copy .lead{ max-width:55ch; }
.pilot-hero__micro{
  max-width:58ch; margin-top:24px; padding-top:18px; border-top:1px solid var(--line);
  color:var(--ink-55); font-family:var(--f-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
}
.pilot-sheet{
  overflow:hidden; border:1px solid var(--ink); border-radius:var(--r-lg); background:#fff;
  box-shadow:0 26px 64px -48px rgba(12,12,14,.5);
}
.pilot-sheet__head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:20px;
  padding:clamp(22px,2.6vw,36px); border-bottom:1px solid var(--ink);
}
.pilot-sheet__head span{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-55); }
.pilot-sheet__head b{ font-family:var(--f-sans); color:var(--red-core); font-size:clamp(4rem,7vw,6.4rem); line-height:.7; letter-spacing:-.08em; }
.pilot-sheet ol{ display:grid; }
.pilot-sheet li{
  display:grid; grid-template-columns:72px 1fr 12px; gap:18px; align-items:start;
  min-height:112px; padding:20px clamp(22px,2.6vw,36px); border-bottom:1px solid var(--line);
}
.pilot-sheet li > span{ font-family:var(--f-mono); color:var(--red-core); font-size:10px; letter-spacing:.1em; }
.pilot-sheet li b{ display:block; font-size:14px; letter-spacing:-.02em; }
.pilot-sheet li p{ margin-top:7px; color:var(--ink-55); font-size:11.5px; line-height:1.45; }
.pilot-sheet li i{ width:8px; height:8px; margin-top:5px; border:1px solid var(--line); }
.pilot-sheet li i.is-active{ background:var(--red-core); border-color:var(--red-core); }
.pilot-sheet footer{ padding:18px clamp(22px,2.6vw,36px); font-family:var(--f-mono); color:var(--ink-55); font-size:9px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }

.pilot-why{ border-top:1px solid var(--line); }
.pilot-why__grid{ display:grid; grid-template-columns:.35fr 1fr; gap:clamp(30px,6vw,100px); align-items:start; }
.pilot-why .statement{ max-width:20ch; margin:0; }
.pilot-why .lead{ max-width:62ch; margin-top:28px; }

.pilot-phases{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:clamp(46px,5vw,76px); border-top:1px solid var(--ink); }
.pilot-phase{ min-height:330px; padding:clamp(24px,2.7vw,38px) clamp(20px,2.3vw,34px) 28px 0; border-bottom:1px solid var(--line); }
.pilot-phase + .pilot-phase{ padding-left:clamp(20px,2.3vw,34px); border-left:1px solid var(--line); }
.pilot-phase__day{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.15em; color:var(--red-core); }
.pilot-phase h3{ margin-top:clamp(54px,6vw,86px); font-size:clamp(1.08rem,1.5vw,1.35rem); line-height:1.24; letter-spacing:-.02em; }
.pilot-phase p{ margin-top:14px; color:var(--ink-55); font-size:14.5px; text-wrap:pretty; }

.pilot-section-hd{ display:grid; grid-template-columns:.38fr 1fr; gap:clamp(28px,6vw,96px); align-items:start; }
.pilot-section-hd .h2{ max-width:18ch; }
.pilot-deliverables{ display:grid; grid-template-columns:repeat(2,1fr); margin-top:clamp(46px,5vw,72px); border-top:1px solid var(--ink); }
.pilot-deliverable{ display:grid; grid-template-columns:auto 1fr; gap:clamp(18px,2vw,30px); padding:clamp(24px,2.7vw,36px) clamp(18px,2.8vw,42px) clamp(24px,2.7vw,36px) 0; border-bottom:1px solid var(--line); }
.pilot-deliverable:nth-child(even){ padding-left:clamp(18px,2.8vw,42px); border-left:1px solid var(--line); }
.pilot-deliverable > span{ font-family:var(--f-mono); font-size:10.5px; color:var(--red-core); letter-spacing:.14em; padding-top:4px; }
.pilot-deliverable h3{ font-size:clamp(1.04rem,1.4vw,1.25rem); letter-spacing:-.02em; }
.pilot-deliverable p{ margin-top:9px; color:var(--ink-55); font-size:14.5px; }

.pilot-fit{ background:var(--dark); color:var(--on-dark); }
.pilot-fit .eyebrow{ color:var(--on-dark-70); }
.pilot-fit__intro{ display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(28px,5vw,80px); align-items:end; }
.pilot-fit__intro .h2{ margin-top:.32em; max-width:18ch; }
.pilot-fit__intro .lead{ color:var(--on-dark-70); max-width:50ch; }
.pilot-fit__grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:clamp(44px,5vw,72px); }
.pilot-fit__card{ border:1px solid var(--line-dark); border-radius:var(--r-lg); padding:clamp(24px,3vw,40px); background:var(--dark-2); }
.pilot-fit__card--yes{ background:linear-gradient(145deg,#211516,#151416); }
.pilot-fit__card h3{ font-family:var(--f-display); font-size:clamp(1.5rem,2.3vw,2.1rem); font-weight:400; letter-spacing:-.03em; }
.pilot-fit__card ul{ display:grid; gap:16px; margin-top:28px; }
.pilot-fit__card li{ display:grid; grid-template-columns:20px 1fr; gap:12px; align-items:start; color:var(--on-dark-70); font-size:14.7px; }
.pilot-fit__card li svg{ width:18px; height:18px; color:#F2706E; margin-top:3px; }
.pilot-fit__dash{ color:#F2706E; }
.pilot-principle{ display:grid; grid-template-columns:.35fr .45fr 1fr; gap:clamp(24px,4vw,64px); align-items:start; margin-top:clamp(44px,5vw,72px); padding-top:clamp(28px,3.5vw,48px); border-top:1px solid var(--line-dark); }
.pilot-principle h3{ font-family:var(--f-display); font-size:clamp(1.45rem,2.3vw,2rem); font-weight:400; letter-spacing:-.03em; }
.pilot-principle > p:last-child{ color:var(--on-dark-70); font-size:14.7px; max-width:66ch; }
.pilot-application .form{ box-shadow:0 24px 60px -42px rgba(12,12,14,.34); }
.pilot-footer{ margin-top:0; }
.pilot-footer__in{ display:flex; justify-content:space-between; gap:40px; align-items:flex-start; padding-bottom:clamp(36px,4vw,54px); }
.pilot-footer__in img{ height:52px; width:auto; }
.pilot-footer__in p{ max-width:46ch; margin-top:20px; color:var(--on-dark-70); font-size:14px; }
.pilot-footer__in > div:last-child{ display:flex; flex-direction:column; align-items:flex-end; gap:16px; }

/* ---------------------------------------------------------
   17. FAQ — editoryal soru-cevap (akordiyon yok, her şey açık)
   --------------------------------------------------------- */
.faq__hd{ display:grid; gap:16px; max-width:60ch; }
.faq__hd .lead{ max-width:52ch; }
.qa{
  margin:clamp(48px,6vw,86px) 0 0;
  display:grid; grid-template-columns:1fr 1fr;
  column-gap:clamp(36px,5vw,96px);
  border-top:1px solid var(--ink);
}
.qa__item{
  display:grid; grid-template-columns:auto 1fr; gap:4px clamp(14px,1.6vw,22px);
  padding:clamp(22px,2.4vw,32px) 0;
  border-bottom:1px solid var(--line);
}
.qa__n{
  grid-row:1 / span 2;
  font-family:var(--f-mono); font-size:11px; letter-spacing:.16em;
  color:var(--red-core); padding-top:.4em;
}
.qa dt{
  font-size:clamp(1rem,1.25vw,1.18rem); font-weight:600;
  letter-spacing:-.022em; line-height:1.3; text-wrap:balance;
}
.qa dd{ margin:9px 0 0; font-size:14.8px; color:var(--ink-55); text-wrap:pretty; }

/* ---------------------------------------------------------
   18. CONTACT — dev e-posta bağlantısı, ortalanmış banner yok
   --------------------------------------------------------- */
.mailto{
  display:block; margin-top:clamp(20px,3vw,36px);
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(1.5rem,3.4vw,2.9rem); line-height:1.05; letter-spacing:-.035em;
  color:var(--ink); word-break:break-word;
  /* dokunma hedefi 44px+ kalsın */
  padding-block:9px 11px;
  background-image:linear-gradient(var(--red-core),var(--red-core));
  background-size:0% 2px; background-repeat:no-repeat; background-position:0 100%;
  transition:background-size .55s var(--ease-out), color .3s var(--ease);
}
.mailto:hover{ color:var(--red-core); background-size:100% 2px; }
.mailto{ background-position:0 calc(100% - 9px); }
.mailto__or{
  margin-top:12px; font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-55);
}

/* ---------------------------------------------------------
   19. CONTACT
   --------------------------------------------------------- */
.contact__grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(30px,4vw,68px); align-items:start; }
.cinfo{ display:grid; gap:24px; margin-top:36px; }
.cinfo__row .k{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-55); }
.cinfo__row .v{ display:flex; font-size:1.05rem; font-weight:500; letter-spacing:-.02em; margin-top:6px; }

.form{ background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--r-lg); padding:clamp(24px,2.8vw,38px); display:grid; gap:16px; }
.field{ display:grid; gap:8px; }
.field--2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field label{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-55); }
.field input,.field textarea,.field select{
  width:100%; background:var(--bg); border:1px solid var(--line-soft);
  border-radius:var(--r-sm); padding:.92em 1em; font-size:15px;
  transition:border-color .25s var(--ease), background .25s var(--ease);
}
.field input:hover,.field textarea:hover,.field select:hover{ border-color:var(--line); }
.field input:focus,.field textarea:focus,.field select:focus{ outline:none; border-color:var(--red-core); background:var(--surface); }
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{ border-color:var(--red-core); background:#FEF6F6; }
.field textarea{ resize:vertical; min-height:118px; }
.field select{
  appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:2.6em;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230C0C0E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 1em center;
}
.form__foot{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-top:4px; }
.form__note{ font-size:12.6px; color:var(--ink-55); max-width:34ch; text-wrap:pretty; }
.form__msg{
  display:none; font-size:14px; padding:.85em 1em; border-radius:var(--r-sm);
  background:var(--tint); color:var(--red-deep); border-left:3px solid var(--red-core);
}
.form__msg.is-on{ display:block; }

/* ---------------------------------------------------------
   20. FOOTER
   --------------------------------------------------------- */
.footer{ background:var(--dark); color:var(--on-dark); padding-block:clamp(56px,6vw,92px) 32px; margin-top:clamp(40px,5vw,80px); }
.footer__top{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(34px,4vw,64px); padding-bottom:clamp(38px,4vw,56px); }
.footer__brand img{ height:58px; width:auto; }
.footer__desc{ color:var(--on-dark-70); font-size:14.6px; max-width:44ch; margin-top:22px; text-wrap:pretty; }
.faddr{ margin-top:30px; display:grid; gap:18px; }
.faddr .k{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--on-dark-55); }
.faddr .v{ font-size:15px; margin-top:6px; line-height:1.5; }
.faddr .v a{ display:inline-block; padding-block:9px; }
.socials{ display:flex; gap:10px; margin-top:28px; }
.socials a{
  width:42px; height:42px; border-radius:50%; border:1px solid var(--line-dark);
  display:grid; place-items:center;
  transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);
}
.socials a:hover{ background:var(--grad); border-color:transparent; transform:translateY(-2px); }
.socials a:active{ transform:scale(.94); }
.socials svg{ width:17px; height:17px; }

.footer__cols{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,3vw,44px); align-content:start; }
.fcol__h{
  margin:0 0 14px; font-family:var(--f-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--on-dark-55);
}
.fcol li + li{ margin-top:2px; }
.fcol a{ display:inline-block; padding-block:8px; font-size:15px; color:rgba(244,242,239,.84); transition:color .25s var(--ease); }
.fcol a:hover{ color:#F2706E; }
.news{ grid-column:1 / -1; margin-top:6px; }
.news__h{ margin:0; font-family:var(--f-display); font-size:1.4rem; font-weight:500; letter-spacing:-.025em; }
.news p{ color:var(--on-dark-70); font-size:14px; margin-top:6px; text-wrap:pretty; }
.news__form{ display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--line-dark); padding-bottom:6px; margin-top:16px; }
.news__form input{ flex:1; background:none; border:0; padding-block:10px; font-size:15px; color:var(--on-dark); }
.news__form input::placeholder{ color:rgba(244,242,239,.38); }
.news__form input:focus{ outline:none; }
.news__form button{
  flex:0 0 auto; width:42px; height:42px; border-radius:50%; border:0; cursor:pointer;
  background:var(--grad); color:#fff; display:grid; place-items:center;
  transition:transform .3s var(--ease);
}
.news__form button:hover{ transform:translateX(3px); }
.news__form button:active{ transform:scale(.94); }
.news__msg{ margin-top:10px; font-size:13.5px; min-height:0; }

.footer__bot{
  border-top:1px solid var(--line-dark); padding-top:24px;
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  font-size:13.4px; color:var(--on-dark-70);
}
.footer__bot p{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.footer__bot a{ display:inline-block; padding:10px 6px; transition:color .25s var(--ease); }
.footer__bot span[aria-hidden]{ color:var(--on-dark-55); }
.footer__bot a:hover{ color:#F2706E; }

/* ---------------------------------------------------------
   21. REVEAL
   --------------------------------------------------------- */
html.js .rv{ opacity:0; transform:translateY(22px); transition:opacity .85s var(--ease-out), transform .85s var(--ease-out); }
html.js .rv.in{ opacity:1; transform:none; }
.rv-d1{ transition-delay:.08s; } .rv-d2{ transition-delay:.16s; }
.rv-d3{ transition-delay:.24s; } .rv-d4{ transition-delay:.32s; }
.rv-d0{ transition-delay:0s; }

/* ---------------------------------------------------------
   22. RESPONSIVE
   --------------------------------------------------------- */
@media (max-width:1180px){
  .hero__grid{ grid-template-columns:1fr; gap:36px; }
  .hero__title{ max-width:12ch; }
  .hero-ledger{ max-width:900px; }
  .pilot-hero__grid{ grid-template-columns:1fr; }
  .scrollhint{ display:none; }
}
@media (max-width:1080px){
  .platform__grid,.contact__grid{ grid-template-columns:1fr; }
  .system-map{ grid-template-columns:1fr; gap:24px; }
  .system-map__sources,.system-map__outputs{ grid-template-columns:repeat(2,1fr); }
  .system-map__stages{ width:min(100%,620px); justify-self:center; }
  .system-map__stages::before{ left:0; right:0; }
  .system-node > i{ display:none; }
  .diffs{ grid-template-columns:1fr; margin-top:clamp(240px,52vw,340px); }
    .qa{ grid-template-columns:1fr; }
  .method__top{ grid-template-columns:1fr; }
  .tenets{ grid-template-columns:1fr; border-top:0; }
  .tenet,.tenet + .tenet{ padding:22px 0; border-top:1px solid var(--line); }
  .tenet + .tenet::before{ display:none; }
  .step{ grid-template-columns:auto minmax(0,1fr); padding-left:0; }
  .step__t,.step p{ grid-column:2; }
  .step p{ margin-top:6px; }
  .footer__top{ grid-template-columns:1fr; }
  .pilot-phases{ grid-template-columns:repeat(2,1fr); }
  .pilot-phase:nth-child(3){ border-left:0; padding-left:0; }
  .pilot-why__grid,.pilot-section-hd{ grid-template-columns:1fr; }
  .pilot-principle{ grid-template-columns:1fr 1fr; }
  .pilot-principle > p:last-child{ grid-column:1 / -1; }
}
@media (max-width:900px){
  .nav{ display:none; }
  .header__cta .btn{ display:none; }
  .burger{ display:flex; }
  .blocks{ grid-template-columns:1fr; }
  /* dikey dizilimde masaüstü min-height'ı ölü alan bırakıyor */
  .block{ min-height:0; }
  .block__rule{ margin:18px 0 0; }
  .block p{ margin-top:18px; }
  .work__grid{ grid-template-columns:1fr; }
  .plist{ grid-template-columns:1fr; }
  .platform__title{ max-width:none; }
  .pilot-teaser{ grid-template-columns:1fr; }
  .pilot-teaser__side{ border-left:0; border-top:1px solid var(--line); }
  .pilot-fit__intro,.pilot-fit__grid{ grid-template-columns:1fr; }
}
@media (max-width:660px){
  :root{ --r-lg:12px; --r-xl:12px; }
  .wcard__metrics{ gap:22px; }
  .statement{ max-width:none; }
    .field--2{ grid-template-columns:1fr; }
  .footer__cols{ grid-template-columns:1fr; }
  .svc__hd{ flex-direction:column; align-items:flex-start; }
  .topbar{ min-height:44px; font-size:12.5px; padding-block:.28em; }
  .topbar > span{ display:none; }
  .hero{ padding-top:34px; }
  .hero__title{ font-size:clamp(3rem,15vw,4.5rem); max-width:10ch; }
  .hero__lead{ font-size:1rem; }
  .hero-ledger__sample{ display:none; }
  .hero-ledger__head{ padding:20px; }
  .hero-ledger__progress{ grid-template-columns:1fr; padding:16px 20px; }
  .hero-ledger__stages{ grid-template-columns:repeat(2,1fr); }
  .hero-ledger__stages li:nth-child(3){ border-left:0; border-top:1px solid var(--line); }
  .hero-ledger__stages li:nth-child(4){ border-top:1px solid var(--line); }
  .hero-ledger__labels,.hero-ledger__row{ grid-template-columns:40px minmax(0,1fr); padding-inline:20px; }
  .hero-ledger__labels span:last-child,.hero-ledger__row span:last-child{ display:none; }
  .hero-ledger__ghost{ height:34px; }
  .system-map{ padding:20px; }
  .system-map__sources,.system-map__outputs{ grid-template-columns:1fr; }
  .system-map__stages{ gap:12px; }
  .system-stage{ aspect-ratio:auto; min-height:112px; }
  .system-stage span{ width:27px; height:27px; }
  .system-stage b{ font-size:11px; }
  .platform{ margin-inline:calc(var(--gut) * -1); border-radius:0; }
  .pilot-sheet li{ grid-template-columns:62px 1fr 10px; }
  .pilot-phases{ grid-template-columns:1fr; }
  .pilot-phase,.pilot-phase + .pilot-phase{ min-height:0; padding:24px 0; border-left:0; }
  .pilot-phase h3{ margin-top:34px; }
  .pilot-deliverables{ grid-template-columns:1fr; }
  .pilot-deliverable,.pilot-deliverable:nth-child(even){ padding:24px 0; border-left:0; }
  .pilot-principle{ grid-template-columns:1fr; }
  .pilot-principle > p:last-child{ grid-column:auto; }
  .pilot-footer__in{ flex-direction:column; }
  .pilot-footer__in > div:last-child{ align-items:flex-start; }
}

/* ---------------------------------------------------------
   23. REDUCED MOTION
   --------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }
  html.js .rv{ opacity:1; transform:none; }
  html.js .ln > i{ transform:none; opacity:1; }
    .scrollhint svg,.header__wave{ animation:none; }
      .btn:hover,.scard:hover,.wcard:hover,.cbtn:hover{ transform:none; }
}

/* ---------------------------------------------------------
   24. PRINT
   --------------------------------------------------------- */
@media print{
  .topbar,.header,.mobilenav,.progress,.skip,.scrollhint,  body{ background:#fff; }
  html.js .rv,html.js .ln > i{ opacity:1 !important; transform:none !important; }
  .platform,.footer{ background:#fff !important; color:#000 !important; }
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:11px; }
}