/* Shared navigation for the premium home page and its supporting pages. */
.site-header.premium-header{
  position:sticky;
  top:0;
  background:linear-gradient(110deg,rgba(249,246,255,.96),rgba(255,255,255,.94) 52%,rgba(249,246,255,.96));
  border-bottom:1px solid rgba(124,77,238,.16);
  box-shadow:0 4px 24px rgba(53,31,99,.055),0 1px 0 rgba(255,255,255,.9) inset;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.premium-header::after{
  content:"";
  position:absolute;
  inset-inline:12%;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(124,77,238,.42),transparent);
}
.premium-header .header-inner{height:72px;gap:20px}
.premium-header .logo-mark{gap:11px;font-size:1.6rem;flex-shrink:0;direction:rtl}
.premium-header .logo-mark .lm-mark{
  width:40px;
  height:40px;
  filter:drop-shadow(0 3px 7px rgba(103,57,199,.2));
}
.premium-header .back-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:9px 17px;
  border:1px solid #e4d8fa;
  border-radius:999px;
  background:#f4efff;
  color:#6339bd;
  font-weight:600;
  text-decoration:none;
}
.premium-header .back-link:hover{background:#ece3ff;color:#51289f}
.premium-header .site-nav{
  gap:clamp(2px,.6vw,10px);
  align-items:center;
  padding:4px;
  border:1px solid rgba(124,77,238,.09);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  font-size:.9375rem;
  font-weight:600;
}
.premium-header .site-nav a{
  padding:9px 13px;
  border-radius:999px;
  white-space:nowrap;
  color:#51466b;
  transition:background .2s,color .2s;
}
.premium-header .site-nav a:hover,
.premium-header .site-nav a[aria-current="page"]{
  color:#6436c7;
  background:#f0e9ff;
}
.premium-header .header-side > :is(.btn,.cta){
  min-height:42px;
  padding:11px 21px;
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  background:linear-gradient(120deg,#8452ee,#6635c3);
  box-shadow:0 5px 16px rgba(111,62,207,.2),0 1px 0 rgba(255,255,255,.2) inset;
  font-weight:700;
}
.premium-header .header-side > :is(.btn,.cta):hover{
  background:linear-gradient(120deg,#7643dc,#592ab3);
  color:#fff;
  box-shadow:0 6px 19px rgba(111,62,207,.29);
}
.premium-header :is(a,button):focus-visible{outline:3px solid #7c4dee;outline-offset:4px}
.premium-header .nav-toggle{
  width:44px;
  height:44px;
  flex-shrink:0;
  padding:8px 10px;
  border:1px solid #e6dcfb;
  border-radius:13px;
  background:#f5f0ff;
}
.premium-header .nav-toggle span{background:#6339bd}
@media(max-width:1050px){
  .premium-header .site-nav{
    display:none;
    position:absolute;
    top:72px;
    inset-inline:12px;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    padding:10px;
    border:1px solid #e7ddfa;
    border-radius:0 0 20px 20px;
    background:#fff;
    box-shadow:0 18px 28px rgba(53,31,99,.1);
    max-height:calc(100dvh - 88px);
    overflow-y:auto;
  }
  .premium-header .site-nav.open{display:flex}
  .premium-header .site-nav a{
    padding:13px 16px;
    border:0;
    border-radius:12px;
    white-space:normal;
  }
  .premium-header .nav-toggle{display:block}
}
@media(max-width:500px){
  .premium-header .header-inner{gap:10px;padding-inline:18px}
  .premium-header .logo-mark{font-size:1.35rem;gap:8px}
  .premium-header .logo-mark .lm-mark{width:36px;height:36px}
  .premium-header .header-side{gap:8px}
  .premium-header .header-side > :is(.btn,.cta){padding:10px 13px;font-size:.8125rem}
  html:is(.a11y-fs1,.a11y-fs2) .premium-header .header-side > :is(.btn,.cta){display:none}
}
@media(max-width:360px){
  .premium-header .header-side > :is(.btn,.cta){display:none}
}
@media(prefers-reduced-motion:reduce){
  .premium-header a{transition:none}
}