
.ik-header{
  position:relative;
  z-index:200000;
  width:100%;
  height:100px;
  background:#fff;
  color:#171717;
  border-bottom:1px solid rgba(0,0,0,.045);
}
.ik-header__inner{
  width:min(1400px,calc(100% - 80px));
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(210px,1fr) auto minmax(320px,1fr);
  align-items:center;
  column-gap:28px;
}


.ik-header-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:34px;
  white-space:nowrap;
}
.ik-header-nav a{
  position:relative;
  color:#171717;
  text-decoration:none;
  font-size:18px;
}
.ik-header-nav a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-10px;
  height:2px;
  background:#10c500;
  transition:.22s ease;
}
.ik-header-nav a:hover::after,
.ik-header-nav a.is-active::after{left:0;right:0}

.ik-header-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:16px;
  white-space:nowrap;
}

/* Order is deliberate: Bell -> Start Investing -> Menu(far right). */
.ik-alert-button{order:1}
.ik-start{order:2}
.ik-menu-button{order:3}

.ik-alert-button{
  position:relative;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.ik-alert-symbol{
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:20px;
  transform:translate(-50%,-46%);
  border:2px solid #171717;
  border-top-left-radius:11px;
  border-top-right-radius:11px;
  border-bottom:0;
}
.ik-alert-symbol::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:24px;
  height:2px;
  transform:translateX(-50%);
  background:#171717;
  border-radius:2px;
}
.ik-alert-symbol::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:5px;
  height:5px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#171717;
}
.ik-alert-badge{
  position:absolute;
  right:1px;
  top:0;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#10c500;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  line-height:1;
  font-weight:800;
}
.ik-alert-badge[data-empty="1"]{display:none}

.ik-start{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 30px;
  border-radius:999px;
  background:#10c500;
  color:#fff;
  text-decoration:none;
  font-size:18px;
  font-weight:500;
}

.ik-menu-button{
  width:52px;
  height:52px;
  padding:0 10px;
  border:0;
  border-radius:50%;
  background:#f5f5f5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
}
.ik-menu-button i{
  display:block;
  width:22px;
  height:2px;
  border-radius:2px;
  background:#171717;
}
.ik-menu-button i:nth-child(2){width:16px}

.ik-header.is-sticky{
  position:fixed;
  top:0;
  left:0;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  box-shadow:0 1px 18px rgba(0,0,0,.07);
}

@media(max-width:1100px){
  .ik-header__inner{
    width:calc(100% - 48px);
    grid-template-columns:1fr auto;
  }
  .ik-header-nav{display:none}
}
@media(max-width:768px){
  .ik-header{height:68px}
  .ik-header__inner{
    width:100%;
    padding:0 16px;
    grid-template-columns:1fr auto;
    column-gap:10px;
  }
  
  .ik-header-actions{gap:7px}
  .ik-alert-button{width:36px;height:36px}
  .ik-alert-symbol{width:16px;height:18px}
  .ik-alert-badge{right:-2px;top:-2px}
  .ik-start{
    min-height:38px;
    padding:0 13px;
    font-size:13px;
  }
  .ik-menu-button{
    width:38px;
    height:38px;
    padding:0 7px;
  }
  .ik-menu-button i{width:20px}
  .ik-menu-button i:nth-child(2){width:14px}
}

/* COMMON MAIN LOGO BRIDGE — visual content comes from LIVE main logo markup */

@media(max-width:768px){
  
}

/* COMMON MAIN LOGO FULL REBUILD */
#ikHeader .brand{font-family:'Unbounded',sans-serif;font-size:24px;font-weight:500;line-height:1;white-space:nowrap}
#ikHeader .brand b{color:#10c500;font-weight:500}

/* IK_MOBILE_COMMON_FIX_R81_HEADER */
@media (max-width:430px){
  .ik-header{width:100%!important;max-width:100%!important;overflow:visible!important}
  .ik-header__inner{width:100%!important;max-width:100%!important;min-width:0!important;padding-left:8px!important;padding-right:8px!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:4px!important;box-sizing:border-box!important}
  .ik-header .brand,.ik-header .ik-brand{min-width:0!important;max-width:100%!important;font-size:clamp(14px,4.6vw,18px)!important;letter-spacing:-.055em!important;white-space:nowrap!important;overflow:visible!important}
  .ik-header-actions{min-width:0!important;max-width:100%!important;gap:4px!important;justify-self:end!important;display:flex!important;align-items:center!important}
  .ik-alert-button{width:34px!important;min-width:34px!important;height:34px!important;flex:0 0 34px!important}
  .ik-start{min-height:34px!important;height:34px!important;padding:0 8px!important;font-size:10px!important;line-height:34px!important;flex:0 1 auto!important;white-space:nowrap!important}
  .ik-menu-button{display:flex!important;width:34px!important;min-width:34px!important;height:34px!important;flex:0 0 34px!important;padding:4px 1px!important}
  .ik-menu-button i:nth-child(1),.ik-menu-button i:nth-child(3){width:25px!important}
  .ik-menu-button i:nth-child(2){width:16px!important}
}
@media (max-width:360px){
  .ik-header__inner{padding-left:6px!important;padding-right:6px!important;column-gap:3px!important}
  .ik-header .brand,.ik-header .ik-brand{font-size:14px!important;letter-spacing:-.06em!important}
  .ik-header-actions{gap:3px!important}
  .ik-alert-button{width:32px!important;min-width:32px!important;height:32px!important;flex-basis:32px!important}
  .ik-start{min-height:32px!important;height:32px!important;padding:0 6px!important;font-size:9px!important;line-height:32px!important}
  .ik-menu-button{width:32px!important;min-width:32px!important;height:32px!important;flex-basis:32px!important}
  .ik-menu-button i:nth-child(1),.ik-menu-button i:nth-child(3){width:23px!important}
  .ik-menu-button i:nth-child(2){width:15px!important}
}
