:root{
  --public-header-ink:#17213b;
  --public-header-muted:#6f7890;
  --public-header-line:rgba(91,108,166,.16);
  --public-header-blue:#456be5;
  --public-header-violet:#7b5bdc;
}

.public-page .site-header.axio-public-header,
.site-header.axio-public-header{
  position:sticky!important;
  inset:0 auto auto!important;
  z-index:100;
  display:flex;
  align-items:center;
  width:100%;
  height:80px!important;
  padding:0 clamp(18px,4.5vw,72px)!important;
  border:0!important;
  border-bottom:1px solid var(--public-header-line)!important;
  background:rgba(250,251,254,.9)!important;
  box-shadow:0 8px 28px rgba(25,35,71,.055)!important;
  backdrop-filter:blur(22px) saturate(145%);
}

.axio-public-header *{box-sizing:border-box}
.axio-public-header .logo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:10px;
  color:var(--public-header-ink);
  font:800 17px/1 Manrope,sans-serif;
  letter-spacing:2.8px;
  text-decoration:none;
}
.axio-public-header .logo img{width:39px;height:39px;border-radius:11px;object-fit:cover;box-shadow:0 8px 22px rgba(42,55,105,.14)}
.axio-public-header .logo>span>span{color:#6c82ea}
.axio-public-header .main-nav{
  position:static!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:clamp(5px,1vw,15px)!important;
  margin:0 18px 0 auto;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.axio-public-header .main-nav a{
  position:relative;
  display:flex!important;
  align-items:center;
  min-height:40px;
  padding:0 10px!important;
  border:0!important;
  border-radius:10px;
  color:var(--public-header-muted)!important;
  background:transparent!important;
  font:700 11px/1 "DM Sans",sans-serif;
  text-decoration:none;
  white-space:nowrap;
  transition:color .16s ease,background .16s ease;
}
.axio-public-header .main-nav a:hover{color:var(--public-header-ink)!important;background:#eef2ff!important}
.axio-public-header .main-nav a.active{color:#4963cf!important;background:#f1f4ff!important}
.axio-public-header .main-nav a.active:after{content:"";position:absolute;right:10px;bottom:5px;left:10px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--public-header-blue),var(--public-header-violet))}
.public-header-actions{position:relative;display:flex;align-items:center;flex:0 0 auto;gap:9px}
.public-account{position:relative;min-width:118px}
.public-login-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  width:100%;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,var(--public-header-blue),var(--public-header-violet));
  color:#fff!important;
  font:800 10px/1 "DM Sans",sans-serif;
  text-decoration:none;
  box-shadow:0 9px 21px rgba(68,83,195,.22);
  transition:transform .16s ease,box-shadow .16s ease;
}
.public-login-button:hover{transform:translateY(-1px);box-shadow:0 12px 27px rgba(68,83,195,.29)}
.public-login-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-user-trigger{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 14px;
  align-items:center;
  gap:8px;
  min-width:178px;
  height:46px;
  padding:5px 9px 5px 6px;
  border:1px solid rgba(94,111,176,.18);
  border-radius:14px;
  background:#fff;
  color:var(--public-header-ink);
  cursor:pointer;
  box-shadow:0 7px 20px rgba(33,44,86,.07);
  text-align:left;
}
.public-user-trigger:hover,.public-user-trigger[aria-expanded="true"]{border-color:rgba(73,99,207,.35);background:#fafbff}
.public-account-avatar,.public-account-menu-avatar{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(135deg,#496fe8,#795bdd);
  color:#fff;
  font:800 9px/1 Manrope,sans-serif;
}
.public-account-avatar{width:34px;height:34px}
.public-account-menu-avatar{width:43px;height:43px;flex:0 0 43px}
.public-account-avatar img,.public-account-menu-avatar img{width:100%;height:100%;object-fit:cover}
.public-account-copy{display:grid;min-width:0;gap:2px}
.public-account-copy small{color:#8a93a7;font:800 6px/1 "DM Sans",sans-serif;letter-spacing:.75px}
.public-account-copy strong{overflow:hidden;font:800 9px/1.2 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.public-user-trigger>svg{width:14px;height:14px;fill:none;stroke:#8b94a7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s}
.public-user-trigger[aria-expanded="true"]>svg{transform:rotate(180deg)}
.public-account-menu{
  position:absolute;
  top:54px;
  right:0;
  z-index:110;
  width:270px;
  padding:10px;
  border:1px solid rgba(91,108,166,.16);
  border-radius:17px;
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 58px rgba(25,35,71,.18);
  backdrop-filter:blur(20px);
}
.public-account-menu[hidden]{display:none}
.public-account-menu>header{display:flex;align-items:center;gap:10px;padding:8px 8px 13px;border-bottom:1px solid #e8ebf2}
.public-account-menu>header div:last-child{min-width:0}
.public-account-menu strong,.public-account-menu small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-account-menu strong{font:800 11px Manrope,sans-serif}.public-account-menu small{margin-top:3px;color:#8992a5;font-size:8px}
.public-account-menu nav{display:grid;gap:3px;padding-top:8px}
.public-account-menu nav a,.public-account-menu nav button{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#4d5871;font:700 9px "DM Sans",sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.public-account-menu nav a:hover,.public-account-menu nav button:hover{background:#f0f3fb;color:#405dcc}
.public-account-menu nav button{border-top:1px solid #eceef4;border-radius:0;margin-top:4px;padding-top:4px;color:#b84d5d}
.public-account-menu svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.axio-public-header .menu-button{display:none!important;width:42px;height:42px;padding:8px;border:1px solid #e0e5ef;border-radius:11px;background:#fff!important;cursor:pointer}
.axio-public-header .menu-button span{display:block;width:20px;height:2px;margin:4px auto;border-radius:2px;background:#34405b}

.public-page .axio-public-header+main .hero{padding-top:clamp(72px,8vw,116px)!important}

@media(max-width:980px){
  .axio-public-header .main-nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:16px!important;
    left:16px!important;
    display:none!important;
    align-items:stretch;
    flex-direction:column;
    gap:3px!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid var(--public-header-line)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 20px 50px rgba(25,35,71,.16)!important;
  }
  .axio-public-header .main-nav.open{display:flex!important}
  .axio-public-header .main-nav a{justify-content:flex-start!important;min-height:44px!important;padding:0 13px!important;font-size:11px!important}
  .axio-public-header .main-nav a.active:after{display:none}
  .axio-public-header .menu-button{display:block!important}
}

@media(max-width:620px){
  .public-page .site-header.axio-public-header,.site-header.axio-public-header{height:70px!important;padding:0 12px!important}
  .axio-public-header .logo img{width:36px;height:36px}
  .axio-public-header .logo{font-size:15px;letter-spacing:2px}
  .public-account{min-width:104px}
  .public-login-button{min-height:40px;padding:0 12px;font-size:9px}
  .public-user-trigger{grid-template-columns:32px 13px;min-width:58px;width:58px;height:42px;padding:4px 6px}
  .public-account-avatar{width:32px;height:32px}
  .public-account-copy{display:none}
  .public-account-menu{right:-50px;width:min(270px,calc(100vw - 24px))}
  .public-page .axio-public-header+main .hero{padding-top:64px!important}
}

@media(max-width:390px){.axio-public-header .logo>span{display:none}.public-login-button span{display:none}.public-account{min-width:42px}.public-login-button{width:42px;padding:0}.public-header-actions{gap:6px}}

@media(prefers-reduced-motion:reduce){.public-login-button,.public-user-trigger>svg{transition:none}}