/* PSOPS_MARKETING_HEADER_R8 */

html body .psops-r8-header {
  position:relative;
  z-index:100;
  width:100%;
  background:#07121c;
  border-bottom:1px solid #263747;
  color:#eaf2f9;
  font-family:system-ui,-apple-system,sans-serif;
}

html body .psops-r8-header * {
  box-sizing:border-box;
}

html body .psops-r8-inner {
  display:flex;
  align-items:center;
  gap:20px;
  max-width:1900px;
  min-height:88px;
  margin:auto;
  padding:12px 25px;
}

html body .psops-r8-brand {
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  text-decoration:none;
}

html body .psops-r8-brand img {
  display:block;
  width:125px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

html body .psops-r8-brand span {
  color:#9cb8cb;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.4px;
  white-space:nowrap;
}

html body .psops-r8-nav {
  display:flex;
  flex:1;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  width:auto;
  padding:0 15px;
  border-left:1px solid #284052;
  border-right:1px solid #284052;
}

html body .psops-r8-nav a {
  display:inline-flex;
  padding:10px 8px;
  color:#d2dfeb;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
  border-radius:8px;
}

html body .psops-r8-nav a:hover {
  background:#142638;
  color:white;
}

html body .psops-r8-actions {
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

html body .psops-r8-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 17px;
  border-radius:11px;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  text-decoration:none;
  transition:transform .18s,box-shadow .18s;
}

html body .psops-r8-demo {
  color:white;
  background:#0a1420;
  border:2px solid #f02d4f;
}

html body .psops-r8-login {
  color:white;
  background:linear-gradient(135deg,#f43f54,#c8102e);
  border:2px solid #fa5164;
  box-shadow:0 3px 18px #f43f5455;
}

html body .psops-r8-actions a:hover {
  transform:translateY(-2px);
  box-shadow:0 5px 22px #f43f5470;
}

html body .psops-r8-mobile {
  display:none;
}

@media(max-width:1350px) {
  html body .psops-r8-inner {
    flex-wrap:wrap;
  }

  html body .psops-r8-nav {
    order:3;
    flex:1 0 100%;
    border:0;
    border-top:1px solid #263747;
    padding-top:10px;
  }

  html body .psops-r8-actions {
    margin-left:auto;
  }
}

@media(max-width:760px) {
  html body .psops-r8-inner {
    min-height:74px;
    gap:10px;
    padding:10px 14px;
  }

  html body .psops-r8-brand span,
  html body .psops-r8-nav {
    display:none;
  }

  html body .psops-r8-brand img {
    width:90px;
  }

  html body .psops-r8-actions {
    gap:6px;
  }

  html body .psops-r8-actions a {
    min-height:38px;
    padding:8px;
    font-size:10px;
  }

  html body .psops-r8-mobile {
    display:block;
    flex:1 0 100%;
  }

  html body .psops-r8-mobile summary {
    cursor:pointer;
    padding:8px;
    color:#eaf2f9;
    font-weight:750;
  }

  html body .psops-r8-mobile nav {
    display:grid;
    width:100%;
    gap:4px;
    padding:10px;
    background:#101f2c;
    border:1px solid #284052;
    border-radius:12px;
  }

  html body .psops-r8-mobile nav a {
    display:block;
    padding:10px;
    color:#eaf2f9;
    font-size:13px;
    text-decoration:none;
  }
}