/* ===========================================================================
   Nilkumsal · marka zemini
   Beyaz, hassas, ölçülü. Belge ve rakam önde. Tek aile: Inter.
   =========================================================================== */
:root{
  --sc-canvas:     #ffffff;
  --sc-surface:    #f2f5f6;
  --sc-ink:        #12171a;
  --sc-ink-soft:   #5c686f;
  --sc-accent:     #0d5c8a;
  --sc-accent-ink: #ffffff;

  --sc-font-display:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --sc-font-text:   "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --sc-font-mono:   "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;

  --nk-line:  #dde3e6;
  --nk-line-2:#c4cfd4;
  --nk-bar-h: 78px;
}

/* Rakamlar hizalı dursun: daktilo yazı tipine gerek yok, Inter'in kendi
   tabular rakamları var. */
.nk-num,.nk-table td,.nk-figure dd{font-variant-numeric:tabular-nums}

/* Motorun başlık satır yüksekliği 0,94. Türkçede Ü, İ, Ğ, Ş gibi harflerin
   üst işaretleri bu değerde kırpılıyor; bir tık açıyoruz. */
.sc-display{line-height:1.06}
/* Kinetik satır maskesi (.sc-split, overflow:hidden) alta 0.14em pay veriyor
   ki g, y, p kuyrukları kesilmesin — ama üste vermiyor. Türkçede Ü, İ, Ğ, Ş,
   Ç üst işaretleri bu yüzden yarım kalıyor. Aynı payı üste de açıyoruz. */
.sc-split--line{padding-top:.16em;margin-top:-.16em}

/* --- ortak ------------------------------------------------------------- */
.nk-wrap{max-width:var(--sc-maxw);margin-inline:auto;padding-inline:var(--sc-gutter)}
.nk-eyebrow{
  font-size:var(--sc-t-xs);font-weight:600;
  letter-spacing:0.13em;text-transform:uppercase;
  color:var(--sc-ink-soft);
}

