/* FINAL-UI-STABILITY-0912J — sticky-header brand polish, persistent WhatsApp, Kodezin credit */

/* Keep the approved official logo visually clean in both normal and sticky states. */
.header,
.header.scrolled{
  background:#fff!important;
}
.header .logo,
.header .logo img{
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
.header .logo img{
  box-shadow:none!important;
}

/* Restrained V Forge red/navy accent that appears when the header enters its scroll state. */
.header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,#c51f36 0 50%,#17385f 50% 100%);
  transform:scaleX(0);
  transform-origin:left center;
  opacity:0;
  pointer-events:none;
  z-index:3;
}
.header.scrolled::after{
  opacity:1;
  animation:vfHeaderBrandLineIn .52s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes vfHeaderBrandLineIn{
  from{transform:scaleX(0);opacity:.2}
  to{transform:scaleX(1);opacity:1}
}

/* WhatsApp must stay available independently of section reveal/scroll effects. */
.vf-whatsapp{
  position:fixed!important;
  top:auto!important;
  left:auto!important;
  right:max(16px,env(safe-area-inset-right))!important;
  bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))!important;
  z-index:2147483000!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  pointer-events:none!important;
  will-change:auto!important;
}
.vf-whatsapp>*{pointer-events:auto!important}
.vf-whatsapp.vf-motion-ready,
.vf-whatsapp.vf-inview{
  opacity:1!important;
  transform:none!important;
}
@media(max-width:700px){
  .vf-whatsapp{
    right:max(14px,env(safe-area-inset-right))!important;
    bottom:max(14px,calc(env(safe-area-inset-bottom) + 12px))!important;
  }
}

/* Shared footer agency credit. */
.vf-kodezin-credit{
  color:#7c8da0;
  white-space:normal;
}
.vf-kodezin-credit a{
  color:inherit;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(124,141,160,.38);
  transition:color .2s ease,border-color .2s ease;
}
.vf-kodezin-credit a:hover{
  color:var(--red);
  border-bottom-color:var(--red);
}

@media(prefers-reduced-motion:reduce){
  .header.scrolled::after{animation:none!important;transform:scaleX(1)!important;opacity:1!important}
}


/* HEADER-SYNC-0913P — one desktop header geometry across homepage and inner routes. */
@media(min-width:901px){
  .header .header-inner{align-items:center!important;justify-content:space-between!important}
  .header .navigation{display:flex!important;align-items:center!important;margin-left:auto!important;white-space:nowrap!important}
  .header .navigation>a:not(.button){flex:0 0 auto!important}
  .header .navigation .button{flex:0 0 auto!important}
}