.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   ELEVÉ — GLOBAL CSS  v2  (font + renk revizyonu)
   Yer: Elementor › Site Settings › Custom CSS  (site geneli)
   H1 kasıtlı DIŞARIDA — her sayfada widget'ta ayrı yönetilir
   ============================================================ */

/* ============================================================
   1) TOKENS — FONT, RENK, ÖLÇEK
   ============================================================ */
:root{
  /* — FONT AİLELERİ (yeni sistem) — */
  --ff-display: "field-gothic-xxcondensed", sans-serif;  /* kısa/punchy manşet · 900 */
  --ff-head:    "articulat-cf", sans-serif;              /* H2–H6 · uzun/cümle başlık */
  --ff-body:    "articulat-cf", sans-serif;              /* body / p */

  /* — RENK — */
  --noir:#1C1C1A; --chalk:#F4F3EE;
  --cyan:#01E5FF; --cyan-light:#7DEFFF;            /* dark zemin — parlak */
  --cyan-deep:#067A8E; --cyan-deep-light:#0A97AE;  /* light zemin — deep */
  --mist:#D6D3CB; --anthracite:#3B3D41;

  /* reveal tonları (saffron KALDIRILDI → accent artık cyan) */
  --reveal-on:     var(--cyan-deep);   /* light zemin default; dark override aşağıda */
  --reveal-accent: var(--cyan-deep);   /* final jest — eski saffron yerine cyan */
  --reveal-dim:    #6E6E6C;

  /* — AKIŞKAN PUNTO ÖLÇEĞİ (min → max px) — */
  --fs-h1:   clamp(2.75rem,   1.694rem + 4.507vw, 5.75rem);  /* 44 → 92 · H1 token hazır, global'de uygulanmıyor */
  --fs-h2:   clamp(2rem,      1.384rem + 2.629vw, 3.75rem);  /* 32 → 60 */
  --fs-h3:   clamp(1.5625rem, 1.188rem + 1.596vw, 2.625rem); /* 25 → 42 */
  --fs-h4:   clamp(1.3125rem, 1.114rem + 0.845vw, 1.875rem); /* 21 → 30 */
  --fs-h5:   clamp(1.125rem,  1.037rem + 0.376vw, 1.375rem); /* 18 → 22 */
  --fs-h6:   clamp(0.875rem,  0.853rem + 0.094vw, 0.9375rem);/* 14 → 15 */
  --fs-body: clamp(1rem,      0.956rem + 0.188vw, 1.125rem); /* 16 → 18 */
  --fs-small:clamp(0.8125rem, 0.790rem + 0.094vw, 0.875rem); /* 13 → 14 */

  /* kategori renkleri — dark zemin */
  --cat-design-on-dark:#E8B24E;
  --cat-ecom-on-dark:#33EAFF;
  --cat-growth-on-dark:#6FD3A4;
  --cat-neutral-on-dark:#D6D3CB;
  
}
:root{ --txt-nudge:-0.06em !important }   /* 0 → -0.06em, metni yukarı */

/* eski-stil rakam hatasını kapat */
body, h1, h2, h3, h4, h5, h6, p{ font-variant-numeric: lining-nums; }

/* ============================================================
   2) TİPOGRAFİ — H2–H6 + BODY  (hepsi Articulat CF)
   text-wrap:balance KALDIRILDI (erken sarma yapıyordu) → wrap
   ============================================================ */

/* taban body */
body{
  font-family: var(--ff-body); font-size: var(--fs-body);
  font-weight:400; line-height:1.6; letter-spacing:0;
}

/* ── H2–H6 — Articulat CF (artık serif değil) ── */
h2, .elementor-widget-heading h2{
  font-family:var(--ff-head)!important; font-size:var(--fs-h2)!important;
  font-weight:600!important; line-height:1.12!important; letter-spacing:-0.02em!important; text-wrap:wrap;
}
h3, .elementor-widget-heading h3{
  font-family:var(--ff-head)!important; font-size:var(--fs-h3)!important;
  font-weight:600!important; line-height:1.18!important; letter-spacing:-0.015em!important; text-wrap:wrap;
}
h4, .elementor-widget-heading h4{
  font-family:var(--ff-head)!important; font-size:var(--fs-h4)!important;
  font-weight:500!important; line-height:1.25!important; letter-spacing:-0.01em!important; text-wrap:wrap;
}
h5, .elementor-widget-heading h5{
  font-family:var(--ff-head)!important; font-size:var(--fs-h5)!important;
  font-weight:500!important; line-height:1.35!important; letter-spacing:0!important;
}
h6, .elementor-widget-heading h6{
  font-family:var(--ff-head)!important; font-size:var(--fs-h6)!important;
  font-weight:600!important; line-height:1.40!important; letter-spacing:0.02em!important;
}

/* ── BODY / P — Articulat CF ── */
p, .elementor-widget-text-editor p{
  font-family:var(--ff-body)!important; font-size:var(--fs-body)!important;
  font-weight:400!important; line-height:1.6!important; letter-spacing:0!important; text-wrap:pretty;
}

/* opsiyonel küçük metin / caption */
.text-small{ font-size:var(--fs-small)!important; }

/* ============================================================
   3) REVEAL-TEXT  (kelime kelime reveal)
   ============================================================ */
.reveal-text{ color: var(--reveal-dim); }

.reveal-word{ display:inline-block; will-change:transform; }

.reveal-word > .reveal-ink{
  display:inline-block;
  background-image: linear-gradient(to right,
    var(--reveal-on) 0%, var(--reveal-on) 50%,
    var(--reveal-dim) 50%, var(--reveal-dim) 100%);
  background-size:200% 100%; background-position:100% 0;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:var(--reveal-dim);
  will-change:transform;
}

.reveal-accent{ position:relative; display:inline; }

/* FINAL jest — artık cyan (eski saffron değil) */
.reveal-accent.is-final .reveal-ink{
  -webkit-text-fill-color: var(--reveal-accent);
  transition:-webkit-text-fill-color 0.6s ease;
}

.reveal-accent .reveal-underline{
  position:absolute; left:0; bottom:0.18em;
  width:100%; height:2px; background:var(--reveal-accent);
  transform:scaleX(0); transform-origin:left center; will-change:transform;
}

/* ============================================================
   4) PHRASE-REVEAL  (vurgu öbekleri)
   Default = LIGHT zemin (deep cyan). Dark override en altta.
   ============================================================ */
.phrase-reveal{
  display:inline-block; vertical-align:baseline;
  position:relative; color:var(--reveal-dim);
}
.phrase-reveal .pr-word{ display:inline-block; vertical-align:baseline; }

.phrase-reveal .pr-ink{
  display:inline-block; vertical-align:baseline;
  background-image: linear-gradient(to right,
    var(--reveal-on) 0%, var(--reveal-on) 50%,
    var(--reveal-dim) 50%, var(--reveal-dim) 100%);
  background-size:200% 100%; background-position:100% 0;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:var(--reveal-dim);
  will-change:transform;
}

.phrase-reveal .pr-underline{
  position:absolute; left:0; bottom:0.18em;
  width:0; height:2px; background:var(--reveal-on); will-change:width;
}

/* ── DARK zemin override — parlak cyan ──
   Dark bölümlere .section-dark SINIFI ya da data-eleve-bg="dark" ver.
   İkisi de desteklenir; hangisini kullanırsan o çalışır. */
.section-dark,
[data-eleve-bg="dark"]{ --reveal-on: var(--cyan); --reveal-accent: var(--cyan); }/* End custom CSS */