/* --- üst çubuk --------------------------------------------------------- */
.nk-bar{
  position:fixed;inset:0 0 auto 0;z-index:60;
  /* Yükseklik SABİT. Hero klibi çubuğun altından başlıyor ve konumunu
     --nk-bar-h'den okuyor; çubuk içeriğine göre serbest büyüyünce (genişliğe
     bağlı 94–98 px arası oynuyordu) ikisinin arasında birkaç piksellik beyaz
     şerit kalıyor, telefonda ince bir çizgi gibi görünüyordu. */
  height:var(--nk-bar-h);box-sizing:border-box;
  display:flex;align-items:center;align-content:center;
  justify-content:space-between;gap:var(--sc-5);
  padding:var(--sc-4) var(--sc-gutter);
  /* Zemin drift ile koyuya kayıyor (kanıt bölümü). Çubuğun rengi drift'e
     bağlanırsa arka planı koyulaşıyor ama yazısı koyu kalıyor ve okunmaz
     oluyor. Çubuk her iki zeminde de aynı kalsın: sabit açık, sabit koyu
     yazı. */
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(12px) saturate(1.1);
  border-bottom:1px solid rgba(18,23,26,.10);
  color:#12171a;
}
.nk-bar__nav a{color:#5c686f}
.nk-bar__nav a:hover{color:#12171a}
/* Marka işareti artık yazı değil, logonun kendisi. Yükseklik sabit,
   genişlik orana bırakılıyor; height/width öznitelikleri yer ayırsın diye
   duruyor ama CSS onları eziyor, yoksa logo 435 px genişlikte açılıyor. */
.nk-mark{display:inline-flex;align-items:center;text-decoration:none;
  line-height:0}
.nk-mark img{display:block;height:26px;width:auto}
.nk-bar__cta{
  font-size:var(--sc-t-sm);font-weight:500;
  text-decoration:none;color:var(--sc-accent-ink);background:var(--sc-accent);
  padding:0.65em 1.15em;border-radius:var(--sc-r-sm);white-space:nowrap;
}
.nk-bar__cta:hover{background:#0a4a6e}
.nk-bar__nav{display:flex;gap:var(--sc-5);align-items:center}
.nk-bar__nav a{
  font-size:var(--sc-t-sm);text-decoration:none;color:var(--sc-ink-soft);
  padding-block:var(--sc-2);border-bottom:1px solid transparent;
}
.nk-bar__nav a:hover{color:var(--sc-ink);border-bottom-color:var(--nk-line-2)}
@media (max-width:900px){
  /* Menüyü gizlemek yerine ikinci satıra al: mobilde de gezilebilsin. */
  .nk-bar{flex-wrap:wrap;row-gap:var(--sc-2);padding-block:var(--sc-3)}
  .nk-bar__nav{order:3;flex:1 0 100%;justify-content:space-between;gap:var(--sc-3)}
  .nk-bar__nav a{font-size:var(--sc-t-xs);padding-block:var(--sc-1)}
  .nk-bar__cta{font-size:var(--sc-t-xs);padding:.55em .9em}
  .nk-mark img{height:22px}
  :root{--nk-bar-h:100px}
}


/* --- 1 · hero ------------------------------------------------------------
   Metin ürünün ÜSTÜNDE değil, YANINDA. Yakınlaşan bir klibin üstüne yazı
   koyunca ya yazı okunmuyor ya perde ürünü yutuyor; ikisini birden çözmenin
   yolu örtüştürmemek. Katalog dili de böyle kurulur.
   ----------------------------------------------------------------------- */
.nk-hero [data-sc-stage]{background:var(--sc-canvas)}
/* Motorun kuralı `.sc-stage :is(video[data-sc-scrub])` ve `inset:0` veriyor;
   onu geçmek için seçici bir kademe güçlü olmalı. */
/* Klip çubuğun ALTINDAN başlar. Kutu dikeyde tam oturduğu için (kaynak
   16:9, kutu daha dar) cover yalnızca yanlardan kırpıyor; üstte pay yok.
   Kutu 0'dan başlayınca karenin tepesi opak çubuğun arkasında kalıyor ve
   Thermostar'ın sapı görünmüyordu. object-position dikeyde çare değil:
   dikey bire bir oturduğu için hiçbir etkisi olmuyor. */
.nk-hero .sc-stage video[data-sc-scrub],
.nk-hero .sc-stage .sc-stage__poster{
  left:auto;right:0;width:56%;top:var(--nk-bar-h);height:calc(100% - var(--nk-bar-h));
  object-fit:cover;object-position:52% center;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%);
          mask-image:linear-gradient(to right,transparent 0,#000 14%);
}
.nk-hero .sc-copy--lead{
  bottom:clamp(9rem,24vh,15rem);
  inset-inline:var(--sc-gutter) auto;
  /* Klip %44'ten başlıyor; kutu ondan önce bitmeli. */
  width:min(40%,38rem);
}
/* Başlığı kutuya göre ölçülendir: 120px'te "seçiyoruz." tek kelime olarak
   taşıp klibin üstüne giriyordu. */
.nk-hero h1{margin:0 0 var(--sc-5);font-size:clamp(2.4rem,5vw,5rem)}
.nk-hero p{margin:0;max-width:34ch}

@media (max-width:820px){
  /* Telefonda yan yana sığmaz: klip üstte, yazı altında. */
  .nk-hero .sc-stage video[data-sc-scrub],
  .nk-hero .sc-stage .sc-stage__poster{
    left:0;right:auto;width:100%;top:var(--nk-bar-h);height:48%;bottom:auto;
    -webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 100%);
            mask-image:linear-gradient(to bottom,#000 76%,transparent 100%);
  }
  .nk-hero .sc-copy--lead{
    bottom:clamp(7rem,18vh,10rem);
    inset-inline:var(--sc-gutter);width:auto;
  }
  .nk-hero h1{font-size:var(--sc-t-2xl)}
}

/* --- imza hareketi: seçim çizgisi -------------------------------------- */
.nk-select{
  position:absolute;left:var(--sc-gutter);right:var(--sc-gutter);
  bottom:clamp(1.75rem,5vh,3rem);
  z-index:4;pointer-events:none;
}
.nk-select__track{position:relative;height:1px;background:var(--nk-line-2);overflow:hidden}
.nk-select__run{
  position:absolute;inset:0;background:var(--sc-accent);
  transform:scaleX(var(--sc-p,0));transform-origin:left center;
}
.nk-select__stamps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sc-4);
  margin-top:var(--sc-3);
}
.nk-stamp{
  font-size:var(--sc-t-xs);color:var(--sc-ink-soft);
  display:flex;flex-direction:column;gap:1px;
  transform:translateY(6px);
  transition:opacity .45s ease,transform .45s ease;
  opacity:0;
}
.nk-stamp b{color:var(--sc-ink);font-weight:600;letter-spacing:-0.01em}
.nk-stamp.is-on{opacity:1;transform:none}
.nk-stamp::before{
  content:"";display:block;width:9px;height:9px;margin-bottom:var(--sc-2);
  border-left:1px solid var(--sc-accent);border-bottom:1px solid var(--sc-accent);
}
@media (max-width:700px){
  /* Üç damga alt alta yığılınca metnin üstüne biniyordu. Mobilde yalnızca
     o an aktif olan ürünün damgası, tek satırda. */
  .nk-select__stamps{grid-template-columns:1fr;margin-top:var(--sc-2)}
  .nk-stamp{display:none}
  .nk-stamp.is-current{display:flex;flex-direction:row;align-items:baseline;gap:.6em}
  .nk-stamp.is-current::before{display:none}
  .nk-select{bottom:clamp(1.25rem,3.5vh,2rem)}
}

/* --- 2 · dört hat, yatay ----------------------------------------------- */
/* Ray dikeyde ortalanır ve sabit üst çubuğun altına girmez. */
.nk-rail{display:flex;gap:var(--sc-6);align-items:center;
  padding-inline:var(--sc-gutter);padding-top:var(--nk-bar-h);
  /* Ray sahne kadar uzun olmalı; yoksa en uzun kart kadar kalıyor ve
     "ortalama" sahnenin üst kısmına sıkışıyor. */
  min-height:100svh;box-sizing:border-box}
.nk-rail__lead{flex:0 0 min(32ch,72vw);align-self:center}
.nk-item{flex:0 0 min(29rem,76vw);display:flex;flex-direction:column;
  max-height:calc(100svh - var(--nk-bar-h) - var(--sc-7));
  color:inherit;text-decoration:none}
/* Oran ÇERÇEVEDE, görselde değil. Görselde olursa kart kısa ekranda
   sıkıştığında çerçeve daralıyor ama görsel kendi oranında kalıp taşıyor,
   overflow onu kırpıyordu. Oran burada olunca görsel çerçeveyle birlikte
   küçülüyor ve contain sayesinde ürün hiç kesilmiyor. */
.nk-item figure{margin:0 0 var(--sc-5);overflow:hidden;
  flex:0 1 auto;min-height:0;aspect-ratio:1}
.nk-item img{width:100%;height:100%;display:block;object-fit:contain;
  transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.nk-item:hover img,.nk-item:focus-visible img{transform:scale(1.03)}
.nk-item:focus-visible{outline:2px solid var(--sc-accent);outline-offset:6px;border-radius:2px}
.nk-item__go{margin-top:var(--sc-4);font-size:var(--sc-t-sm);font-weight:500;color:var(--sc-ink)}
.nk-item__go span{display:inline-block;transition:transform .3s ease}
.nk-item:hover .nk-item__go span{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.nk-item img,.nk-item__go span{transition:none}}

/* Telefon: portföy yatay ray değil, alt alta liste. Yukarıdaki betik akt'ı
   söküyor; buradaki kurallar da düzeni dikeye çeviriyor. */
@media (max-width:700px){
  .nk-portfoy--yigin .nk-rail{
    display:grid;grid-template-columns:1fr;gap:var(--sc-8);
    min-height:0;padding-block:var(--sc-8) var(--sc-9)}
  .nk-portfoy--yigin .nk-rail__lead{flex:none;max-width:none}
  .nk-portfoy--yigin .nk-item{flex:none;max-height:none;max-width:none}
  .nk-portfoy--yigin .nk-item figure{aspect-ratio:4/3}
}
.nk-item h3{font-size:var(--sc-t-lg);margin:0 0 var(--sc-1);letter-spacing:-0.02em;font-weight:600}
.nk-item__origin{margin:0 0 var(--sc-4);font-size:var(--sc-t-xs);color:var(--sc-ink-soft);
  letter-spacing:0.06em;text-transform:uppercase;font-weight:500}
.nk-item__claim{margin:0;color:var(--sc-ink-soft);font-size:var(--sc-t-sm);line-height:1.6}
.nk-item__proof{
  margin:var(--sc-4) 0 0;padding-top:var(--sc-3);border-top:1px solid var(--nk-line);
  font-size:var(--sc-t-xs);color:var(--sc-accent);font-weight:500;
  display:flex;flex-direction:column;gap:3px;list-style:none;
}

/* --- 3 · kanıt (zirve): üç aşama, kaydırdıkça ilerler ------------------ */
.nk-proof{
  position:relative;min-height:100svh;
  display:grid;grid-template-rows:auto 1fr;
  align-content:center;background:transparent;
  /* Sabit üst çubuk sahnenin üstünü yiyor; hesaba katılmazsa en alttaki
     rakamlar ekranın dışında kalıyor. */
  padding-top:calc(var(--nk-bar-h) + var(--sc-5));
  padding-bottom:var(--sc-6);
}
.nk-proof__head{max-width:40ch;margin-bottom:var(--sc-6)}
.nk-proof__head h2{font-size:clamp(1.9rem,3.6vw,3rem)}
.nk-proof__head h2{margin:0}
.nk-proof__stack{position:relative;display:grid}
.nk-proof__panel{grid-area:1/1;align-self:start}
/* Aşamalar tek sütun: arka plan görseli sahnenin tamamını kaplıyor. */
.nk-stage{display:block}

/* --- kanıt sahnesi: koyu zemin, tam kaplayan görsel ---------------------
   Kullanıcının verdiği üç makro çekim koyu (ortalama parlaklık 63-98/255).
   Beyaz tül bunları gri bulamaca çevirirdi; onun yerine sahnenin tamamı
   koyuya dönüyor. Sayfanın zirvesi zaten dramatik olmalı.
   Aşama 1'in fotoğrafı yok: rozetler saf koyu zeminde en parlak hâlinde.
   ----------------------------------------------------------------------- */
.nk-proof__bg{position:absolute;inset:0;overflow:hidden;z-index:0;background:#0b1116}
.nk-proof__bg img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
}
/* Her fotoğraf yalnızca BELİRİR; sönmesine gerek yok, çünkü üsttekiler
   tam kaplayan opak kareler — sıradaki %100'e ulaştığında alttakini zaten
   gizliyor. Önceden `min(clamp(...), clamp(...))` ile sönme de yazılmıştı;
   LiteSpeed'in CSS küçültücüsü bu iç içe yazımı bozuyor (virgülü parantize
   çevirip kuralı geçersiz kılıyor), sonuçta üç fotoğraf da tam opak kalıp
   yanlış ürün görünüyordu. Tek clamp hem sağlam hem yeterli.
   Eşikler panellerin devir teslim anlarıyla aynı: 0.48 ve 0.71. */
.nk-bg--2{opacity:clamp(0,calc((var(--sc-p,0) - 0.25) / 0.05),1)}
.nk-bg--3{opacity:clamp(0,calc((var(--sc-p,0) - 0.48) / 0.05),1)}
.nk-bg--4{opacity:clamp(0,calc((var(--sc-p,0) - 0.71) / 0.05),1)}

/* Görselin üstünde koyu tül: fotoğrafın dokusu kalsın ama metin okunsun.
   Soldan sağa hafifçe açılıyor; ağırlık metnin oturduğu tarafta. */
.nk-proof__veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to right,
      rgba(9,14,18,.93) 0%,
      rgba(9,14,18,.86) 42%,
      rgba(9,14,18,.72) 100%),
    linear-gradient(to bottom,
      rgba(9,14,18,.55) 0%,
      rgba(9,14,18,.25) 34%,
      rgba(9,14,18,.55) 100%);
}
.nk-proof{position:relative;z-index:2}

