/* murattunalı. — base katmanı · FAZ 5 · Sinyal
   Sıra: font-face → reset → tip → grid → yardımcı → header → footer → hover sözleşmeleri
   Kural: gradyan/gölge YOK. Işık yalnız hero shader'ında. signal kadraj başına bir kez konuşur. */

/* ── font-face ───────────────────────────────────────────────────────────── */
/* Archivo VF: wdth 62–125 · wght 100–900 (latin+latin-ext subset, TR diakritik doğrulandı) */
@font-face {
  font-family: 'Archivo';
  src: url('../assets/fonts/archivo-var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2000-206F, U+20A0-20C0, U+2113, U+2122,
                 U+2190-2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD;
}
/* Spline Sans Mono VF: wght 300–700. Ok glifi (U+2192) bu ailede YOK → .arw Archivo'ya düşer. */
@font-face {
  font-family: 'Spline Sans Mono';
  src: url('../assets/fonts/spline-mono-var.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-display: swap;
}

/* ── reset ───────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scrollbar-color: var(--signal) var(--mist);   /* 3px şerit: aşağıda webkit karşılığı */
  scrollbar-width: thin;
}
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: var(--t-body);
  font-weight: 400;
  line-height: 1.6;
  font-variation-settings: 'wdth' 100, 'wght' 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: tabular-nums;      /* §17.7 */
  hanging-punctuation: first last;         /* §17.7 — destekleyen tarayıcıda */
  overflow-x: hidden;
}
img, picture, svg, video, canvas { display: block; max-width: 100%; }
img, video { height: auto; }
button, input, textarea, select { font: inherit; color: inherit; background: none; border: 0; }
button { cursor: pointer; }
ul, ol { list-style: none; }
table { border-collapse: collapse; }
:where(h1, h2, h3, h4) { font-weight: inherit; text-wrap: balance; }
p { text-wrap: pretty; }

/* 3px signal scrollbar (webkit) — §17.7 */
::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track { background: var(--mist); }
::-webkit-scrollbar-thumb { background: var(--signal); }

::selection { background: var(--signal); color: var(--paper); }

/* ── tip skalası (HANDOFF §3) ────────────────────────────────────────────── */
.t-display {
  font-size: var(--t-display); line-height: 0.92; letter-spacing: -0.015em;
  font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850;
}
.t-h1 {
  font-size: var(--t-h1); line-height: 0.98; letter-spacing: -0.01em;
  font-variation-settings: 'wdth' 116, 'wght' 800;
}
.t-h2 {
  font-size: var(--t-h2); line-height: 1.1; letter-spacing: -0.005em;
  font-variation-settings: 'wdth' 108, 'wght' 700;
}
.t-lead {
  font-size: var(--t-lead); line-height: 1.5;
  font-variation-settings: 'wdth' 100, 'wght' 500;
}
.t-body  { font-size: var(--t-body);  line-height: 1.6; }
.t-small { font-size: var(--t-small); line-height: 1.5; color: var(--lead); }
.t-mono {
  font-family: var(--font-mono); font-size: var(--t-mono);
  letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.5;
  font-variation-settings: 'wght' 400;
}
/* Dil genişleme telafisi — HANDOFF §3.
   §3 kuralı DE için yazılmış; ÖLÇÜM aynı telafinin EN hero'da da gerektiğini
   gösterdi: «This is what you were looking for.» 176px/wdth125'te iki satıra
   sığmıyor (en kısa parça bile 1287px, kadraj 1269px) ve 125'te dört satır +
   yayılım 550 veriyor. wdth 104'te üç satır, yayılım 153. Telafi hero ile
   SINIRLI — EN'in öteki başlıkları wdth 116'da kalır. */
:lang(en) .hero__title { font-variation-settings: 'wdth' var(--wdth-de); }
:lang(de) .t-display { font-variation-settings: 'wdth' var(--wdth-de), 'wght' 850; hyphens: auto; }
:lang(de) .hero__title { font-variation-settings: 'wdth' var(--wdth-de); }
:lang(de) .t-h1      { font-variation-settings: 'wdth' var(--wdth-de), 'wght' 800; hyphens: auto; }

/* signal nokta — wordmark ve başlık sonlarındaki tek vurgu */
.dot { color: var(--signal); }

/* ok: mono ailede U+2192 yok, Archivo'ya düşer + hover'da 8px sağa (hover sözleşmesi) */
.arw { font-family: var(--font-sans); display: inline-block; transition: transform var(--dur-micro) var(--ease-ui); }
a:hover .arw, button:hover .arw, .row:hover .arw { transform: translateX(8px); }

/* ── grid (HANDOFF §5) ───────────────────────────────────────────────────── */
.wrap {
  width: 100%; max-width: calc(var(--container) + var(--margin-d) * 2);
  margin-inline: auto; padding-inline: var(--margin-d);
}
.grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gutter-d); }
/* asimetri ilkesi: içerik 7–8 kolona sola yaslanır, sağ boşluk sinyal alanı */
.grid > .col-content { grid-column: 1 / span 8; }
.grid > .col-signal  { grid-column: 9 / span 4; }
/* etiket + içerik: 200px sabit etiket kolonu (SPEC §1 · 02/03/06) */
.rail { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: var(--gutter-d); }

@media (max-width: 1199px) {
  .wrap { padding-inline: var(--margin-t); }
  .grid { grid-template-columns: repeat(6, 1fr); gap: var(--gutter-t); }
  .grid > .col-content { grid-column: 1 / span 6; }
  .grid > .col-signal  { grid-column: 1 / span 6; }
  .rail { grid-template-columns: 140px minmax(0, 1fr); gap: var(--gutter-t); }
}
@media (max-width: 767px) {
  .wrap { padding-inline: var(--margin-m); }
  .grid { grid-template-columns: repeat(4, 1fr); gap: var(--gutter-m); }
  .grid > .col-content, .grid > .col-signal { grid-column: 1 / span 4; }
  .rail { grid-template-columns: 1fr; gap: var(--s-2); }
}

/* bölüm dikey ritmi — desktop 96–128, mobil 48–64 (HANDOFF §4) */
.sec { padding-block: clamp(var(--s-6), 2rem + 5vw, 150px); }
.sec--tight { padding-block: clamp(var(--s-6), 1.5rem + 3vw, var(--s-12)); }
.line-t { border-top: 1px solid var(--line); }
.line-b { border-bottom: 1px solid var(--line); }

/* ── skip-link: tasarlanmış, focus'ta düşer (§17.7) ──────────────────────── */
.skip {
  position: fixed; inset-inline-start: var(--margin-d); top: 0; z-index: 100;
  transform: translateY(-110%);
  background: var(--signal); color: var(--paper);
  padding: var(--s-2) var(--s-3);
  font-family: var(--font-mono); font-size: var(--t-mono);
  letter-spacing: 0.14em; text-transform: uppercase;
  transition: transform var(--dur-micro) var(--ease-ui);
}
.skip:focus-visible { transform: translateY(0); outline-offset: -4px; }

/* ── header (SPEC §0) ────────────────────────────────────────────────────── */
.hdr {
  position: relative; z-index: 40;
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-4);
  padding: var(--s-3) var(--margin-d);
  border-bottom: 1px solid rgba(16, 16, 20, 0.08);
  background: var(--paper);
}
.hdr__mark {
  font-size: 21px; line-height: 1; color: var(--ink);
  font-variation-settings: 'wdth' 110, 'wght' 800;
  letter-spacing: -0.01em;
}
.hdr__mark:hover { color: var(--ink); }
.hdr__right { display: flex; align-items: center; gap: var(--s-4); }
.hdr__nav { display: flex; align-items: center; gap: var(--s-4); }
.hdr__nav a {
  font-size: 15px; color: var(--ink);
  font-variation-settings: 'wdth' 100, 'wght' 500;
}
.hdr__nav a:hover, .hdr__nav a[aria-current='page'] { color: var(--signal); }

/* dil: TR·EN·DE — aktif olan ink zeminde */
.lang { display: flex; align-items: center; gap: 2px; }
.lang a {
  font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--lead);
  padding: 6px 8px; min-height: 32px; display: inline-flex; align-items: center;
  transition: color var(--dur-micro) var(--ease-ui), background var(--dur-micro) var(--ease-ui);
}
.lang a:hover { color: var(--ink); }
.lang a[aria-current='true'] { background: var(--ink); color: var(--paper); }

/* SES toggle'ı — varsayılan KAPALI (§17.3) */
.snd {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--lead);
  border: 1px solid var(--line); padding: 7px 10px;
  min-height: 32px;
  transition: border-color var(--dur-micro) var(--ease-ui), color var(--dur-micro) var(--ease-ui);
}
.snd:hover { border-color: var(--signal); color: var(--signal); }
.snd[aria-pressed='true'] { border-color: var(--signal); color: var(--signal); }

/* ── canlı şahit şeridi (§17.4) — değer yoksa alan render EDİLMEZ ────────── */
.witness {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3);
  padding-block: var(--s-2);
  border-top: 1px solid var(--line);
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--lead);
}
.witness b { font-weight: 400; color: var(--ink); }
.witness__live { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); }
.witness__blink {
  width: 6px; height: 6px; background: var(--signal);
  animation: blink 1.1s steps(1, end) infinite;
}
@keyframes blink { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } }

