.site-header {
  position:sticky;
  top:0;
  z-index:30;
  background:linear-gradient(105deg,#fff7e9f2 0%,#fff0f5f2 45%,#f1edfff2 75%,#eaf8fbf2 100%);
  backdrop-filter:blur(20px);
  border-bottom:1px solid #e7def0;
  transition:box-shadow .3s
}

.site-header.scrolled {
  box-shadow:0 4px 24px #2323330a
}

.nav-wrap {
  height:90px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px
}

.site-header .brand img {
  width:300px;
  max-height:130px;
  object-fit:contain
}

.nav {
  display:flex;
  align-items:center;
  gap:28px;
  font-size:12px;
  font-weight:600
}

.nav a {
  transition:color .2s
}

.nav a:hover,.nav a.active {
  color:var(--purple)
}

.nav .nav-cta {
  padding:12px 21px;
  border:1px solid var(--ink);
  border-radius:50px
}

.nav-cta:hover {
  background:var(--ink);
  color:white!important
}

.nav-toggle {
  display:none
}


/* Home navigation, scoped to preserve the affiliate page content. */
.site-header { --ink:#232333; --purple:#7647cf; color:#232333; font-family:'DM Sans',sans-serif; line-height:1.75; }
.site-header .container { width:min(1200px,calc(100% - 80px)); margin:auto; }
.site-header .brand { display:block; flex:0 1 300px; margin:0; }
.site-header .brand img { height:auto; max-width:100%; }
.site-header .nav { font-size:15px; }
.site-header .nav a { white-space:nowrap; }
.site-header .nav a:hover,.site-header .nav a.active { color:#7647cf; }
.site-header .nav .nav-cta { border-color:#232333; }
.site-header .nav-cta:hover { background:#232333; }
.site-header .nav a[aria-current="page"] { position:relative; }
.site-header .nav a[aria-current="page"]::after { content:''; position:absolute; left:0; right:0; bottom:-6px; height:4px; border-radius:3px; background:linear-gradient(90deg,#ff5079 0 35%,#f7c93e 35% 60%,#39bfa5 60% 80%,#7169d5 80%); }
@media(max-width:1150px) { .site-header .nav { gap:17px; } .site-header .brand { flex-basis:240px; } }
@media(max-width:1050px) { .site-header .container { width:calc(100% - 48px); } }
@media(max-width:950px) {
.site-header .nav-wrap { height:76px; }
.site-header .nav-toggle { display:flex; flex-direction:column; gap:6px; padding:12px; border:0; background:none; cursor:pointer; }
.site-header .nav-toggle span { width:24px; height:2px; background:#232333; }
.site-header .nav { display:none; position:absolute; top:76px; left:24px; right:24px; background:#fffaf1; border:1px solid #e9e4dc; box-shadow:0 24px 70px #23233312; padding:20px; border-radius:14px; flex-direction:column; align-items:stretch; }
.site-header .nav.open { display:flex; }
.site-header .nav a { padding:8px; }
.site-header .nav a[aria-current="page"]::after { left:8px; right:auto; width:65px; bottom:2px; }
}