/* =====================================================================
   v1e · DOĞAL GÜVEN
   Sıcak · insani · davetkar güven. Büyük dostane tip, mavi-öncelikli,
   yumuşak yuvarlak köşe, hafif derinlik. Kanon renk/font korunur;
   sıcaklık = markanın kendi mavisini cömertçe kullanmak.
   ===================================================================== */

:root{ --v-blue:#00679A; --v-soft:#EAF3F9; --v-soft2:#F3F8FB; }

/* --- tipografi: daha büyük, dostane, davetkar --- */
.ak-h1{ font-size:3.15rem; font-weight:700; line-height:1.08; letter-spacing:-.02em; }
.ak-h2{ font-size:2.15rem; font-weight:700; line-height:1.14; letter-spacing:-.015em; }
.ak-lede{ font-size:1.2rem; line-height:1.62; }
.ak-body{ font-size:1.04rem; line-height:1.64; }

/* eyebrow: markanın mavisi, güvenli (navy bandı hariç) --- */
.ak-hero .ak-eyebrow,
.ak-section:not(.ak-feature) .ak-eyebrow{ color:var(--v-blue); font-weight:600; }

/* --- davetkar mavi zemin dokunuşları --- */
.ak-hero{ background:linear-gradient(180deg,var(--v-soft) 0%,#fff 80%); }
.ak-section--sunken{ background:var(--v-soft2); }

/* --- yumuşak, insani bileşenler: yuvarlak köşe + hafif derinlik --- */
.ak-btn{ border-radius:11px; font-weight:600; }
.ak-btn--primary{ background:var(--v-blue); border-color:var(--v-blue);
  box-shadow:0 8px 20px rgba(0,103,154,.20); }
.ak-btn--ghost{ border-radius:11px; }

.ak-value{ background:#fff; border:1px solid #E7EEF3; border-radius:16px;
  padding:24px; box-shadow:0 8px 24px rgba(11,43,60,.05); }
.ak-value__n{ color:var(--v-blue); font-weight:700; }

.ak-trustcard{ background:#fff; border:1px solid #E7EEF3; border-radius:16px;
  box-shadow:0 10px 28px rgba(11,43,60,.06); }

.ak-factstrip{ border-radius:12px; }

/* =====================================================================
   v1chryso · BİLEŞEN POLISH (ekran görüntüleri geri bildirimi)
   Çip/etiket/satır bileşenleri Doğal Güven diline: yuvarlak, yumuşak.
   ===================================================================== */

/* durum çipleri: AKTİF KADEME · SU AZALTICI TİP · 6. NESİL PCE -> yumuşak pill */
.ak-statustag{ border-radius:999px; background:#EAF3F9; border:1px solid #DCEAF3;
  padding:5px 13px; color:#0B2B3C; font-weight:500; }
.ak-statustag--active{ background:#E1EFF8; border-color:#B9D8EB; color:#00679A; }

/* bölüm etiketi 'YAKINDA · NUMUNE AŞAMASI' -> markanın mavisi */
.ak-soon__lbl{ color:#00679A; }

/* 'YAKINDA' rozeti -> sönük yumuşak pill */
.ak-soonbadge{ border-radius:999px; background:#F1F5F8; border:1px solid #E2E9EF;
  color:#7C8B92; padding:4px 13px; letter-spacing:.1em; }

/* yakında-kademe satırları -> düz liste yerine yüzen kart */
.ak-soonlist{ display:grid; gap:10px; }
.ak-soonrow{ border:1px solid #E7EEF3; border-radius:14px; background:#fff;
  box-shadow:0 4px 14px rgba(11,43,60,.04); padding:16px 20px;
  transition:box-shadow .2s ease, transform .2s ease; }
.ak-soonrow:hover{ box-shadow:0 12px 28px rgba(11,43,60,.09); transform:translateY(-2px); }

/* ghost buton (SDS/Teknik) -> Doğal Güven yuvarlağıyla tutarlı, hafif zemin */
.ak-btn--ghost{ background:#F4F9FC; }
.ak-btn--ghost:hover{ background:#E9F3F9; }

/* ---- CTA lacivert bandı ↔ footer kaynaşması (aynı --navy) ----
   DS zaten footer'ı --navy-deep, ayraçları --navy-600 olarak tanımlamış;
   kit.css footer'da --navy kullanıyordu. Tonal basamak + ince ayraçla ayır. */
.ak-footer{ background:var(--navy-deep); }
.ak-cta + .ak-footer{ border-top:1px solid var(--navy-600); }


/* ---- Footer LinkedIn linki (ikon + metin hizası) ---- */
.ak-footer__social{ display:inline-flex; align-items:center; gap:8px; margin-top:4px; }
.ak-footer__social svg{ flex:none; opacity:.9; }