/* ── footer ──────────────────────────────────────────────────────────────── */
.ftr { padding-bottom: var(--s-6); }
.ftr__row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--s-2) var(--s-4);
  padding-block: var(--s-3);
  border-top: 1px solid var(--line);
  font-size: 13.5px;
}
.ftr__nav { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.ftr__nav a { color: var(--ink); }
.ftr__nav a:hover { color: var(--signal); }
.ftr__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); color: var(--lead); }

/* ── hover sözleşmeleri (SPEC §0) ────────────────────────────────────────── */
.row {
  display: block; border-top: 1px solid var(--line);
  transition: background var(--dur-micro) var(--ease-ui);
}
.row:hover { background: #FFFFFF; }
.framed { border: 1px solid var(--line); transition: border-color var(--dur-micro) var(--ease-ui); }
.framed:hover { border-color: var(--signal); }
.btn {
  display: inline-flex; align-items: center; gap: var(--s-1);
  background: var(--ink); color: var(--paper);
  padding: 14px var(--s-3); min-height: 44px;
  font-size: 15px; font-variation-settings: 'wdth' 100, 'wght' 500;
  transition: background var(--dur-micro) var(--ease-ui);
}
.btn:hover { background: var(--signal); color: var(--paper); }

/* hayalet numara / hayalet wordmark — sistemde tek "dekor" */
.ghost { color: #ECECE6; font-variation-settings: 'wdth' 118, 'wght' 800; line-height: 1; }

/* koyu blok: paper/ink 18.2:1 · vurgu signal-soft (6.4:1) */
.dark { background: var(--ink); color: var(--paper); }
.dark a { color: var(--signal-soft); }
.dark a:hover { color: var(--paper); }
.dark .t-small, .dark .t-mono { color: rgba(250, 250, 247, 0.62); }
.dark .dot { color: var(--signal-soft); }
.dark .witness { border-color: rgba(250, 250, 247, 0.16); color: rgba(250, 250, 247, 0.62); }
.dark .witness b { color: var(--paper); }
.dark .witness__blink { background: var(--signal-soft); }

/* çip: 1px çerçeve mono 11 (SPEC §1 · 05) */
.chip {
  display: inline-flex; align-items: center; min-height: 32px;
  padding: 6px 12px; border: 1px solid rgba(250, 250, 247, 0.24);
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ── custom cursor (SPEC §0) — dokunmatik/reduced-motion'da yok ──────────── */
.cur, .cur-ring { position: fixed; top: 0; left: 0; z-index: 90; pointer-events: none; border-radius: 50%; }
.cur { width: 8px; height: 8px; background: var(--signal); margin: -4px 0 0 -4px; }
.cur-ring {
  width: 40px; height: 40px; margin: -20px 0 0 -20px;
  border: 1px solid var(--signal); mix-blend-mode: difference;
  opacity: 0; transition: opacity var(--dur-micro) var(--ease-ui);
}
@media (hover: none), (pointer: coarse) { .cur, .cur-ring { display: none; } }

/* ── tipografik incelik (§17.7) ──────────────────────────────────────────── */
q, .quote { quotes: '«' '»' '\201C' '\201D'; }
q::before { content: open-quote; } q::after { content: close-quote; }
.pull {
  border-left: 2px solid var(--signal); padding-left: var(--s-3);
  font-size: 34px; line-height: 1.25;
  font-variation-settings: 'wdth' 108, 'wght' 700;
}
.vh {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}

@media (prefers-contrast: more) {
  :root { --lead: #3A3A40; --line: rgba(16, 16, 20, 0.35); }
  .ghost { color: #C9C9C0; }
}

/* ── reduced-motion: tam alternatif akış ─────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .witness__blink { animation: none; opacity: 1; }
  .cur, .cur-ring { display: none; }
  .arw { transition: none; }
  /* netleşme hedefleri statik: wdth sabit 125, blur yok, tam opaklık */
  [data-focus] { filter: none !important; opacity: 1 !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   BÖLÜM STİLLERİ — SPEC-SAYFALAR.md §1 ölçüleri
   Punto'lar 390→1440 arası akışkan; üst sınır SPEC'in 1440 değeri.
   tokens.css'teki --t-* değerleri DEĞİŞTİRİLMEDİ; hero/cta gibi sahne
   başlıkları SPEC'te token tavanının üstünde ölçülüdür (CLAUDE.md: belirsizlikte
   önce SPEC-SAYFALAR) → kendi clamp'leriyle tanımlanır.
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  --z-hero:   clamp(38px, 0.46px + 12.19vw, 176px);  /* SPEC §1·01 — 390'da 48px; taban <308px taşmasını keser */
  --z-mf:     clamp(28px, 14.63px + 3.43vw, 64px);   /* §1·02 */
  --z-svc:    clamp(23px, 10px + 3.33vw, 58px);      /* §1·03 */
  --z-svcno:  clamp(30px, 5.49px + 6.29vw, 96px);
  --z-name:   clamp(34px, 18.4px + 4vw, 76px);       /* §1·04 */
  --z-proof:  clamp(44px, 27.66px + 4.19vw, 88px);
  --z-geo:    clamp(32px, 18.63px + 3.43vw, 68px);   /* §1·05 */
  --z-jr:     clamp(24px, 18.06px + 1.52vw, 40px);   /* §1·06 */
  --z-cta:    clamp(48px, 2.69px + 11.62vw, 170px);  /* §1·07 */
  --z-ghost:  clamp(92px, 14.74px + 19.81vw, 300px);
  --indent:   clamp(16px, -19.7px + 9.14vw, 96px);   /* 2. satır girintisi 96px@1440 / 16px@390 */
  --hdr-h:    82px;   /* 24 dolgu + 34 en uzun öğe (SES düğmesi) + 24 dolgu — ölçüldü */
}

.rail__label { color: var(--lead); padding-top: 6px; }
@media (max-width: 767px) { .rail__label { padding-bottom: var(--s-1); } }

/* ── 01 HERO ─────────────────────────────────────────────────────────────── */
.hero { position: relative; overflow: hidden; }
.hero__inner {
  position: relative; z-index: 2;
  min-height: clamp(560px, calc(100svh - var(--hdr-h)), 860px);  /* SPEC ~860; --hdr-h ÖLÇÜLDÜ */
  display: flex; flex-direction: column; justify-content: flex-end;   /* içerik alta hizalı */
  padding-block: var(--s-8) var(--s-6);
}
/* ışık sweep — CSS fallback HER ZAMAN altta; shader bunun ÜSTÜNE gelir (§8) */
.hero__light {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(102deg,
    rgba(0, 47, 167, 0) 30%, rgba(0, 47, 167, 0.13) 50%, rgba(0, 47, 167, 0) 70%);
  transform: translateX(var(--sweep, -62%)) rotate(var(--sweep-rot, 0deg));
  will-change: transform;
}
.hero__gl { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; }
.hero__label { color: var(--lead); margin-bottom: var(--s-6); }
.hero__title {
  font-size: var(--z-hero); line-height: 0.88; letter-spacing: -0.02em;
  display: flex; flex-direction: column;
}
.hero__l1, .hero__l2t { white-space: nowrap; }
.hero__l2 { padding-inline-start: var(--indent); }
.hero__l2t { position: relative; display: inline-block; }
/* satır sonu imleci: 10×118px @1440, 1.1s blink */
/* imleç satır KUTUSUNA girmez: mutlak konumlu, yoksa 176px'te satırı ikiye böler */
.hero__caret {
  position: absolute; left: 100%; bottom: 0.1em;
  width: clamp(5px, 0.69vw, 10px); height: clamp(34px, 8.19vw, 118px);
  background: var(--signal); margin-inline-start: clamp(6px, 1vw, 14px);
  animation: blink 1.1s steps(1, end) infinite;
}
.hero__meta {
  display: grid; grid-template-columns: minmax(0, 380px) 1fr auto;
  gap: var(--s-4); align-items: end; margin-top: var(--s-12);
}
.hero__support { font-size: 17px; line-height: 1.5; font-variation-settings: 'wdth' 100, 'wght' 500; max-width: 380px; }
.hero__scroll { display: inline-flex; align-items: center; gap: var(--s-1); color: var(--lead); }
.hero__dot { width: 6px; height: 6px; background: var(--signal); }
.hero__aside { text-align: right; color: var(--lead); line-height: 1.9; }
@media (max-width: 900px) {
  .hero__meta { grid-template-columns: 1fr; align-items: start; gap: var(--s-3); margin-top: var(--s-8); }
  .hero__aside { text-align: left; }
}

/* ── MARQUEE ─────────────────────────────────────────────────────────────── */
.mq { overflow: hidden; padding-block: var(--s-2); }
.mq__track { display: flex; width: max-content; will-change: transform; }
.mq__group {
  display: inline-flex; align-items: center; gap: var(--s-3);
  font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--ink); padding-inline-end: var(--s-3);
}
.mq__sep { color: var(--lead); }
@media (prefers-reduced-motion: reduce) { .mq__track { transform: none !important; } }

/* ── 02 MANİFESTO ────────────────────────────────────────────────────────── */
.mf__l {
  font-size: var(--z-mf); line-height: 1; letter-spacing: -0.015em;
  font-variation-settings: 'wdth' 118, 'wght' 800;
  max-width: 16ch;
}
.mf__l + .mf__l { margin-top: var(--s-3); }
.mf__l--in { padding-inline-start: clamp(16px, -24.6px + 11.43vw, 120px); max-width: 20ch; }
.mf__soft { color: var(--lead); }

/* ── 03 HİZMETLER ────────────────────────────────────────────────────────── */
.svc__list { border-bottom: 1px solid var(--line); }
.svc { color: var(--ink); }
.svc__rail { grid-template-columns: 200px minmax(0, 1fr) 380px; padding-block: var(--s-6); }
.svc__no { font-size: var(--z-svcno); }
.svc__title { font-size: var(--z-svc); line-height: 1; font-variation-settings: 'wdth' 116, 'wght' 800; max-width: 12ch; }
.svc__lead { margin-top: var(--s-3); color: var(--lead); max-width: 46ch; font-size: 15.5px; }
.svc__side { border-top: 1px solid var(--line); padding-top: var(--s-2); }
.svc__arw { display: block; font-size: 20px; color: var(--signal); margin-bottom: var(--s-2); }
.svc__items { color: var(--lead); display: grid; gap: 7px; }
@media (max-width: 1199px) {
  .svc__rail { grid-template-columns: 140px minmax(0, 1fr); }
  .svc__side { grid-column: 2; margin-top: var(--s-3); }
}
@media (max-width: 767px) { .svc__rail { grid-template-columns: 1fr; } .svc__side { grid-column: 1; } }

/* ── 04 İŞLER ────────────────────────────────────────────────────────────── */
.work__head { align-items: start; }
.work__headline { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; }
.work__title { font-size: clamp(26px, 14.9px + 2.86vw, 40px); line-height: 1.05; font-variation-settings: 'wdth' 116, 'wght' 800; }
.work__all { font-size: 15px; white-space: nowrap; }
/* Bindirme ölçüsü TEK kaynakta: hem ismin negatif kenarı hem görselin kâğıda
   çözülen şeridi bundan türer — ikisi asla ayrışamaz. SPEC §1·04: -110px@1440. */
.scenes { --bind: clamp(18px, 8.76vw - 16.17px, 110px); }
.scenes { display: grid; gap: clamp(var(--s-6), 2rem + 4vw, 110px); margin-top: var(--s-8); }
.scene { display: grid; grid-template-columns: 62% 1fr; align-items: center; gap: var(--s-4); }
.scene--r { grid-template-columns: 1fr 62%; }
.scene--r .scene__shot { order: 2; }
.scene--r .scene__txt { order: 1; text-align: right; }
.scene__shot { overflow: hidden; }
/* Gerçek kadraj (HANDOFF §15.3 kapandı). Çizgili desen KALDI ama artık yer tutucu
   değil: görsel inene dek görünen yatak — boş kutu parlaması olmuyor, üstü kapanıyor. */
.shot {
  position: relative; aspect-ratio: 16 / 10; min-height: 260px;
  background: repeating-linear-gradient(135deg, var(--mist) 0 6px, var(--paper) 6px 12px);
  border: 1px solid var(--line);
  display: block; overflow: hidden;
}
/* Kırpma ÜSTTEN hizalı: .wx (440px) ve mobil (200px) kutuları 16:10'dan geniş —
   alttan kırpılsın ki projenin gezinmesi ve manşeti kadrajda kalsın. */
.shot__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
/* Onaylı kompozisyon ismi AÇIK bir alanın üstünde gösteriyor (gorseller/ana-sayfa-1440.png:
   çizgili yatak açıktı). Gerçek kadraj koyu olabiliyor — ölçüldü: scrim'siz Fersan 1,89:1,
   bindirme piksellerinin %100'ü AA altı. Şerit görselin iç kenarını kâğıda çözer; genişliği
   --bind olduğu için bindirmeyi her kırılımda bir «gap» payıyla kapsar. Süit sürekli ölçer. */
.shot::after {
  content: ''; position: absolute; inset-block: 0; inset-inline-end: 0; width: var(--bind);
  background: linear-gradient(to left, var(--paper) 0 40%, rgba(250, 250, 247, 0) 100%);
  pointer-events: none;
}
.scene--r .shot::after {
  inset-inline: 0 auto;
  background: linear-gradient(to right, var(--paper) 0 40%, rgba(250, 250, 247, 0) 100%);
}
/* Hover süpürmesi (efekt spec §2): hero bandıyla AYNI dil — 102deg, %13 zirve,
   260% doku, background-position ile TEK geçiş 0.6s ease-ui. Zoom yok. */
.scene__shot::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(102deg,
    rgba(0, 47, 167, 0) 40%, rgba(0, 47, 167, 0.13) 52%, rgba(0, 47, 167, 0) 64%);
  background-size: 260% 100%; background-position: 200% 0;
}
.scene__shot { position: relative; }
.scene:hover .scene__shot::after { animation: sweepOnce 0.6s var(--ease-ui) forwards; }
@keyframes sweepOnce { to { background-position: -100% 0; } }
.scene__name {
  font-size: var(--z-name); line-height: 0.95; letter-spacing: -0.02em;
  font-variation-settings: 'wdth' 116, 'wght' 800;
  position: relative; z-index: 2; margin-inline-start: calc(-1 * var(--bind));  /* SPEC §1·04 bindirme -110px@1440 */
}
.scene--r .scene__name { margin-inline: 0 calc(-1 * var(--bind)); }
.scene__meta { color: var(--lead); margin-top: var(--s-2); }
.scene__desc { font-size: 15.5px; color: var(--lead); max-width: 380px; margin-top: var(--s-2); }
.scene--r .scene__desc { margin-inline-start: auto; }
@media (max-width: 900px) {
  .scene, .scene--r { grid-template-columns: 1fr; }
  .shot::after { display: none; }            /* tek kolonda isim görselin üstüne gelmiyor */
  .scene--r .scene__shot { order: 0; } .scene--r .scene__txt { order: 1; text-align: left; }
  .scene__name { margin-inline-start: -18px; }
  .scene--r .scene__name { margin-inline: -18px 0; }
  .scene--r .scene__desc { margin-inline-start: 0; }
}

/* ── KANIT ŞERİDİ ────────────────────────────────────────────────────────── */
.proof__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-4); }
.proof__n { font-size: var(--z-proof); line-height: 1; letter-spacing: -0.02em; font-variation-settings: 'wdth' 116, 'wght' 800; }
.proof__cap { color: var(--lead); margin-top: var(--s-2); max-width: 26ch; }
@media (max-width: 767px) { .proof__grid { grid-template-columns: 1fr; gap: var(--s-4); } }

