/* marketing.css — landing + cocuk marketing sayfalari icin TEMEL katman.
   11.08 (PageSpeed): app.css (~62KB, panel bilesenleri: .sidebar/.card/.tablewrap/.switcher
   ... yuzlerce satir) marketing'de HIC kullanilmiyordu ama render-bloklayarak yukleniyordu.
   Marketing artik bunu degil, yalniz dayandigi cikplak-element temelini yukler. Marka gorunumu
   (l- siniflari) landing.html'in inline <style>'inda; burasi SADECE reset + raw form + skip-link.
   Tokenler (--ink/--clay/--line-2/--r2/--paper) .l-body'de tanimli; asagidaki bare secicilerin
   var() cagrilari o .l-body ata baglaminda cozulur (fallback'ler yine de guvence). */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; overflow-x: hidden; }
img, svg, video { max-width: 100%; }
img { height: auto; }

/* Bare <a> (marketing govde-ici linkler): app.css bunlara panel aksani veriyordu; marketing
   kili daha dogru. l- siniflari kendi renklerini zaten ezer. */
a { color: var(--clay, #C1502E); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Raw form elemanlari (arac sayfalarindaki class'siz <input name="site"> gibi). contact/hero
   .l-field kendi stilini tasir; bu yalniz class'siz girdiler icin marka-uyumlu taban. */
input, textarea, select {
  font: inherit; color: var(--ink, #171717);
  width: 100%; max-width: 100%;
  padding: .68rem .85rem;
  border: 1px solid var(--line-2, #8F8672);
  border-radius: var(--r2, 12px);
  background: var(--paper, #FFFFFF);
}
input:focus, textarea:focus, select:focus {
  outline: none; border-color: var(--clay, #C1502E);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--clay, #C1502E) 22%, transparent);
}
input[type="checkbox"], input[type="radio"] { width: auto; margin: 0; }
button { font: inherit; cursor: pointer; }

/* Klavye atlama linki (erisilebilirlik) — app.css'teki .skip-link'in marka-degerli kopyasi. */
.skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip-link:focus {
  position: fixed; left: 1rem; top: .75rem; width: auto; height: auto; z-index: 300;
  background: #1B1B1F; color: #fff; padding: .6rem 1.1rem; border-radius: 10px;
  font-weight: 650; font-size: .9rem; text-decoration: none;
  box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .28);
}
.skip-link:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(193, 80, 46, .45); }

/* Ekran-okuyucu-yalniz yardimci (bos th, gizli etiketler). */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}