/* Koyu zeminde mürekkep ve vurgu ikinci durağa geçiyor. Açık zeminde
   4.5:1 veren #0d5c8a koyuda vermiyor; aynı renk, açık tonu. */
#kanit{
  /* DİKKAT: yalnızca --sc-ink'i değiştirmek yetmiyor. color hesaplanmış
     değer olarak miras alınır; değişkeni geçersiz kılmak zaten miras almış
     metnin rengini değiştirmez. Bu yüzden color da açıkça yazılıyor. */
  color:#eef3f6;
  --sc-ink:#eef3f6;
  --sc-ink-soft:#a9bac4;
  --sc-accent:#79c4ee;
  --nk-line:rgba(255,255,255,.14);
}
#kanit .nk-eyebrow{color:#a9bac4}
#kanit .nk-table th{color:#a9bac4}
#kanit .nk-table th,#kanit .nk-table td{border-bottom-color:rgba(255,255,255,.14)}
#kanit .nk-health li{border-top-color:rgba(255,255,255,.14)}
#kanit .nk-health span{color:#a9bac4}
#kanit .nk-health em{color:#79c4ee}
#kanit .nk-figure dt{color:#a9bac4}

/* Rozet ızgarası koyu zeminde parlak bir belge tabakası gibi durur. */
#kanit .nk-badges{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.16)}