/* ── 05 GEO (koyu) ───────────────────────────────────────────────────────── */
.geo__label { margin-bottom: var(--s-4); }
.geo__title { font-size: var(--z-geo); line-height: 1; max-width: 12ch; }
.geo__body { margin-top: var(--s-4); max-width: 48ch; color: rgba(250, 250, 247, 0.78); }
.geo__chips { display: flex; flex-wrap: wrap; gap: var(--s-1); margin-top: var(--s-6); }
.term { border: 1px solid rgba(250, 250, 247, 0.18); background: rgba(250, 250, 247, 0.03); }
.term__bar {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-2);
  padding: var(--s-2) var(--s-3); border-bottom: 1px solid rgba(250, 250, 247, 0.18);
  color: rgba(250, 250, 247, 0.62);
}
.term__body { padding: var(--s-3); font-size: 13px; line-height: 1.9; letter-spacing: 0.02em; text-transform: none; color: rgba(250, 250, 247, 0.86); }
.term__body li { white-space: pre-wrap; }
.term__n { display: inline-block; width: 3ch; color: rgba(250, 250, 247, 0.34); }
/* Terminal imleci (HANDOFF §7 K5 «imleç blink 1.1s» + efekt spec §3b): son
   satırın ucunda 8×15px blok. Koyu zeminde signal yerine signal-soft (token kuralı). */
.term__caret {
  display: inline-block; width: 8px; height: 15px;
  margin-inline-start: 6px; vertical-align: text-bottom;
  background: var(--signal-soft);
  animation: blink 1.1s step-end infinite;
}
@media (max-width: 1199px) { .geo__r { margin-top: var(--s-6); } }

/* ── 06 JOURNAL ──────────────────────────────────────────────────────────── */
.jr__list { border-bottom: 1px solid var(--line); margin-top: var(--s-8); }
.jr__rail { grid-template-columns: 200px minmax(0, 1fr) auto; align-items: center; padding-block: var(--s-4); }
.jr__no { font-size: clamp(30px, 11.7px + 4.76vw, 64px); }
.jr__title { font-size: var(--z-jr); line-height: 1.1; font-variation-settings: 'wdth' 116, 'wght' 800; max-width: 26ch; }
.jr__status { color: var(--lead); white-space: nowrap; }
@media (max-width: 1199px) { .jr__rail { grid-template-columns: 140px minmax(0, 1fr); } .jr__status { grid-column: 2; } }
@media (max-width: 767px) { .jr__rail { grid-template-columns: 1fr; } .jr__status { grid-column: 1; } }

/* ── 07 CTA ──────────────────────────────────────────────────────────────── */
.cta__title { font-size: var(--z-cta); line-height: 0.9; letter-spacing: -0.025em; }
.cta__row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--s-6); flex-wrap: wrap; margin-top: var(--s-6); }
.cta__body { max-width: 460px; font-size: 19px; }
.cta__act { display: flex; align-items: center; gap: var(--s-3); flex-wrap: wrap; }
.cta__mail { color: var(--signal); text-decoration: underline; text-underline-offset: 4px; text-transform: none; letter-spacing: 0.04em; }
.dark .cta__mail { color: var(--signal-soft); }
@media (max-width: 767px) { .cta__act { width: 100%; } .cta__act .btn { flex: 1 1 100%; justify-content: center; } }

