:root{
  --bg:#0a0a0a;
  --text:#fff;
  --muted:#c9c9c9;
  --accent:#ff6a00;
  --radius:999px;
  --container:1200px;
  --shadow:0 10px 30px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
body{margin:0;font:16px/1.45 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.site-header{
  position:sticky; top:0; z-index:1000;
  background:rgba(0,0,0,.6);
  backdrop-filter:saturate(120%) blur(6px);
  color:var(--text);
}
.header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  min-height:72px;
}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}
.logo img{height:24px;width:auto}
.logo-text{font-weight:800;font-size:20px;letter-spacing:.2px}
.main-nav{justify-self:center}
.site-header .menu{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.site-header .menu > li > a{
  color:var(--text);text-decoration:none;font-weight:600;font-size:15px;opacity:.9;
}
.site-header .menu > li > a:hover{opacity:1}
.header-cta{display:flex;align-items:center;gap:10px}
.call-pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:var(--radius);
  background:#fff;color:#111;font-weight:700;text-decoration:none;box-shadow:var(--shadow);
}
.btn-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:20px;
  background:var(--accent);color:#fff;font-weight:800;text-decoration:none;box-shadow:var(--shadow);
}
.site-header .menu li{position:relative}
.site-header .menu li ul{
  display:none; position:absolute; top:100%; left:0;
  min-width:220px; background:#111; padding:10px; border-radius:12px;
  list-style:none; margin:0; z-index:1000;
}
.site-header .menu li:hover > ul,
.site-header .menu li:focus-within > ul{display:block}
.site-header .menu li ul::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.site-header .menu li ul a{
  display:block;color:#fff;padding:8px 10px;border-radius:8px;white-space:nowrap;text-decoration:none;
}
.site-header .menu li ul a:hover{background:#1a1a1a}
.site-header .menu li ul li{position:relative}
.site-header .menu li ul li ul{
  display:none; position:absolute; top:0; left:100%;
  min-width:220px; background:#111; padding:10px; border-radius:12px; margin:0;
}
.site-header .menu li ul li:hover > ul,
.site-header .menu li ul li:focus-within > ul{display:block}
.site-header .menu li ul li ul::before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:8px}
#nav-toggle{display:none}
.site-header .burger{
  display:none; 
  margin-left:auto;
  width:44px;height:44px;position:relative;cursor:pointer;
  align-items:center;justify-content:center;border-radius:12px;
  background:transparent;box-shadow:none;outline:0;
  -webkit-tap-highlight-color:transparent;appearance:none;
}
.site-header .burger:hover,
.site-header .burger:active,
.site-header .burger:focus{background:transparent}
.site-header .burger span{
  position:absolute;left:50%;transform:translateX(-50%);
  width:24px;height:2px;background:#fff;border-radius:2px;
  transition:transform .2s,opacity .2s;
}
.site-header .burger span:nth-child(1){top:12px}
.site-header .burger span:nth-child(2){top:21px}
.site-header .burger span:nth-child(3){top:30px}
#nav-toggle:checked + .burger span:nth-child(1){top:21px;transform:translateX(-50%) rotate(45deg)}
#nav-toggle:checked + .burger span:nth-child(2){opacity:0}
#nav-toggle:checked + .burger span:nth-child(3){top:21px;transform:translateX(-50%) rotate(-45deg)}
body.nav-open{overflow:hidden}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:960px){
  .site-header .burger{display:flex}
  .header-cta{display:none}
  .site-header .main-nav{order:3;grid-column:1 / -1;position:relative}
  .site-header .menu{
    position:fixed; inset:72px 0 0 0; display:none;
    flex-direction:column; gap:0;
    background:rgba(0,0,0,.96);
    padding:16px 18px 28px;
    overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:999;
    list-style:none; margin:0;
  }
  #nav-toggle:checked ~ .main-nav .menu{display:flex}
  .site-header .menu > li{border-bottom:1px solid rgba(255,255,255,.06)}
  .site-header .menu > li > a{
    display:block;color:#fff;text-decoration:none;
    font-size:18px;font-weight:700;padding:14px 44px 14px 4px;
    position:relative;z-index:1;
  }
  .site-header .menu .menu-item-has-children{position:relative}
  .site-header .menu .menu-item-has-children > .submenu-toggle{
    position:absolute;right:6px;top:8px;width:28px;height:28px;
    border:0;border-radius:50%;appearance:none;
    background:rgba(255,255,255,.10);
    display:inline-flex;align-items:center;justify-content:center;
    cursor:pointer;transition:background-color .15s;
    -webkit-tap-highlight-color:transparent;outline:0;box-shadow:none;z-index:2;
  }
  .site-header .menu .menu-item-has-children > .submenu-toggle:hover{background:rgba(255,255,255,.16)}
  .site-header .menu .menu-item-has-children > .submenu-toggle::before,
  .site-header .menu .menu-item-has-children > .submenu-toggle::after{
    content:"";position:absolute;background:#fff;border-radius:1px;transition:transform .2s,opacity .2s;
  }
  .site-header .menu .menu-item-has-children > .submenu-toggle::before{width:14px;height:2px}
  .site-header .menu .menu-item-has-children > .submenu-toggle::after{width:2px;height:14px}
  .site-header .menu .menu-item-has-children.open > .submenu-toggle::after{transform:scaleY(0);opacity:0}
  .site-header .menu .menu-item-has-children > .sub-menu{
    display:block;overflow:hidden;max-height:0;padding-left:10px;transition:max-height .25s ease;
    background:transparent;border:0;margin:0;list-style:none;
  }
  .site-header .menu .menu-item-has-children.open > .sub-menu{max-height:600px} 
  .site-header .menu .sub-menu a{
    display:block;color:#fff;opacity:.9;padding:8px 0;font-size:16px;font-weight:600;text-decoration:none;
  }
  .site-header .menu .sub-menu a:hover{opacity:1}
}
.site-header .menu .submenu-toggle{
  display:none;               
  appearance:none; -webkit-appearance:none;
  background:transparent; border:0; padding:0; margin:0;
  line-height:1; box-shadow:none; outline:0;
}
@media (min-width:961px){
  .site-header .menu .submenu-toggle{ display:none !important; }
}
@media (max-width:960px){
  .site-header .menu .submenu-toggle{ display:inline-flex; } 
}
.site-header .menu .sub-menu a::before,
.site-header .menu .sub-menu a::after{ content:none !important; display:none !important; }
@media (max-width:960px){
  .site-header .menu li ul,
  .site-header .menu li ul li ul{
    position:static !important;
    display:block !important;          
    left:auto !important; top:auto !important;
    min-width:0 !important;
    background:transparent !important;
    border:0 !important; border-radius:0 !important;
    margin:0 !important; box-shadow:none !important;
    padding:8px 0 !important;          
  }
  .site-header .menu li > .sub-menu{
    overflow:hidden; max-height:0; transition:max-height .25s ease;
  }
  .site-header .menu li.open > .sub-menu{ max-height:600px; }
  .site-header .menu > li > a{ position:relative; z-index:1; }
  .site-header .menu .menu-item-has-children{ position:relative; }
}
@media (max-width:960px){
  .site-header .burger{ margin-right:-15px; } 
}