.nk-badges{
  display:grid;grid-template-columns:repeat(6,1fr);
  gap:1px;background:var(--nk-line);border:1px solid var(--nk-line);
}
.nk-badge{
  background:#fff;display:flex;align-items:center;justify-content:center;
  aspect-ratio:1/.60;padding:var(--sc-3) var(--sc-4);
  /* Kaydırma rozetleri tek tek düşürür: sabit duran ekran boş geçmiyor. */
  --nk-b:clamp(0,calc((var(--sc-p,0) - (var(--i) * 0.016)) / 0.05),1);
}
/* Solma HÜCREYE değil logoya uygulanır: hücre saydamlaşınca altındaki ızgara
   rengi görünüyor ve duvar gri bir bloğa dönüyordu. */
.nk-badge img{
  max-width:100%;max-height:78px;width:auto;height:auto;object-fit:contain;
  opacity:var(--nk-b);
  transform:translateY(calc(9px * (1 - var(--nk-b))));
}
@media (max-width:900px){ .nk-badges{grid-template-columns:repeat(4,1fr)} }

.nk-figures{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:var(--sc-5) var(--sc-6);margin-top:var(--sc-6);
}
.nk-figure dt{font-size:var(--sc-t-xs);font-weight:600;
  letter-spacing:0.13em;text-transform:uppercase;color:var(--sc-ink-soft)}
