:root{
  --hdr-text:#ffffff;
  --hdr-accent:#22c1dc;
  --hdr-shadow:rgba(0,0,0,0.36);
  --hdr-logo:120px;
  --hdr-logo-shrink:80px;
  --hdr-bg:#020617;
  --hdr-bg-sticky:#020617;
  --hdr-submenu-bg:#020617;
  --hdr-submenu-text:#e5e7eb;
  --hdr-submenu-head:#f9fafb;
  --hdr-submenu-accent:#22c1dc;
  --hdr-cols:3;
  --hdr-shortinfo:#cbd5e1;
  --hdr-submenu-bgimg:none;
}
.hdr-header{width:100%;background:var(--hdr-bg);box-shadow:0 2px 18px var(--hdr-shadow);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;top:0;left:0;right:0;z-index:1000;transition:background-color .25s ease,backdrop-filter .25s ease;}
.hdr-header.hdr-fixed{position:fixed;}
.hdr-header.hdr-overlay-hero{position:absolute;}
.hdr-header.hdr-fixed.hdr-shrink{background:var(--hdr-bg-sticky);}
.hdr-container{max-width:1200px;margin:0 auto;padding:14px 28px;box-sizing:border-box;}
.hdr-nav{display:grid;align-items:center;gap:28px;}
.hdr-menu{display:flex;align-items:center;gap:36px;list-style:none;margin:0;padding:0;}
.hdr-left{justify-content:flex-end;}
.hdr-right{justify-content:flex-start;}
.hdr-logo{display:inline-flex;align-items:center;justify-content:center;}
.hdr-logo img{height:var(--hdr-logo);width:auto;display:block;object-fit:contain;transition:height .25s ease;}
.hdr-header.hdr-fixed.hdr-shrink .hdr-logo img{height:var(--hdr-logo-shrink);}
.hdr-link{position:relative;text-decoration:none;color:var(--hdr-text);font-weight:500;font-size:16px;letter-spacing:.25px;white-space:nowrap;transition:color .25s ease;}
.hdr-link:after{content:'';position:absolute;left:0;bottom:-4px;height:2px;width:0;background:var(--hdr-accent);transition:width .25s ease;}
.hdr-link:hover,.hdr-link.active{color:var(--hdr-accent);}
.hdr-link:hover:after,.hdr-link.active:after{width:100%;}
.hdr-item{position:relative;padding-bottom:8px;}
/* CTA */
.hdr-cta{display:flex;justify-content:flex-end;align-items:center;gap:10px;}
.hdr-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;border-radius:999px;padding:10px 16px;line-height:1;border:2px solid var(--hdr-accent);font-size:14px;}
.hdr-btn.solid{background:var(--hdr-accent);color:#ffffff;}
.hdr-btn.outline{background:transparent;color:var(--hdr-accent);}
/* Mega */
.hdr-mega{position:absolute;left:0;top:100%;min-width:520px;max-width:min(92vw, calc(var(--hdr-cols)*280px + 80px));background:linear-gradient(0deg,var(--hdr-submenu-bg),var(--hdr-submenu-bg)),var(--hdr-submenu-bgimg);background-size:cover;background-position:center;border-radius:14px;border:1px solid rgba(15,23,42,0.6);box-shadow:0 18px 45px rgba(15,23,42,0.9);padding:16px;visibility:hidden;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch;}
.hdr-item:hover>.hdr-mega,
.hdr-item.open>.hdr-mega,
.hdr-mega:hover{visibility:visible;opacity:1;transform:none;pointer-events:auto;}
.hdr-mega:before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px;}
.hdr-cards{display:grid;grid-template-columns:1fr;gap:10px;color:var(--hdr-submenu-text);}
.hdr-mega-card{display:flex;align-items:flex-start;gap:12px;text-decoration:none;color:var(--hdr-submenu-text);border-radius:12px;padding:10px 12px;transition:background .18s ease,transform .18s ease;overflow:hidden;box-sizing:border-box;min-width:0;width:100%;}
.hdr-mega-card:hover{background:rgba(15,23,42,0.65);transform:translateY(-1px);}
.hdr-mega-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#020617;flex:0 0 auto;}
.hdr-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto;}
.hdr-mega-title{font-weight:700;margin:0;font-size:15.5px;line-height:1.25;white-space:normal;color:var(--hdr-submenu-head);transition:color .18s ease,transform .18s ease;}
.hdr-mega-card:hover .hdr-mega-title{color:var(--hdr-submenu-accent);transform:translateX(2px);}
.hdr-mega-info{margin:0;font-size:13px;line-height:1.4;color:var(--hdr-shortinfo);white-space:normal;}
/* Columns */
.hdr-cols{display:grid;grid-template-columns:repeat(var(--hdr-cols),minmax(220px,1fr));gap:18px 28px;color:var(--hdr-submenu-text);}
.hdr-col{min-width:0;}
.hdr-col h4{margin:4px 0 8px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--hdr-submenu-head);}
.hdr-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;}
.hdr-col a{color:var(--hdr-submenu-text);text-decoration:none;font-size:14px;font-weight:600;position:relative;transition:color .18s ease,transform .18s ease;}
.hdr-col a:after{content:'';position:absolute;left:0;bottom:-3px;height:2px;width:0;background:var(--hdr-submenu-accent);transition:width .18s ease;}
.hdr-col a:hover{color:var(--hdr-submenu-accent);transform:translateX(2px);}
.hdr-col a:hover:after{width:100%;}
.hdr-mega-footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,0.6);}
.hdr-footer-link{display:inline-block;font-weight:800;text-decoration:none;color:var(--hdr-submenu-accent);position:relative;font-size:13px;text-transform:uppercase;letter-spacing:.16em;}
.hdr-footer-link:after{content:'';position:absolute;left:0;bottom:-3px;height:2px;width:100%;background:var(--hdr-submenu-accent);opacity:.3;transition:opacity .18s ease;}
.hdr-footer-link:hover:after{opacity:1;}
/* Mobile overlay */
.hdr-burger{display:none;position:absolute;left:16px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;padding:8px;cursor:pointer;}
.hdr-burger span{display:block;height:2px;background:var(--hdr-text);margin:6px 0;}
.hdr-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:none;opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;z-index:2000;}
.hdr-overlay.is-open{display:block;opacity:1;transform:none;}
.hdr-ov-inner{max-width:1200px;margin:0 auto;padding:24px;}
.hdr-ov-list{list-style:none;margin:80px auto 0;max-width:700px;padding:0;display:flex;flex-direction:column;gap:12px;}
.hdr-ov-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#e5e7eb;font-weight:600;padding:12px 4px;border-bottom:1px solid rgba(148,163,184,0.4);}
.hdr-ov-children{display:none;padding:8px 0 0 12px;}
.hdr-ov-item.open>.hdr-ov-children{display:block;}
.hdr-ov-link-item a{color:#cbd5f5;text-decoration:none;font-size:14px;}
.hdr-ov-link-item a:hover{color:#22c1dc;}
.hdr-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;background:transparent;cursor:pointer;}
.hdr-close span{display:block;height:2px;background:#e5e7eb;margin:6px 0;transform-origin:center;}
.hdr-close span:nth-child(1){transform:translateY(4px) rotate(45deg);}
.hdr-close span:nth-child(2){transform:translateY(-4px) rotate(-45deg);}
@media(max-width:1100px){
  .hdr-cols{grid-template-columns:repeat(2,minmax(220px,1fr));}
}
@media(max-width:720px){
  .hdr-cols{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .hdr-container{padding:10px 18px;}
  .hdr-nav{grid-template-columns:1fr auto;}
  .hdr-burger{display:block;}
  .hdr-left,.hdr-right,.hdr-cta{display:none;}
  .hdr-logo img{height:calc(var(--hdr-logo) - 6px);}
  .hdr-link:after{bottom:-2px;}
}