/* ── hayalet wordmark + nokta izi (K7b) ──────────────────────────────────── */
.ghostmark {
  position: relative; overflow: hidden; pointer-events: none;
  height: clamp(64px, 4.1px + 14.66vw, 210px);        /* 300px punto, 210px kırpılı */
  margin-top: var(--s-8);
}
.ghostmark span {
  display: block; font-size: var(--z-ghost); line-height: 1;
  font-variation-settings: 'wdth' 110, 'wght' 800; letter-spacing: -0.03em;
  color: #EFEFEA; white-space: nowrap; padding-inline-start: var(--margin-d);
}
.ghostmark__dot { color: rgba(0, 47, 167, 0.22); }
.trail-dot { position: absolute; width: 8px; height: 8px; background: var(--signal); border-radius: 50%; pointer-events: none; }
@media (max-width: 767px) { .ghostmark span { padding-inline-start: var(--margin-m); } }

/* ═══ PREMIUM KATMAN (HANDOFF §17) ═══════════════════════════════════════ */

/* §17.1 giriş sayacı — overlay, LCP'yi beklemez, session'da tek */
.intro {
  position: fixed; inset: 0; z-index: 80;
  background: var(--paper);
  display: flex; align-items: center; justify-content: center; gap: 10px;
  pointer-events: none;
}
.intro__n {
  font-size: clamp(64px, 20px + 6vw, 120px); line-height: 1;
  font-variation-settings: 'wdth' 118, 'wght' 800; letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.intro__dot {
  width: clamp(14px, 0.9vw, 20px); height: clamp(14px, 0.9vw, 20px);
  background: var(--signal); transform: scale(0); align-self: flex-end;
  margin-bottom: clamp(10px, 1vw, 18px);
}

/* §17.2 imzalı geçiş — nokta → mavi perde + tek ışık süpürmesi */
.veil {
  position: fixed; inset: 0; z-index: 95; pointer-events: none;
  --veil: 0;
  background:
    linear-gradient(102deg, transparent 42%, rgba(250, 250, 247, 0.22) 50%, transparent 58%),
    var(--signal);
  clip-path: circle(calc(var(--veil) * 150%) at 50% 50%);
}
::view-transition-old(root) { animation-duration: var(--vt-dur, 0.45s); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
::view-transition-new(root) { animation-duration: var(--vt-dur, 0.6s);  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.2s; }
  .intro, .veil { display: none; }
}

/* §17.6 journal okuma çizgisi — header altı 2px signal */
.read {
  position: fixed; top: 0; left: 0; z-index: 60;
  height: 2px; width: 100%; background: var(--signal);
  transform: scaleX(0); transform-origin: 0 50%;
}
.read--label {
  width: auto; height: auto; background: none; transform: none;
  inset-inline-start: auto; inset-inline-end: var(--margin-d); top: var(--s-2);
  font-family: var(--font-mono); font-size: var(--t-mono);
  letter-spacing: 0.14em; color: var(--lead);
}

/* ═══ ALT SAYFALAR — SPEC-SAYFALAR.md §2–§8 ══════════════════════════════ */
:root {
  --z-hd:     clamp(40px, 11.03px + 7.43vw, 118px);  /* §2 hizmet başlığı */
  --z-hd-big: clamp(44px, 4.63px + 10.1vw, 150px);   /* §3 · §5 başlığı */
  --z-hd-ap:  clamp(36px, 10.74px + 6.48vw, 104px);  /* §4 yaklaşım */
  --z-stno:   clamp(28px, 11.66px + 4.19vw, 72px);   /* süreç/ilke hayalet no */
  --z-stt:    clamp(22px, 17.54px + 1.14vw, 34px);
  --z-apt:    clamp(23px, 18.17px + 1.24vw, 36px);
  --z-never:  clamp(34px, 22.86px + 2.86vw, 64px);
  --z-ct:     clamp(34px, 18.4px + 4vw, 76px);       /* §7 «Konuşalım.» */
  --z-404:    clamp(64px, 17.2px + 12vw, 190px);
  --z-404g:   clamp(56px, 28.51px + 7.05vw, 130px);
}

/* başlık bloğu (§2 · §3 · §4 · §5) */
.crumb { color: var(--lead); display: flex; gap: var(--s-1); align-items: center; margin-bottom: var(--s-6); }
.crumb a { color: var(--lead); } .crumb a:hover { color: var(--signal); }
.hd__title {
  font-size: var(--z-hd); line-height: 0.94; letter-spacing: -0.02em;
  font-variation-settings: 'wdth' 116, 'wght' 800;
  display: flex; flex-direction: column;
}
.hd__l2 { padding-inline-start: var(--indent); }
.hd__title--two { font-size: var(--z-hd-ap); }
.hd__title--big { font-size: var(--z-hd-big); }
.hd__meta {
  display: grid; grid-template-columns: minmax(0, 520px) 1fr;
  gap: var(--s-4); align-items: start; margin-top: var(--s-6); padding-top: var(--s-4);
}
.hd__lead { font-size: 18px; font-variation-settings: 'wdth' 100, 'wght' 500; max-width: 520px; }
.hd__side { color: var(--lead); text-align: right; line-height: 1.9; }
@media (max-width: 767px) { .hd__meta { grid-template-columns: 1fr; } .hd__side { text-align: left; } }

/* §2 karşılaştırma bloğu — ortada 1px ayraç */
.cmp__grid { display: grid; grid-template-columns: 1fr 1fr; }
.cmp__c { padding: 54px; font-size: var(--z-stt); line-height: 1.25; font-variation-settings: 'wdth' 108, 'wght' 700; }
.cmp__c + .cmp__c { border-inline-start: 1px solid rgba(250, 250, 247, 0.22); }
@media (max-width: 767px) {
  .cmp__grid { grid-template-columns: 1fr; }
  .cmp__c { padding: var(--s-4) 0; }
  .cmp__c + .cmp__c { border-inline-start: 0; border-top: 1px solid rgba(250, 250, 247, 0.22); }
}

/* §2 SÜREÇ · §4 İLKELER — ortak satır */
.st__list { border-bottom: 1px solid var(--line); }
.st__rail { grid-template-columns: 200px minmax(0, 380px) 1fr; align-items: start; padding-block: var(--s-4); }
.st__no { font-size: var(--z-stno); }
.st__t { font-size: var(--z-stt); line-height: 1.1; font-variation-settings: 'wdth' 116, 'wght' 800; }
.st__t--big { font-size: var(--z-apt); max-width: 460px; }
.st__d { color: var(--lead); font-size: 15.5px; max-width: 52ch; }
@media (max-width: 1199px) { .st__rail { grid-template-columns: 140px minmax(0, 1fr); } .st__d { grid-column: 2; margin-top: var(--s-2); } }
@media (max-width: 767px) { .st__rail { grid-template-columns: 1fr; } .st__d { grid-column: 1; } }

/* §2 NELER DAHİL */
.incl__grid { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: var(--s-8); }
.incl__list { margin-top: var(--s-3); display: grid; gap: var(--s-2); max-width: 46ch; }
.incl__list li { position: relative; padding-inline-start: var(--s-3); }
.incl__list li::before { content: ''; position: absolute; inset-inline-start: 0; top: 0.62em; width: 6px; height: 6px; background: var(--signal); }
.incl__rel { border-top: 1px solid var(--line); padding-top: var(--s-2); }
.incl__relbody { color: var(--lead); font-size: 15.5px; margin-top: var(--s-2); }
.incl__all { display: inline-block; margin-top: var(--s-3); font-size: 15px; }
@media (max-width: 900px) { .incl__grid { grid-template-columns: 1fr; gap: var(--s-6); } }

/* CTA bandı (alt sayfalar) — §2 «Konuşalım.» 72px */
.cta--band .cta__title { font-size: clamp(38px, 25.4px + 3.24vw, 72px); }

/* §3 · §4 alt mono şerit */
.workspec { color: var(--lead); padding-block: var(--s-3); }

/* §4 «Asla.» bloğu — mist zemin, 2 kolon */
.never { background: var(--mist); padding: clamp(var(--s-4), 3vw, 54px); display: grid; grid-template-columns: minmax(0, 300px) 1fr; gap: var(--s-6); align-items: start; }
.never__t { font-size: var(--z-never); line-height: 1; font-variation-settings: 'wdth' 116, 'wght' 800; }
.never__list { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-3) var(--s-6); font-size: 15.5px; }
.never__list li { position: relative; padding-inline-start: var(--s-3); }
.never__list li::before { content: '—'; position: absolute; inset-inline-start: 0; color: var(--lead); }
@media (max-width: 900px) { .never { grid-template-columns: 1fr; gap: var(--s-4); } .never__list { grid-template-columns: 1fr; } }

