.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:200;
  transition:background var(--transition),border-color var(--transition);
}

.site-header::after{
  content:'';
  position:absolute;
  left:1rem;
  right:1rem;
  top:0.6rem;
  bottom:0.35rem;
  border:1px solid transparent;
  border-radius:22px;
  pointer-events:none;
  transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);
}

.site-header.scrolled{
  background:rgba(10,10,10,0.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
}

.site-header.scrolled::after{
  background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.015));
  border-color:rgba(255,255,255,0.05);
  box-shadow:0 10px 28px rgba(0,0,0,0.18);
}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:90px;
  gap:1rem;
  position:relative;
  z-index:1;
}

.brand{display:flex;align-items:center;flex-shrink:0;gap:0.85rem}
.logo-img{height:86px;width:auto;display:block;margin-top:6px}
.brand-text{display:flex;flex-direction:column;justify-content:center;margin-top:6px}
.brand-name{font-family:'Barlow Condensed',sans-serif;font-size:2.35rem;font-weight:900;text-transform:uppercase;letter-spacing:-0.02em;line-height:1;color:var(--text)}
.brand-slogan{font-size:0.79rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent-2);margin-top:2px}

.nav-links{display:flex;align-items:center;gap:0.25rem;list-style:none}
.nav-links a{padding:0.5rem 0.85rem;border-radius:8px;font-size:0.875rem;font-weight:500;color:var(--muted-2);transition:color var(--transition),background var(--transition);letter-spacing:0.01em}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,0.06)}
.nav-links > li{position:relative}
.nav-links a svg{margin-left:4px;transition:transform var(--transition)}
.nav-links > li:hover a svg{transform:rotate(180deg)}

.dropdown{position:absolute;top:100%;left:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0.75rem;min-width:220px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition);box-shadow:0 20px 40px rgba(0,0,0,0.4);list-style:none;z-index:210}
.nav-links > li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{padding:0.7rem 1rem !important;border-radius:8px !important;font-size:0.85rem !important;display:block !important;white-space:nowrap}
.dropdown a:hover{background:rgba(214,40,40,0.1) !important;color:var(--accent-2) !important}

.nav-cta-link{margin-left:0.5rem;padding:0.6rem 1.25rem !important;background:var(--accent) !important;color:#fff !important;border-radius:10px !important;font-weight:700 !important;letter-spacing:0.02em;box-shadow:0 0 28px var(--accent-glow);transition:transform var(--transition),box-shadow var(--transition),background var(--transition) !important}
.nav-cta-link:hover{background:var(--accent-2) !important;transform:translateY(-1px);box-shadow:0 0 36px var(--accent-glow-strong)}

.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:rgba(255,255,255,0.05);border:1px solid var(--line-med);border-radius:10px;cursor:pointer;padding:10px;transition:background var(--transition)}
.burger:hover{background:rgba(255,255,255,0.09)}
.burger span{display:block;height:1.5px;background:var(--text);border-radius:2px;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.3s,width 0.3s;width:100%;transform-origin:center}
.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0;width:0}
.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.mobile-nav{display:none;position:fixed;top:90px;left:0;right:0;bottom:0;background:rgba(10,10,10,0.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:199;flex-direction:column;padding:2rem 1.5rem 3rem;gap:0;overflow-y:auto;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}
.mobile-nav.open{display:flex;transform:translateX(0)}
.mobile-nav a{display:block;padding:1.1rem 0;font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted-2);border-bottom:1px solid var(--line);transition:color var(--transition),padding-left var(--transition)}
.mobile-nav a:hover{color:var(--text);padding-left:0.75rem}
.mobile-nav .mob-sub{padding-left:1.5rem;font-size:1.1rem;color:var(--muted);border-bottom:none;padding-top:0.5rem;padding-bottom:0.5rem}
.mobile-nav .mob-cta{margin-top:1.5rem;padding:1rem !important;background:var(--accent);border-radius:14px;text-align:center;color:#fff !important;border:none}

@media(max-width:860px){
  .site-header::after{
    left:0.7rem;
    right:0.7rem;
    top:0.45rem;
    bottom:0.3rem;
    border-radius:20px;
  }
  .nav{
    height:82px;
    gap:0.85rem;
    padding:0 0.4rem;
  }
  .nav-links{display:none}
  .burger{
    display:flex;
    width:46px;
    height:46px;
    padding:12px;
    border-radius:14px;
    flex-shrink:0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
  }
  .logo-img{height:56px;margin-top:0}
  .brand{
    flex-shrink:1;
    min-width:0;
    gap:0.7rem;
    max-width:calc(100% - 62px);
  }
  .brand-text{
    margin-top:0;
    min-width:0;
  }
  .brand-name{
    font-size:1.82rem;
    line-height:0.96;
    white-space:nowrap;
  }
  .brand-slogan{
    font-size:0.68rem;
    letter-spacing:0.065em;
    margin-top:0.18rem;
    line-height:1.15;
  }
  .mobile-nav{top:82px}
}

@media(max-width:600px){
  .site-header::after{
    left:0.55rem;
    right:0.55rem;
    top:0.4rem;
    bottom:0.25rem;
    border-radius:18px;
  }
  .nav{
    height:76px;
    gap:0.7rem;
    padding:0 0.25rem;
  }
  .brand{
    gap:0.72rem;
    max-width:calc(100% - 54px);
  }
  .logo-img{height:55px}
  .brand-name{font-size:1.72rem}
  .brand-slogan{
    font-size:0.65rem;
    letter-spacing:0.058em;
  }
  .burger{
    width:42px;
    height:42px;
    padding:10px;
    border-radius:13px;
  }
  .mobile-nav{top:76px}
}