/* === INFOSTAND V68: home hero logo fix + compact sticky header === */

/* Hero header: use the cut-out white mark on the homepage only. */
.hero .brand--mark{
  gap:12px!important;
}
.hero .brand--mark > img{
  width:44px!important;
  height:44px!important;
  object-fit:contain!important;
  display:block;
  filter:none!important;
}
.hero .brand-name{
  color:#fff!important;
  font-weight:600;
  letter-spacing:-.025em;
}

/* Compact sticky header that appears after the hero is scrolled away. */
.sticky-home-header{
  position:fixed;
  top:14px;
  left:clamp(14px,2.3vw,34px);
  right:clamp(14px,2.3vw,34px);
  z-index:140;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  min-height:76px;
  padding:10px 12px 10px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(6,22,44,.84);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(2,8,18,.24);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-16px);
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
}
.sticky-home-header.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.sticky-home-header__brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:#fff;
}
.sticky-home-header__brand img{
  width:34px;
  height:34px;
  display:block;
  flex:0 0 auto;
  object-fit:contain;
}
.sticky-home-header__name{
  font:600 16px/1 "Onest",Arial,sans-serif;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.sticky-home-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,2.7vw,42px);
  min-width:0;
}
.sticky-home-nav a{
  position:relative;
  color:rgba(255,255,255,.76);
  font:500 14px/1 "Onest",Arial,sans-serif;
  transition:color .24s ease;
  white-space:nowrap;
}
.sticky-home-nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .24s ease;
}
.sticky-home-nav a:hover{color:#fff}
.sticky-home-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.sticky-home-header__actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
}
.sticky-home-phone{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.sticky-home-phone:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.32);
}
.sticky-home-phone svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sticky-home-request{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:46px;
  padding:4px 6px 4px 18px;
  border-radius:999px;
  background:#fff;
  color:#081429;
  font:600 14px/1 "Onest",Arial,sans-serif;
  white-space:nowrap;
  box-shadow:0 8px 24px rgba(255,255,255,.08);
}
.sticky-home-request__icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#081429;
  color:#fff;
  font-size:17px;
  line-height:1;
}

@media (max-width:1000px){
  .sticky-home-header{
    gap:14px;
    min-height:68px;
    padding-left:16px;
  }
  .sticky-home-nav{display:none}
  .sticky-home-header__name{font-size:15px}
}

@media (max-width:640px){
  .hero .brand--mark > img{
    width:26px!important;
    height:26px!important;
  }
  .hero .brand-name{
    font-size:13px!important;
  }
  .sticky-home-header{
    top:10px;
    left:10px;
    right:10px;
    min-height:62px;
    padding:8px 8px 8px 14px;
    gap:10px;
  }
  .sticky-home-header__brand{
    gap:10px;
  }
  .sticky-home-header__brand img{
    width:26px;
    height:26px;
  }
  .sticky-home-header__name{
    font-size:13px;
  }
  .sticky-home-phone{
    width:40px;
    height:40px;
  }
  .sticky-home-request{
    min-height:40px;
    padding-left:14px;
    gap:10px;
    font-size:13px;
  }
  .sticky-home-request__icon{
    width:32px;
    height:32px;
    font-size:15px;
  }
}