.nk-figure dd{margin:var(--sc-2) 0 0;font-size:var(--sc-t-xl);
  letter-spacing:-0.035em;line-height:1.1;font-weight:600;text-wrap:balance}
.nk-figure dd.is-text{font-size:var(--sc-t-lg)}

.nk-table{width:100%;border-collapse:collapse;font-size:var(--sc-t-sm);max-width:44rem}
.nk-table caption{
  text-align:left;font-size:var(--sc-t-xs);font-weight:600;
  letter-spacing:0.13em;text-transform:uppercase;color:var(--sc-ink-soft);
  padding-bottom:var(--sc-4);
}
.nk-table th,.nk-table td{text-align:left;padding:var(--sc-3) 0;border-bottom:1px solid var(--nk-line)}
.nk-table th{font-weight:400;color:var(--sc-ink-soft)}
.nk-table td{text-align:right;font-weight:500}
/* Delphin sağlık kanıtı: rakam değil, cihazın havaya ne yaptığı. */
.nk-health{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:var(--sc-6) var(--sc-7);margin:0;padding:0;list-style:none}
.nk-health li{border-top:1px solid var(--nk-line);padding-top:var(--sc-4)}
.nk-health b{display:block;font-size:var(--sc-t-lg);font-weight:600;
  letter-spacing:-0.02em;margin-bottom:var(--sc-2);text-wrap:balance}
.nk-health span{display:block;font-size:var(--sc-t-sm);color:var(--sc-ink-soft);line-height:1.6}
.nk-health em{display:block;margin-top:var(--sc-2);font-style:normal;
  font-size:var(--sc-t-xs);color:var(--sc-accent);font-weight:500}