/* §7 İLETİŞİM */
.ct__grid { display: grid; grid-template-columns: minmax(0, 520px) 1fr; gap: var(--s-8); align-items: start; }
.ct__title { font-size: var(--z-ct); line-height: 0.95; letter-spacing: -0.02em; font-variation-settings: 'wdth' 116, 'wght' 800; }
.ct__body { margin-top: var(--s-4); max-width: 46ch; }
.ct__mail { display: inline-block; margin-top: var(--s-4); color: var(--signal); text-decoration: underline; text-underline-offset: 4px; text-transform: none; letter-spacing: 0.04em; }
.frm { display: grid; gap: var(--s-4); }
.frm__f { display: grid; gap: 6px; }
.frm__f label { color: var(--lead); }
.frm input, .frm textarea, .frm select {
  border-bottom: 1px solid var(--line); padding: 10px 0; min-height: 44px;
  font-size: 17px; width: 100%;
  transition: border-color var(--dur-micro) var(--ease-ui);
}
.frm textarea { resize: vertical; min-height: 140px; }
.frm input::placeholder, .frm textarea::placeholder { color: var(--lead); opacity: 0.7; }
.frm input:focus-visible, .frm textarea:focus-visible, .frm select:focus-visible {
  outline: none; border-bottom: 2px solid var(--signal); box-shadow: 0 0 0 2px var(--signal-tint);
}
.frm__f:has(.frm__err:not([hidden])) input { border-bottom: 2px solid var(--alert); }
.frm__err { color: var(--alert); }
.frm__act { display: flex; justify-content: flex-end; }
.frm__ok { border-top: 1px solid var(--line); padding-top: var(--s-4); }
.frm__okt { font-size: 44px; line-height: 1.05; font-variation-settings: 'wdth' 116, 'wght' 800; }
.frm__okb { color: var(--lead); margin-top: var(--s-2); max-width: 42ch; }
.frm__again { color: var(--signal); margin-top: var(--s-3); text-transform: none; letter-spacing: 0.04em; min-height: 44px; }
@media (max-width: 900px) { .ct__grid { grid-template-columns: 1fr; gap: var(--s-6); } .frm__act .btn { width: 100%; justify-content: center; } }

/* §8 · 404 */
.e4__n { font-size: var(--z-404); line-height: 0.9; letter-spacing: -0.03em; font-variation-settings: 'wdth' 116, 'wght' 800; }
.e4__t { font-size: 32px; line-height: 1.15; font-variation-settings: 'wdth' 110, 'wght' 700; margin-top: var(--s-4); max-width: 22ch; }
.e4__b { color: var(--lead); margin-top: var(--s-3); max-width: 52ch; }
.e4__act { display: flex; align-items: center; gap: var(--s-4); flex-wrap: wrap; margin-top: var(--s-6); }
.e4__alt { font-size: 15px; }
.ghostmark--404 { height: clamp(40px, 2.9px + 6.44vw, 92px); }
.ghostmark--404 span { font-size: var(--z-404g); }

/* ═══ DOKUNMA HEDEFİ ≥44px (HANDOFF §12 · pazarlık dışı) ═════════════════
   Görsel punto ve yerleşim boşlukları SPEC §0'daki gibi kalır; vurma alanı
   yerleşimi etkilemeyen bir pseudo-eleman ile büyütülür. */
.hdr__nav a, .lang a, .ftr__nav a, .ftr__meta a, .work__all, .incl__all,
.e4__alt, .crumb a, .cta__mail, .ct__mail, .hdr__mark, .snd,
.witness a, .frm__again { position: relative; }
.hdr__nav a::after, .lang a::after, .ftr__nav a::after, .ftr__meta a::after,
.work__all::after, .incl__all::after, .e4__alt::after, .crumb a::after,
.cta__mail::after, .ct__mail::after, .hdr__mark::after, .snd::after,
.witness a::after, .frm__again::after {
  content: ''; position: absolute; inset-block: -11px; inset-inline: -8px;
  min-height: 44px; top: 50%; height: 44px; transform: translateY(-50%);
}
/* iz sürücü: hedefi büyüten katman tıklamayı yutmasın */
.hdr__nav a::after, .lang a::after, .ftr__nav a::after, .ftr__meta a::after { z-index: 0; }

/* ═══ MOBİL HEADER (SPEC §8 · gorseller/ana-sayfa-390.png) ═══════════════
   ≤767px: nav «MENÜ»ye toplanır, dil şeridi tek aktif kod olur, panel açılır
   liste verir (44px satırlar). Masaüstünde panel ve MENÜ hiç görünmez. */
.hdr__menu, .lang--m { display: none; }
.menu { display: none; }

@media (max-width: 767px) {
  .hdr { padding-inline: var(--margin-m); gap: var(--s-2); }
  .hdr__nav, .lang:not(.lang--m), .snd:not(.hdr__menu) { display: none; }
  .hdr__menu { display: inline-flex; align-items: center; }
  .lang--m { display: inline-flex; }
  .lang--m span {
    font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em;
    background: var(--ink); color: var(--paper); padding: 6px 8px;
    min-height: 32px; display: inline-flex; align-items: center;
  }
  .menu {
    display: block; position: fixed; inset: 83px 0 0; z-index: 50;
    background: var(--paper); overflow-y: auto;
    padding-block: var(--s-4) var(--s-8);
  }
  .menu[hidden] { display: none; }
  .menu__list { border-top: 1px solid var(--line); }
  .menu__row {
    display: flex; align-items: center; min-height: 56px;
    border-bottom: 1px solid var(--line); color: var(--ink);
    font-size: 23px; font-variation-settings: 'wdth' 116, 'wght' 800;
  }
  .menu__row:hover, .menu__row:focus-visible { color: var(--signal); }
  .menu__langs { margin-top: var(--s-6); border-top: 1px solid var(--line); }
  .menu__lang {
    display: flex; align-items: center; justify-content: space-between;
    min-height: 44px; padding-inline: var(--s-2);          /* SPEC §8: 44px satırlar */
    border-bottom: 1px solid var(--line); color: var(--ink); font-size: 17px;
  }
  .menu__lang.is-cur { background: var(--mist); }
  .menu__dot { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; }
  body:has(.menu:not([hidden])) { overflow: hidden; }
}

