/* Kuzey Konteynerim — unified professional polish */
:root{
  --kz-navy:#062d46;--kz-navy-deep:#041b2b;--kz-blue:#075578;
  --kz-turquoise:#00bfd0;--kz-turquoise-bright:#24e0ec;
  --kz-ice:#effbfc;--kz-line:#cfe8ed;--kz-text:#10364b;
  --kz-muted:#587889;--kz-card-shadow:0 12px 34px rgba(4,43,66,.09);
}
html{scroll-behavior:smooth}
body.sitePage{background:#f3fafb!important;color:var(--kz-text)!important}
.sitePage a,.sitePage button{ -webkit-tap-highlight-color:transparent }
.sitePage .header{position:sticky;top:0;z-index:5000;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #cfe8ed!important;box-shadow:0 8px 28px rgba(4,43,66,.09)!important;backdrop-filter:blur(18px)}
.sitePage .brand,.sitePage .brand b,.sitePage .brand strong{color:var(--kz-navy)!important}
.sitePage .nav a{font-weight:750!important;transition:color .18s ease,background .18s ease}
.sitePage .nav a:hover,.sitePage .nav a.active{color:#009daf!important}
.sitePage .headerCta,.sitePage .headerMobile,.sitePage .gold,.sitePage .gold-btn,
.sitePage button.gold,.sitePage .btn-primary,.sitePage .primary-btn,
.sitePage .hero .btn,.sitePage .hero a.button{
  background:linear-gradient(135deg,var(--kz-turquoise),#0785ad)!important;
  color:#fff!important;border:1px solid transparent!important;
  box-shadow:0 8px 22px rgba(0,173,195,.2)!important;
}
.sitePage .headerMobile{border-radius:999px!important;min-height:42px;padding:8px 15px!important;font-weight:850!important;cursor:pointer}
.sitePage .headerMobile:hover,.sitePage .headerCta:hover{filter:brightness(1.04);transform:translateY(-1px)}
.sitePage .headerMobileIcon{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)}
.sitePage .headerWa,.sitePage .headerSupport{background:#f0fbfc!important;border:1px solid #ccebf0!important;color:#087b95!important;border-radius:12px}
.sitePage main{min-height:60vh}
.sitePage section:not(.detailHero){scroll-margin-top:95px}
.sitePage .hero,.sitePage .heroSection,.sitePage .v20Hero,.sitePage .homeHero{
  border-color:rgba(0,191,208,.28)!important;
}
.sitePage .v20Hero,.sitePage .heroDark,.sitePage .darkHero{
  background-color:var(--kz-navy)!important;
}
.sitePage .hero h1,.sitePage .hero h2,.sitePage .heroSection h1{color:#fff}
.sitePage .hero .accent,.sitePage .hero em,.sitePage .hero .highlight{color:var(--kz-turquoise-bright)!important}
.sitePage .section-title,.sitePage h2,.sitePage h3{color:var(--kz-navy)}
.sitePage .section-kicker,.sitePage .eyebrow,.sitePage .kicker{color:#008fa4!important}
.sitePage .card,.sitePage .panel,.sitePage .feature-card,.sitePage .product-card,
.sitePage .productCard,.sitePage .project-card,.sitePage .projectGalleryItem,
.sitePage .testimonial-card,.sitePage .service-card,.sitePage .adminCard,
.sitePage .mediaCenterUploadCard{
  border:1px solid var(--kz-line)!important;border-radius:18px!important;
  box-shadow:var(--kz-card-shadow)!important;
}
.sitePage .card,.sitePage .feature-card,.sitePage .product-card,.sitePage .productCard,
.sitePage .project-card,.sitePage .testimonial-card,.sitePage .service-card{
  background:linear-gradient(180deg,#fff,#f8fdfe)!important;
}
.sitePage .card:hover,.sitePage .product-card:hover,.sitePage .productCard:hover,
.sitePage .project-card:hover,.sitePage .service-card:hover{
  border-color:#8cdee6!important;box-shadow:0 16px 38px rgba(4,43,66,.13)!important;
  transform:translateY(-2px);
}
.sitePage input,.sitePage select,.sitePage textarea{
  border:1px solid #c7e3e9!important;border-radius:11px!important;background:#fff!important;color:var(--kz-text)!important;
}
.sitePage input:focus,.sitePage select:focus,.sitePage textarea:focus{
  outline:3px solid rgba(0,191,208,.16)!important;border-color:var(--kz-turquoise)!important;
}
.sitePage footer,.sitePage .footer{background:linear-gradient(135deg,#041b2b,#073c57)!important;color:#effcff!important}
.sitePage footer a,.sitePage .footer a{color:#d9f9fc!important}
.sitePage .announcement,.sitePage .topbar,.sitePage .top-bar{
  background:linear-gradient(100deg,#064365,#00aabd)!important;color:#fff!important;border-color:transparent!important;
}
/* Mobile-app popover: never suppress it on small screens; the click-away handler
   also treats the actual .headerMobile button as the trigger. */
.kzAppDock{z-index:100000!important;max-width:calc(100vw - 24px)!important;
  border:1px solid rgba(0,191,208,.48)!important;border-radius:22px!important;
  background:linear-gradient(150deg,#fff 0%,#effbfc 100%)!important;color:var(--kz-text)!important;
  box-shadow:0 24px 70px rgba(4,43,66,.28)!important;backdrop-filter:blur(20px)!important;
}
.kzAppDock.isHidden{display:none!important}
.kzAppDock:not(.isHidden){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.kzAppDockTop{border-bottom:1px solid #d4edf1!important}
.kzAppDockTop b{color:#007f96!important;font-size:13px!important}
.kzAppDockTop small{color:#587889!important}
.kzAppDockIcon,.kzAppDownload>span:first-child{
  background:linear-gradient(135deg,#00c9d8,#087eaa)!important;color:#fff!important;
  box-shadow:0 7px 18px rgba(0,184,201,.2)!important;
}
.kzAppDockClose{color:#10364b!important;border:1px solid #cde7ec!important;background:#fff!important}
.kzAppDownload{background:#fff!important;border:1px solid #d2e9ed!important;color:#10364b!important;border-radius:14px!important}
.kzAppDownload:hover{background:#e8fafb!important;border-color:#00b8c9!important;transform:translateY(-2px)}
.kzAppDownload b{font-size:12px!important;color:#10364b!important}
.kzAppDownload small{font-size:10px!important;color:#587889!important}
.kzAppDownload i{color:#008da5!important}
.kzAppDock .kzIos{cursor:pointer;text-align:left;font-family:inherit}
.kzIosInstallBackdrop{background:rgba(2,22,34,.72)!important}
.kzIosInstallCard{background:linear-gradient(150deg,#fff,#effbfc)!important;border:1px solid #bde7ed!important;color:#10364b!important}
.kzIosInstallCard h2{color:#062d46!important}
.kzIosInstallCard p,.kzIosInstallCard li,.kzIosInstallCard small{color:#587889!important}
.kzIosInstallMark,.kzIosInstallDone{background:linear-gradient(135deg,#00bfd0,#087fa8)!important;color:#fff!important}
.kzMobileEyebrow{color:#008da5!important}
@media(max-width:800px){
  .sitePage .header{z-index:5000}
  .sitePage .headerMobile{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px!important}
  .kzAppDock{position:fixed!important;top:auto!important;left:auto!important;right:12px!important;bottom:76px!important;
    transform:none!important;width:min(330px,calc(100vw - 24px))!important;max-height:calc(100dvh - 100px)!important;
    overflow-y:auto!important;padding:14px!important;
  }
  .kzAppDock.isHidden{display:none!important}
  .kzAppDock:not(.isHidden){display:block!important}
  .kzAppDockTop{padding-bottom:10px!important}
  .kzAppDownload{padding:11px!important}
}
@media(max-width:380px){
  .kzAppDock{right:8px!important;bottom:72px!important;width:calc(100vw - 16px)!important;padding:11px!important}
  .kzAppDownload b{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .sitePage *, .kzAppDock, .kzAppDownload{scroll-behavior:auto!important;transition:none!important}
}


/* Header visibility repair — keep navigation readable on the white header */
.sitePage .header{
  background:rgba(255,255,255,.98)!important;
  color:#092f46!important;
  border-bottom:1px solid #bfeaf0!important;
  box-shadow:0 8px 28px rgba(4,43,66,.10)!important;
}
.sitePage .header .brand,
.sitePage .header .brand b,
.sitePage .header .brand strong,
.sitePage .header .brand small{
  color:#082f46!important;
  opacity:1!important;
}
.sitePage .header .nav a,
.sitePage .header .nav a:visited{
  color:#12384d!important;
  opacity:1!important;
  text-shadow:none!important;
  font-weight:800!important;
}
.sitePage .header .nav a:hover,
.sitePage .header .nav a.active{
  color:#009daf!important;
}
.sitePage .header .nav a:after{
  background:linear-gradient(90deg,#00bfd0,#0785ad)!important;
}
.sitePage .header .hamb{
  color:#082f46!important;
}
.sitePage .header .headerWa{
  color:#087b95!important;
  background:#f0fbfc!important;
  border-color:#ccebf0!important;
}
.sitePage .header .headerSupport{
  color:#087b95!important;
  background:#effafd!important;
  border-color:#cfeaf0!important;
}
.sitePage .header .headerCta,
.sitePage .header .headerMobile{
  color:#fff!important;
}
.sitePage .header .headerMobileIcon{
  color:#008da5!important;
  background:#fff!important;
}
@media(min-width:801px){
  .sitePage .header .nav{display:flex!important;position:static!important;flex-direction:row!important;
    align-items:center!important;justify-content:center!important;background:transparent!important;
    border:0!important;padding:0!important;height:100%!important;gap:clamp(8px,1.1vw,18px)!important}
  .sitePage .header .nav a{height:100%!important;white-space:nowrap!important;font-size:clamp(10px,.72vw,12px)!important}
}
@media(max-width:800px){
  .sitePage .header .nav{background:#fff!important;border-bottom:1px solid #cfe8ed!important;
    box-shadow:0 18px 28px rgba(4,43,66,.12)!important}
  .sitePage .header .nav a{color:#12384d!important}
}


/* KUZEY PRO MENU: turquoise navigation tiles with high-contrast white labels */
.sitePage .header .nav{
  gap:clamp(4px,.55vw,9px)!important;
}
.sitePage .header .nav a,
.sitePage .header .nav a:visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 10px!important;
  min-height:34px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#00bfd0 0%,#0797b8 100%)!important;
  color:#fff!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-decoration:none!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:0 4px 12px rgba(0,151,184,.14)!important;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.sitePage .header .nav a:hover{
  background:linear-gradient(135deg,#20d8e4 0%,#00a8c1 100%)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(0,151,184,.22)!important;
}
.sitePage .header .nav a.active{
  background:linear-gradient(135deg,#087eaa 0%,#075578 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 5px 14px rgba(4,67,101,.18)!important;
}
.sitePage .header .nav a:after{display:none!important}
@media(min-width:801px){
  .sitePage .header .nav{gap:clamp(3px,.35vw,7px)!important}
  .sitePage .header .nav a{padding:7px clamp(5px,.5vw,9px)!important;font-size:clamp(9px,.66vw,11px)!important;white-space:nowrap!important}
}
@media(max-width:800px){
  .sitePage .header .nav{gap:8px!important;padding:14px!important}
  .sitePage .header .nav a{width:100%!important;min-height:40px!important;justify-content:flex-start!important;padding:10px 14px!important;border-radius:10px!important;font-size:13px!important}
}


/* Final header: restore dark navy navigation bar, white labels, turquoise states */
.sitePage .header{background:linear-gradient(110deg,#041b2b 0%,#063650 62%,#075578 100%)!important;color:#fff!important;border-bottom:1px solid rgba(36,224,236,.35)!important}
.sitePage .header .brand,.sitePage .header .brand b,.sitePage .header .brand strong,.sitePage .header .brand small{color:#fff!important}
.sitePage .header .nav{background:transparent!important}
.sitePage .header .nav a,.sitePage .header .nav a:visited{color:#fff!important;opacity:1!important}
.sitePage .header .nav a:hover,.sitePage .header .nav a.active{color:#24e0ec!important}
.sitePage .header .nav a:after{background:#00bfd0!important}
.sitePage .header .hamb{color:#fff!important}
.sitePage .header .headerWa,.sitePage .header .headerSupport{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(36,224,236,.28)!important}
.sitePage .header .headerCta,.sitePage .header .headerMobile{background:linear-gradient(135deg,#00bfd0,#0785ad)!important;color:#fff!important}
@media(max-width:800px){.sitePage .header .nav{background:#062d46!important}.sitePage .header .nav a{color:#fff!important}}
/* Hero media must occupy the visual layer, not sit underneath a static hero image. */
.homeHeroMedia,.heroMedia,.hero-media,.homeHeroVideo,.hero video,.hero picture,.hero .heroVisual video,
.hero .heroVisual img{object-fit:cover}

/* MENU RESTORE: plain text links, no turquoise boxes; navy header, white text, turquoise hover/active */
.sitePage .header .nav{gap:clamp(12px,1.15vw,22px)!important}
.sitePage .header .nav a,
.sitePage .header .nav a:visited{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:0!important;padding:8px 0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;
  font-weight:750!important;text-shadow:none!important;transform:none!important;
}
.sitePage .header .nav a:hover,
.sitePage .header .nav a.active{
  background:transparent!important;color:#24e0ec!important;box-shadow:none!important;
}
.sitePage .header .nav a:after{
  display:block!important;content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  height:2px!important;background:#24e0ec!important;transform:scaleX(0)!important;transform-origin:center!important;
  transition:transform .18s ease!important;
}
.sitePage .header .nav a:hover:after,
.sitePage .header .nav a.active:after{transform:scaleX(1)!important}
@media(max-width:800px){
 .sitePage .header .nav{gap:0!important;padding:14px!important;background:#062d46!important}
 .sitePage .header .nav a,.sitePage .header .nav a:visited{
  width:100%!important;min-height:40px!important;justify-content:flex-start!important;
  padding:10px 4px!important;border-radius:0!important;background:transparent!important;
  color:#fff!important;box-shadow:none!important
 }
 .sitePage .header .nav a:hover,.sitePage .header .nav a.active{background:transparent!important;color:#24e0ec!important}
 .sitePage .header .nav a:after{right:auto!important;width:36px!important;bottom:2px!important}
}

/* FINAL NAV OVERRIDE — match reference: single navy capsule, white text, no per-link turquoise tiles */
.sitePage .header .nav{background:#071e2d!important;border:1px solid #153d54!important;border-radius:16px!important;padding:8px 14px!important;gap:clamp(12px,1.45vw,26px)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.sitePage .header .nav a,.sitePage .header .nav a:visited,.sitePage .header .nav a:hover,.sitePage .header .nav a.active{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#f7fbff!important;padding:8px 0!important;min-height:0!important;transform:none!important}
.sitePage .header .nav a:hover,.sitePage .header .nav a.active{color:#6ce8f0!important}
.sitePage .header .nav a:after{content:""!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;border-radius:2px!important;background:#20c7d5!important;box-shadow:none!important;transform:scaleX(0)!important}
.sitePage .header .nav a:hover:after,.sitePage .header .nav a.active:after{transform:scaleX(1)!important}
@media(max-width:800px){.sitePage .header .nav{border-radius:0 0 16px 16px!important;border-left:0!important;border-right:0!important;padding:12px 18px!important;gap:0!important;background:#071e2d!important}.sitePage .header .nav a,.sitePage .header .nav a:visited,.sitePage .header .nav a:hover,.sitePage .header .nav a.active{width:100%!important;min-height:40px!important;padding:10px 4px!important;background:transparent!important;color:#f7fbff!important}.sitePage .header .nav a:hover,.sitePage .header .nav a.active{color:#6ce8f0!important}.sitePage .header .nav a:after{left:0!important;right:auto!important;width:34px!important;bottom:2px!important}}