/* Mobil sıkıştırma. ÖNEMLİ: bu blok taban kurallardan SONRA durmalı —
   daha önce yukarıdaydı ve .nk-health / .nk-figures / .nk-table taban
   kuralları onu eziyordu, yani mobil düzen hiç uygulanmıyordu. */
@media (max-width:700px){
  /* Sabit sahne 844 px; içerik sığmalı. Rozetler 4 sütun × 3 satır, küçük
     logo; rakamlar 2×2; sağlık listesi sıkı. */
  .nk-proof{padding-top:calc(var(--nk-bar-h) + var(--sc-3));padding-bottom:var(--sc-4)}
  .nk-proof__head{margin-bottom:var(--sc-4)}
  .nk-proof__head h2{font-size:clamp(1.5rem,6.2vw,1.9rem)}
  .nk-badges{grid-template-columns:repeat(4,1fr)}
  .nk-badge{aspect-ratio:1/.62;padding:var(--sc-2)}
  .nk-badge img{max-height:34px}
  .nk-figures{grid-template-columns:1fr 1fr;gap:var(--sc-3) var(--sc-4);margin-top:var(--sc-4)}
  .nk-figure dd{font-size:var(--sc-t-lg)}
  .nk-figure dd.is-text{font-size:var(--sc-t-base)}
  .nk-table{font-size:var(--sc-t-xs)}
  .nk-table th,.nk-table td{padding:var(--sc-2) 0}
  .nk-health{grid-template-columns:1fr 1fr;gap:var(--sc-4) var(--sc-4)}
  .nk-health li{padding-top:var(--sc-2)}
  .nk-health b{font-size:var(--sc-t-sm);margin-bottom:2px}
  .nk-health span{font-size:var(--sc-t-xs);line-height:1.45}
  .nk-health em{margin-top:var(--sc-1)}
}

/* --- 4 · servis -------------------------------------------------------- */
.nk-service{display:grid;grid-template-columns:1fr 1fr;gap:var(--sc-9);align-items:center}
/* height:auto şart: HTML height özniteliği kalırsa max-height onu ayrı
   kırpıyor, genişlik ayrı kırpılıyor ve ürün dikeyde uzuyor. */
.nk-service figure img{width:auto;height:auto;max-width:100%;max-height:56vh;
  object-fit:contain;margin-inline:auto;display:block}
@media (max-width:860px){ .nk-service{grid-template-columns:1fr;gap:var(--sc-7)} }

/* --- 5 · kapanış ------------------------------------------------------- */
/* Zemin rengini yalnızca drift verir (section'daki data-sc-drift). Sahneye
   ayrıca arka plan verilirse sahne maxw'de kalıp gri kutu olarak belirir,
   kenarlar drift tamamlanana kadar beyaz kalır. */
.nk-close{
  min-height:100%;display:flex;flex-direction:column;
  justify-content:center;align-items:flex-start;
  padding-block:var(--sc-8);
}
.nk-close__inner{max-width:min(38rem,92%)}
/* ch birimi kabın kendi punto'suna göre; başlık kendi ölçüsünde sınırlansın. */
.nk-close__inner h2{max-width:15ch}
.nk-close__inner .sc-body{max-width:36ch}
/* Motor .sc-display'e margin:0 veriyor; başlıkla gövde arasını burada aç. */
.nk-close__inner h2{margin:0 0 var(--sc-5)}
.nk-close__inner .sc-body{margin:0}
.nk-cta{
  display:inline-block;margin-top:var(--sc-6);
  font-size:var(--sc-t-base);font-weight:500;
  text-decoration:none;color:var(--sc-accent-ink);background:var(--sc-accent);
  padding:0.85em 1.6em;border-radius:var(--sc-r-sm);
}
.nk-cta:hover{background:#0a4a6e}
.nk-foot{
  margin-top:var(--sc-8);padding-top:var(--sc-5);border-top:1px solid var(--nk-line-2);
  display:flex;flex-wrap:wrap;gap:var(--sc-3) var(--sc-6);
  font-size:var(--sc-t-sm);color:var(--sc-ink-soft);width:100%;
}
.nk-foot a{color:inherit}