/* ═══ MOBİL YERLEŞİM DÜZELTMELERİ (gorseller/ana-sayfa-390.png) ══════════ */
@media (max-width: 767px) {
  /* hero mobilde ekranı DOLDURMAZ — referansta ~300px, içerik üstten akar */
  .hero__inner { min-height: 0; justify-content: flex-start; padding-block: var(--s-6) var(--s-6); }
  .hero__label { margin-bottom: var(--s-4); }
  .hero__meta { margin-top: var(--s-6); }
  .hero__aside { display: none; }           /* referansta mobilde yok */

  /* hizmetler mobilde çerçeveli kart (referans) — masaüstünde satır kalır */
  .svc__list { border-bottom: 0; display: grid; gap: var(--s-2); }
  .svc { border: 1px solid var(--line); border-top: 1px solid var(--line); }
  .svc__rail { padding: var(--s-3); grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .svc__no { display: none; }               /* hayalet no mobilde referansta yok */
  .svc__lead { display: none; }
  .svc__side { border-top: 0; padding-top: 0; grid-column: 2; margin-top: 0; }
  .svc__items { display: none; }
  .svc__arw { margin-bottom: 0; color: var(--signal); }

  /* işler: görsel üstte, isim altında — bindirme -18px (SPEC §1 mobil) */
  .scene__name { margin-inline-start: 0; }
  .scene--r .scene__name { margin-inline: 0; }
  .scene__shot + .scene__txt, .scene__txt { margin-top: var(--s-2); }
  .shot { min-height: 180px; }

  /* kompakt şahit satırı (SPEC §1 mobil) */
  .witness { font-size: 10px; gap: var(--s-1) var(--s-2); }
}

/* ═══ §6 · JOURNAL YAZISI ════════════════════════════════════════════════ */
.ps__t { font-size: clamp(38px, 20.9px + 4.38vw, 84px); line-height: 0.98; letter-spacing: -0.02em;
         font-variation-settings: 'wdth' 116, 'wght' 800; max-width: 1220px; }
.ps__meta { color: var(--lead); margin-top: var(--s-4); padding-top: var(--s-2); }
.ps__body { max-width: 1000px; margin: var(--s-8) auto 0; }
.ps__lead { font-size: clamp(18px, 15.2px + 0.71vw, 21px); line-height: 1.5;
            font-variation-settings: 'wdth' 100, 'wght' 500; }
.ps__p { font-size: 17.5px; line-height: 1.7; margin-top: var(--s-3); }
.ps__h3 { font-size: clamp(24px, 20.3px + 0.95vw, 34px); line-height: 1.15;
          font-variation-settings: 'wdth' 116, 'wght' 800; margin-top: var(--s-6); }
.ps__body .pull { margin-top: var(--s-6); }
.ps__term { background: var(--ink); color: var(--paper); margin-top: var(--s-6);
            border: 1px solid var(--line); text-transform: none; letter-spacing: 0.02em; }
.ps__author { display: flex; gap: var(--s-3); align-items: flex-start;
              max-width: 1000px; margin: var(--s-8) auto 0; padding-top: var(--s-4); }
.ps__mark { width: 60px; height: 60px; background: var(--signal); flex: none; }
.ps__an { font-variation-settings: 'wdth' 110, 'wght' 700; }
.ps__ab { color: var(--lead); font-size: 15.5px; margin-top: 4px; max-width: 46ch; }
.ps__next { display: inline-block; max-width: 1000px; margin: var(--s-6) auto 0; font-size: 17px; }

/* ═══ SERVİS SAYFASI REFERANS DÜZELTMELERİ (gorseller/hizmet-*.png) ══════ */
/* karşılaştırma: mono etiket + büyük gövde */
.cmp__l { color: rgba(250, 250, 247, 0.62); margin-bottom: var(--s-2); }
.cmp__b { font-size: var(--z-stt); line-height: 1.25; font-variation-settings: 'wdth' 108, 'wght' 700; }
.cmp__c { padding-block: 54px; }
.cmp__c:first-child { padding-inline-end: 54px; }
.cmp__c + .cmp__c { padding-inline-start: 54px; }
@media (max-width: 767px) {
  .cmp__c, .cmp__c:first-child, .cmp__c + .cmp__c { padding: var(--s-4) 0; }
}

/* NELER DAHİL: her satır alt çizgili (referans) */
.incl__list { gap: 0; }
.incl__list li { padding-block: 12px; border-bottom: 1px solid var(--line); }
.incl__list li::before { top: 1.15em; }
.incl__rellist { margin-top: var(--s-2); display: grid; gap: 6px; }
.incl__rellist a { font-size: 15.5px; }

/* CTA bandı: başlık solda, aksiyon sağda (referans); gövde YOK */
.cta__row { align-items: flex-end; }
.cta--band .cta__row { margin-top: 0; }
.cta--band .cta__act { flex-direction: column; align-items: flex-end; gap: var(--s-2); }
.cta .cta__body { margin-top: var(--s-4); }
.cta--band .witness { margin-top: var(--s-8); }
@media (max-width: 767px) {
  .cta--band .cta__act { align-items: stretch; width: 100%; }
  .cta--band .cta__mail { text-align: center; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   TASARIM PROTOTİPİ HİZALAMASI — docs/DESIGN-DIFF.md
   Değerler Claude Design prototipinden ÖLÇÜLDÜ (render edilip hesaplanmış
   stiller okundu). tokens.css'e DOKUNULMADI.
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  /* Prototip gövde/lead paragraflarında bu rengi kullanıyor; tokens.css'te YOK.
     --lead (#55555C) prototipte yalnız mono meta rengi. */
  --body-2: #3A3E44;
  /* Koyu blok kademeleri — prototipten ölçüldü */
  --on-dark:      #E8E8EA;   /* terminal gövdesi */
  --on-dark-soft: #C9C9CE;   /* çip, gövde metni */
  --on-dark-dim:  #9A9AA2;   /* terminal barı */
}

/* ── S1·1 gövde ikincil metni ───────────────────────────────────────────── */
.hero__support, .svc__lead, .scene__desc, .cta__body, .hd__lead, .ct__body,
.incl__relbody, .st__d, .ps__p, .never__list, .frm__okb { color: var(--body-2); }
.hero__support { font-weight: 400; font-variation-settings: 'wdth' 100, 'wght' 500; }
.cta__body { font-variation-settings: 'wdth' 100, 'wght' 400; }

/* ── S1·2 sayfa başlıkları display kesiminde (wdth 125 · wght 850) ──────── */
.hd__title, .ct__title, .frm__okt { font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; }
:lang(de) .hd__title, :lang(de) .ct__title { font-variation-settings: 'wdth' var(--wdth-de), 'wght' 850; }
.frm__okt { font-variation-settings: 'wdth' 122, 'wght' 850; }

/* ── S1·3 hayalet numaralar ─────────────────────────────────────────────── */
.ghost { font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; line-height: 0.85; }

/* ── S4 eksen düzeltmeleri ──────────────────────────────────────────────── */
.svc__title  { font-variation-settings: 'wdth' 118, 'wght' 800; }
.scene__name { font-variation-settings: 'wdth' 122, 'wght' 850; line-height: 0.9; }
.proof__n    { font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; line-height: 0.9; letter-spacing: 0; }
.geo__title  { font-variation-settings: 'wdth' 120, 'wght' 850; line-height: 0.94; }
.jr__title   { font-variation-settings: 'wdth' 114, 'wght' 800; }
.work__title { font-variation-settings: 'wdth' 118, 'wght' 800; letter-spacing: -0.012em; }
.st__t--big  { font-variation-settings: 'wdth' 118, 'wght' 800; }
.never__t    { font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850; }
.ghostmark span {
  font-variation-settings: 'wdth' var(--wdth-display), 'wght' 850;
  text-align: center; padding-inline: 0; line-height: 0.78;
}

/* ── S1·4 mono harf aralığı bağlama göre ────────────────────────────────── */
.hero__label   { letter-spacing: 0.18em; }
.rail__label,
.crumb         { letter-spacing: 0.16em; }
.snd, .hdr__menu { letter-spacing: 0.08em; }
.witness       { letter-spacing: 0.06em; }

/* ── S2 koyu blok renkleri ──────────────────────────────────────────────── */
.dark .geo__body  { color: var(--on-dark-soft); }
.chip             { color: var(--on-dark-soft); border-color: rgba(250, 250, 247, 0.25); letter-spacing: 0; }
.term__bar        { color: var(--on-dark-dim); }
.term__body       { color: var(--on-dark); }
.term__n          { color: var(--lead); }
/* «CANLI» koyu blokta var(--ink) idi → siyah üstünde siyah. Prototip: signal-soft. */
.dark .witness__live,
.term__bar .witness__live { color: var(--signal-soft); }
.witness__live    { color: var(--lead); }
.cmp__l           { color: var(--on-dark-dim); }

/* ── footer: prototipte nav rengi --lead ────────────────────────────────── */
.ftr__nav a { color: var(--lead); }
.ftr__nav a:hover { color: var(--ink); }

/* ── S4 hero ────────────────────────────────────────────────────────────── */
.hero__inner {
  min-height: 0;
  height: clamp(560px, calc(100svh - var(--hdr-h)), 860px);   /* prototip: 860 sabit */
  padding-block: 0 0;
  justify-content: flex-end;
}
.hero__label { margin-bottom: 28px; }
.hero__meta {
  margin-top: 64px; padding-top: var(--s-3); padding-bottom: 30px;
  border-top: 1px solid rgba(16, 16, 20, 0.1);        /* prototipte var, bende yoktu */
}
.hero__light {
  /* prototip: %14 zirve + 6 sn sonsuz süpürme (scrub K1b ile birlikte yaşar) */
  background: linear-gradient(102deg,
    rgba(0, 47, 167, 0) 40%, rgba(0, 47, 167, 0.14) 52%, rgba(0, 47, 167, 0) 64%);
  background-size: 260% 100%;
  animation: heroSweep 6s linear infinite;
  transform: rotate(var(--sweep-rot, 0deg));
}
@keyframes heroSweep { from { background-position: 200% 0; } to { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .hero__light { animation: none; background-position: 50% 0; } }
/* KAYDIR: prototipte NOKTA ÖNCE */
.hero__scroll { flex-direction: row; }
.hero__scroll .hero__dot { order: -1; }

/* ── S4 ana sayfa ölçüleri ──────────────────────────────────────────────── */
.mf__l { max-width: 1020px; }
.mf__l + .mf__l { margin-top: 26px; }
.svc__lead { font-size: 16.5px; max-width: 560px; }
.svc__items { gap: 8px; }
.svc__items li { border-top: 1px solid rgba(16, 16, 20, 0.08); padding-top: 8px; }  /* SPEC «üst çizgili» */
.geo__body { font-size: 17px; max-width: 460px; }
.geo__r { width: 560px; flex: none; }
.term__body { display: grid; grid-template-columns: 30px 1fr; gap: 2px 16px; }
.term__body li { display: contents; }
.term__n { width: auto; }
.btn { padding: 18px 32px; font-size: 16px; font-variation-settings: 'wdth' 100, 'wght' 600; }
.cta__mail, .ct__mail { font-size: 14px; }
@media (max-width: 1199px) { .geo__r { width: auto; } }

/* ── S5 · S1·5 alt sayfa ritmi (prototipten ölçüldü) ────────────────────── */
/* başlık bloğu 120/80-90 · içerik bölümleri ÜSTTEN 0 + alttan 80-100 */
.hd { padding-block: 120px 90px; }
.sec--tight.hd { padding-block: 120px 90px; }
main.sub > .sec:not(.cta):not(.cmp) { padding-block: 0 90px; }
main.sub > .sec.incl { padding-block: 0 100px; }
.cmp { padding-block: 54px; }
.cmp__grid { padding-inline: 0; }
.cmp__c { padding-block: 0; }
.cmp__c:first-child { padding-inline-end: 60px; }
.cmp__c + .cmp__c { padding-inline-start: 60px; }
.never { padding: 44px 48px; }
.cta--band { padding-block: 64px; }
.workspec { padding-block: 24px; }

/* ── S5 işler indeksi: kendi ölçüleri (ana sayfayı yeniden kullanmaz) ───── */
.hd__title--big { font-size: var(--z-hd-big); }
.wx .scene__name { font-size: clamp(30px, 16.7px + 3.81vw, 68px); }
.wx .shot { min-height: 0; height: clamp(220px, 62px + 26.3vw, 440px); aspect-ratio: auto; }
@media (max-width: 767px) {
  .hd { padding-block: var(--s-8) var(--s-6); }
  main.sub > .sec:not(.cta):not(.cmp) { padding-block: 0 var(--s-6); }
  main.sub > .sec.incl { padding-block: 0 var(--s-6); }
  .cmp { padding-block: var(--s-4); }
  .never { padding: var(--s-4); }
  .cta--band { padding-block: var(--s-6); }
}

/* ── S6 bölüm rozetleri 01–07 (SPEC §1 · prototip) ──────────────────────── */
.secno {
  position: absolute; top: 16px; inset-inline-start: 16px; z-index: 30;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
  background: var(--signal); color: var(--paper); padding: 3px 8px;
  pointer-events: none;
}
.secno--d { background: var(--signal-soft); color: var(--ink); }
.hero, #manifesto, #services, #work, #geo, #journal, #cta { position: relative; }
@media (max-width: 767px) { .secno { display: none; } }   /* mobil prototipte yok */

/* ── açık satır kırılımı (hero/GEO/iş isimleri) ─────────────────────────── */
.ln { display: block; }
.scene__name .ln, .geo__title .ln { display: block; }

/* ── hizmet oku SVG ─────────────────────────────────────────────────────── */
.svc__arw { color: var(--signal); margin-bottom: 30px; transition: transform var(--dur-micro) var(--ease-ui); }
.svc:hover .svc__arw { transform: translateX(8px); }

/* ── S3 hero dil kuralı: SATIR SAYISI KORUNUR, punto küçülür ────────────
   Ölçüldü (prototipin kendi kırılımlarıyla, 1280px kadrajda iki satır):
   TR 175px @wdth125 · EN 136px @wdth104 · DE 142px @wdth104.
   Mobil taban da oranlı düşer, yoksa iki satır 390px'e sığmıyor. */
:lang(en) .hero__title { font-size: clamp(30px, 0.36px + 9.42vw, 136px); }
:lang(de) .hero__title { font-size: clamp(31px, 0.37px + 9.84vw, 142px); }
:lang(en) .hero__title { font-variation-settings: 'wdth' var(--wdth-de); }

/* ── S4 ANA SAYFA dikey ritmi — prototipten birebir ─────────────────────
   Prototip 1440'ta: manifesto 190/170 · hizmetler 0/170 · işler 0/150 ·
   kanıt 60/60 · GEO 140/140 · journal 150/160 · CTA 170/0.
   --ry akışkan ritim birimi: 1440'ta 10px, mobilde 4px → oranlar korunur. */
:root { --ry: clamp(4px, 0.02px + 0.694vw, 10px); }
main.home > #manifesto { padding-block: calc(19 * var(--ry)) calc(17 * var(--ry)); }
main.home > #services  { padding-block: 0 calc(17 * var(--ry)); }
main.home > #work      { padding-block: 0 calc(15 * var(--ry)); }
main.home > .proof     { padding-block: calc(6 * var(--ry)); }
main.home > #geo       { padding-block: calc(14 * var(--ry)); }
main.home > #journal   { padding-block: calc(15 * var(--ry)) calc(16 * var(--ry)); }
main.home > #cta       { padding-block: calc(17 * var(--ry)) 0; }

/* ── Prototipte harf aralığı KULLANILMAYAN mono öğeler ──────────────────── */
.lang a, .hero__aside, .svc__items, .jr__status, .term__bar, .term__body,
.secno, .scene__meta, .hd__side { letter-spacing: 0; }

/* ── kalan eksen/renk düzeltmeleri ──────────────────────────────────────── */
.work__all, .incl__all { font-variation-settings: 'wdth' 100, 'wght' 500; }
.geo__body { font-variation-settings: 'wdth' 100, 'wght' 400; line-height: 1.6; }
.geo__label { color: var(--on-dark-dim); }
.jr__status { text-align: end; }
.snd, .hdr__menu { text-align: start; }
.term__t { color: var(--on-dark); }

/* ── son hizalama (prototip ölçümü) ─────────────────────────────────────── */
.dark .geo__label, .dark .term__bar, .term__bar { color: var(--on-dark-dim); }
.cta__title { letter-spacing: -0.02em; }
.cta__mail, .ct__mail { letter-spacing: 0; }
.ghostmark span { letter-spacing: -0.02em; }
/* footer sağ blok: prototipte mono 11.5px, llms.txt vurgusuz */
.ftr__meta { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0; }
.ftr__meta a { color: var(--lead); }
.ftr__meta a:hover { color: var(--ink); }
.cta__title { line-height: 0.88; }

/* ═══════════════════════════════════════════════════════════════════════════
   MOBİL 390 — «390 Mobil v2» prototipinden ölçüldü.
   DİKKAT: bu blok dosyanın SONUNDA durmalı; hizalama turunda eklenen
   `.hero__inner { height: … }` kuralı önceki mobil geçersiz kılmayı ezdi
   (mobil hero 380 → 762px). Sıra kaymasın.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* header: prototip 18px 20px · wordmark 17px */
  .hdr { padding: 18px var(--margin-m); }
  .hdr__mark { font-size: 17px; }
  .lang--m span { font-size: 11px; padding: 6px 8px; }
  .hdr__menu { font-size: 11px; letter-spacing: 0.1em; color: var(--ink); border: 0; padding: 0 4px; }
  .menu { inset-block-start: 56px; }

  /* hero: prototip padding 110/20/40 — ekranı DOLDURMAZ */
  .hero__inner {
    height: auto; min-height: 0;
    padding-block: 110px 40px; justify-content: flex-start;
  }
  .hero__label { font-size: 10.5px; letter-spacing: 0.16em; margin-bottom: 18px; }
  .hero__title { line-height: 0.9; letter-spacing: -0.016em; }
  .hero__meta { margin-top: 24px; padding-top: 0; padding-bottom: 0; border-top: 0; gap: 26px; }
  .hero__support { font-size: 16px; }
  .hero__scroll { margin-top: 2px; }
  .hero__dot { width: 7px; height: 7px; }

  /* marquee: 10.5px · ls 0.16em · dolgu 10px */
  .mq { padding-block: 10px; }
  .mq__group { font-size: 10.5px; letter-spacing: 0.16em; }

  /* manifesto: 28px wdth 116 · lh 1.05 · gap 14 · 2. satır 28px girinti */
  main.home > #manifesto { padding-block: 60px; }
  .mf__l { font-variation-settings: 'wdth' 116, 'wght' 800; line-height: 1.05; }
  .mf__l + .mf__l { margin-top: 14px; }
  .mf__l--in { padding-inline-start: 28px; }

  /* hizmetler: prototip v2 SATIR (çerçeveli kart DEĞİL) — hayalet no 30px görünür */
  main.home > #services { padding-block: 0 50px; }
  .svc__list { display: block; border-bottom: 0; }
  .svc { border: 0; border-top: 1px solid var(--line); }
  .svc__rail {
    display: flex; align-items: baseline; gap: 14px;
    padding: 22px 0; min-height: 44px; grid-template-columns: none;
  }
  .svc__no { display: block; font-size: 30px; flex: none; }
  .svc__main { flex: 1; }
  .svc__title { font-size: 23px; line-height: 1.05; font-variation-settings: 'wdth' 114, 'wght' 800; }
  .svc__lead { display: none; }
  .svc__side { margin: 0; padding: 0; border: 0; flex: none; margin-inline-start: auto; }
  .svc__arw { width: 22px; height: 22px; margin: 0; }

  /* işler: görsel 200px · isim 30px wdth 120 · bindirme -18px */
  main.home > #work { padding-block: 0 50px; }
  .shot { min-height: 0; height: 200px; aspect-ratio: auto; }
  .scene__name {
    font-size: 30px; font-variation-settings: 'wdth' 120, 'wght' 850;
    margin-top: -18px; padding-inline-start: 8px; margin-inline-start: 0;
  }
  .scene--r .scene__name { margin-inline: 0; }
  .scene__meta, .scene__desc { padding-inline-start: 8px; }
  .scene__meta { font-size: 10.5px; }

  /* GEO: başlık 34px wdth 118 · mini terminal */
  main.home > #geo { padding-block: 50px; }
  .geo__title { font-size: 34px; font-variation-settings: 'wdth' 118, 'wght' 850; line-height: 0.98; }
  .geo__chips { display: none; }                     /* prototipte mobilde yok */
  .term { margin-top: 20px; }
  .term__body { font-size: 11px; line-height: 1.8; padding: 16px 18px; grid-template-columns: 22px 1fr; }
  .term__bar { padding: 12px 18px; }

  /* final: 48px wdth 122 · tam genişlik buton */
  main.home > #cta { padding-block: 70px 0; }
  .cta__title { font-size: 48px; font-variation-settings: 'wdth' 122, 'wght' 850; line-height: 0.9; }
  .cta__row { margin-top: 24px; gap: var(--s-3); }
  .btn { padding: 15px 22px; font-size: 15px; }

  /* kompakt şahit satırı + footer */
  .witness { font-size: 10px; gap: 6px; padding-block: 14px 0; }
  .witness__live { color: var(--signal); }
  .ftr__row { padding-block: 12px; }
  .ftr__nav { display: none; }                       /* prototip mobil footer: yalnız dil + telif */
  .ftr__meta { font-size: 10.5px; width: 100%; justify-content: space-between; }

  /* hayalet wordmark 92px / 64px kırpım */
  .ghostmark { height: 64px; margin-top: 14px; }
  .ghostmark span { font-size: 92px; }
}

/* mobil ince hizalama (prototip ölçümü) */
@media (max-width: 767px) {
  .lang--m span { letter-spacing: 0; }
  .scene__name { letter-spacing: 0; }
  .scene__meta { font-size: 10.5px !important; }   /* .t-mono ile aynı özgüllük */
  .term__bar { line-height: 1.65; }
  .witness { letter-spacing: 0; }
  .ghostmark span { letter-spacing: 0; }
  .cta__act .btn { justify-content: center; text-align: center; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HERO — gorseller/hero-efekt-referans.html'den BİREBİR
   Paket CLAUDE.md: «HERO EFEKTİNİN ÇALIŞAN KODU; birebir kopyala. Hero'yu
   bundan farklı kurma.» Bu blok, hero konusunda FAZ 3 v2 prototipini de
   geçersiz kılar. Üç bilinçli fark aşağıda yorumda.
   ═══════════════════════════════════════════════════════════════════════════ */
.hero__inner {
  height: auto;
  min-height: 860px;                       /* referans: min-height, sabit height DEĞİL */
  padding-block: 0 90px;                   /* yatay dolgu .wrap'ten gelir — KISAYOL KULLANMA */
  justify-content: flex-end;
}
.hero__light {
  /* referans %13 (prototip %14 diyordu; SPEC de %13 → iki kaynak %13'te birleşiyor) */
  background: linear-gradient(102deg,
    rgba(0, 47, 167, 0) 40%, rgba(0, 47, 167, 0.13) 52%, rgba(0, 47, 167, 0) 64%);
  background-size: 260% 100%;
  animation: lightSweep 6s linear infinite;
  /* açı iki kanaldan gelir: K1 scroll scrub'ı + K1b imleç bükmesi (±6°) */
  transform: rotate(calc(var(--sweep-scroll, 0deg) + var(--sweep-rot, 0deg)));
}
@keyframes lightSweep { 0% { background-position: 200% 0; } 100% { background-position: -100% 0; } }
/* GSAP devraldığında CSS döngüsü susar, konumu scroll sürer (K1) */
.hero__light { /* döngü GSAP altında da susMAZ — referansın gözlenen davranışı */ }

.hero__label { font-size: 12px; letter-spacing: 0.18em; color: var(--lead); margin-bottom: 44px; }

.hero__title {
  font-size: clamp(48px, 12.2vw, 176px);
  line-height: 0.88; letter-spacing: -0.02em;
  /* ÖLÇÜLDÜ: ağırlığı font-weight yerine fvs'te vermek satırı 3,7px
     genişletiyor ve 1300px'te taşırıyor. Referans font-weight kullanıyor;
     fvs YALNIZ wdth taşır. */
  font-weight: 850;
  /* Netleşmenin %100 karesi dilin KENDİ hedefine gitmeli: EN/DE hero wdth 104
     (dil telafisi). Keyframe'e sabit 125 yazmak fallback'te DE'yi taşırıyordu. */
  --fp-wdth: var(--wdth-display);
  font-variation-settings: 'wdth' var(--fp-wdth);
  display: block;
}
:lang(en) .hero__title, :lang(de) .hero__title { --fp-wdth: var(--wdth-de); }

/* CEVAP satırı («şey buydu.») — netleşme, TEK SEFER.
   CSS karşılığı JS düşse de canlanmayı garantiler; GSAP yüklenince motion.js
   bunu 'none' yapıp devralır. */
@keyframes focusPull {
  0%   { filter: blur(12px); opacity: 0.25; font-variation-settings: 'wdth' 92; }
  100% { filter: blur(0);    opacity: 1;    font-variation-settings: 'wdth' var(--fp-wdth, 125); }
}
.hero__l2 { animation: focusPull 1.4s var(--ease-focus) both; }

/* SORU satırı («Aradığınız») — SİNYAL NABZI, sürekli (işveren kararı).
   Yalnız iki şey oynar: wdth ekseni daralıp genişler, blur ona eşlik eder.
   DİKEY ÖLÇÜ SABİT: font-size, line-height, scaleY'ye DOKUNULMAZ — harfler
   yalnız yanlara nefes alır, satır yüksekliği hiç değişmez.
   %32'de tepe → ilk netleşme 1,41s'de tamamlanır (cevap satırıyla aynı an);
   %68'e dek net kalır, sonra sinyal yeniden uzaklaşır.

   BLUR em CİNSİNDEN, px DEĞİL. Punto akışkan (1440'ta 176px, 390'da 48px);
   mutlak 10px masaüstünde 0,057em iken mobilde 0,208em oluyordu — aynı nabız
   orada 3,6 kat ağır basıyor ve H1'in ilk sözcüğünü eritiyordu (ölçüldü).
   0,057em masaüstü değerini birebir korur (176 × 0,057 = 10,0px) ve her
   kırılımda AYNI görsel ağırlığı verir. Süit oranı ölçüyor. */
@keyframes signalPulse {
  0%   { font-variation-settings: 'wdth' 92;                 filter: blur(0.057em); opacity: 0.42; }
  32%  { font-variation-settings: 'wdth' var(--fp-wdth, 125); filter: blur(0);       opacity: 1; }
  68%  { font-variation-settings: 'wdth' var(--fp-wdth, 125); filter: blur(0);       opacity: 1; }
  100% { font-variation-settings: 'wdth' 92;                 filter: blur(0.057em); opacity: 0.42; }
}
.hero__l1 { display: block; animation: signalPulse 4.4s var(--ease-scene) infinite; }
.hero__l2 { display: block; padding-inline-start: 0; margin-inline-start: 0.545em; white-space: nowrap; }
.hero__l2t { display: inline; position: static; white-space: nowrap; }

/* imleç: referansta em tabanlı ve satır kutusunun İÇİNDE (inline-block).
   .hero taşmayı zaten kırpıyor; 0,2px'lik uç payı görünmez. */
.hero__caret {
  position: static; display: inline-block;
  width: 0.057em; height: 0.67em; margin-inline-start: 0.08em;
  vertical-align: baseline; background: var(--signal);
  animation: blink 1.1s step-end infinite;
}
@keyframes blink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }

.hero__meta {
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: end; gap: 24px; margin-top: 64px;
  padding-top: 0; padding-bottom: 0;
  border-top: 0;                            /* referansta üst çizgi YOK */
}
.hero__support { max-width: 380px; font-size: 17px; line-height: 1.5;
  font-variation-settings: 'wdth' 100, 'wght' 500; color: var(--body-2); }
.hero__scroll { display: flex; align-items: center; gap: 12px;
  font-size: 12px; letter-spacing: 0.14em; color: var(--lead); }
.hero__dot { width: 8px; height: 8px; order: -1; }
.hero__aside { justify-self: end; text-align: right;
  font-size: 11px; line-height: 1.8; letter-spacing: 0.08em; color: var(--lead); }

@media (prefers-reduced-motion: reduce) {
  .hero__light { animation: none; background-position: 38% 0; }
  /* nabız da durur: «Aradığınız» net ve geniş (wdth 125) sabit kalır */
  .hero__title, .hero__l1, .hero__l2 { animation: none; }
  .hero__caret { animation: none; }
}

/* referansın kırılımı 600px (site genelindeki 767 değil) */
@media (max-width: 600px) {
  .hero__inner { min-height: 640px; padding-block: 0 60px; justify-content: flex-end; }
  .hero__title { font-size: 48px; line-height: 0.9; }
  .hero__l2 { margin-inline-start: 0.33em; }
  .hero__meta { grid-template-columns: 1fr; }
  .hero__aside { display: none; }
}

/* ── Header'ın toplanma eşiği: ÖLÇÜLDÜ, masaüstü şerit 850px'e sığmıyor
   (.hdr__right 8px taşıyor → belgede 15px yatay kaydırma). Izgara kırılımları
   HANDOFF §5'te 767'de; yalnız HEADER daha erken toplanır. ───────────────── */
@media (max-width: 1000px) {
  .hdr__nav, .lang:not(.lang--m), .snd:not(.hdr__menu) { display: none; }
  .hdr__menu { display: inline-flex; align-items: center; }
  .lang--m { display: inline-flex; }
  .menu { display: block; position: fixed; inset: var(--hdr-h) 0 0; z-index: 50;
    background: var(--paper); overflow-y: auto; padding-block: var(--s-4) var(--s-8); }
  .menu[hidden] { display: none; }
  .menu__list { border-top: 1px solid var(--line); }
  .menu__row { display: flex; align-items: center; min-height: 56px;
    border-bottom: 1px solid var(--line); color: var(--ink);
    font-size: 23px; font-variation-settings: 'wdth' 116, 'wght' 800; }
  .menu__row:hover, .menu__row:focus-visible { color: var(--signal); }
  .menu__langs { margin-top: var(--s-6); border-top: 1px solid var(--line); }
  .menu__lang { display: flex; align-items: center; justify-content: space-between;
    min-height: 44px; padding-inline: var(--s-2);
    border-bottom: 1px solid var(--line); color: var(--ink); font-size: 17px; }
  .menu__lang.is-cur { background: var(--mist); }
  .menu__dot { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; }
  body:has(.menu:not([hidden])) { overflow: hidden; }
}
@media (max-width: 767px) { .menu { inset-block-start: 56px; } }

/* ═══ REDUCED-MOTION · GLOBAL KAPAK (efekt spec) ══════════════════════════
   Yukarıdaki nokta atışı RM kuralları (statik ışık karesi, imleç, marquee,
   data-focus) kalır; bu blok geriye KALABİLECEK her animasyon/geçişi de
   keser. Süit «sıfır hareket»i ayrı ayrı ölçer — bu kapak son emniyettir.
   Dosyanın SONUNDA durmalı: tokens.css'in 0.2s geçiş süresi dahil her şeyi
   bilerek eziyor. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}