/* NexoraIT — site chrome: header, navigation, footer (loaded on every page) */
.site-header{position:sticky;top:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transition:transform .7s cubic-bezier(.22,.61,.36,1),background .7s cubic-bezier(.22,.61,.36,1),box-shadow .7s,border-color .7s}
.site-header.is-scrolled{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 84%,var(--accent) 6%));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line);box-shadow:0 8px 30px #0006}
.site-header .nav-wrap{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.site-header.is-scrolled .nav-wrap{transform:scale(.97)}
.site-header.header-hidden{transform:translateY(-100%)}
.nav-wrap{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:24px;font-weight:800;letter-spacing:-1px}
.brand-light{font-weight:700}
.brand-symbol{font-size:40px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-9px;padding-right:10px;background:linear-gradient(135deg,#7d3cff 18%,#b26bff 44%,#29b5fa 70%,#844cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 7px #7240fe70)}
.nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,33px);font-size:13px}
.nav a{padding:28px 0;position:relative;color:#e9e9f3;white-space:nowrap}
.nav a:hover,.nav a:focus-visible{color:#ba88ff}
.nav a.active:after{content:"";position:absolute;bottom:14px;left:0;width:100%;height:1px;background:#cbb5e9}
.chevron{font-size:13px}
.nav-cta{min-height:39px;padding-inline:22px}
.menu-toggle{display:none}

/* Multi-level navigation */
.nav-item{position:relative;display:flex;align-items:center}
.nav .nav-link{appearance:none;background:none;border:0;padding:28px 0;color:#e9e9f3;font:inherit;font-size:13px;line-height:inherit;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;transition:color .2s}
.nav .nav-link:hover,.nav .nav-link:focus-visible,.nav-item.open>.nav-link{color:#ba88ff}
.chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;opacity:.8;transition:transform .25s ease,opacity .2s ease}
.chevron svg{display:block}
.nav-item.open>.nav-link .chevron{transform:rotate(180deg)}
.nav-link:hover .chevron,.dropdown-item.open>.sub-link .chevron{opacity:1}
.dropdown,.submenu{position:absolute;z-index:40;margin:0;background:#11162a;border:1px solid rgba(167,170,220,.18);border-radius:14px;padding:8px;box-shadow:0 22px 48px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-18px);pointer-events:none;transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),visibility 0s linear .9s}
.dropdown::before,.submenu::before{content:"";position:absolute}
.dropdown::before{left:0;right:0;top:-12px;height:12px}
.submenu::before{left:-12px;top:0;bottom:0;width:12px}
.dropdown{top:100%;left:-14px;min-width:238px}
.nav-item.open>.dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),visibility 0s}
.dropdown-item{position:relative}
.dropdown a,.dropdown .sub-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 13px;border:0;border-radius:9px;background:none;color:#e9e9f3;font:inherit;font-size:13px;text-align:left;cursor:pointer;white-space:normal;transition:background .2s,color .2s}
.dropdown a:hover,.dropdown a:focus-visible,.dropdown .sub-link:hover,.dropdown .sub-link:focus-visible,.dropdown-item.open>.sub-link{background:rgba(168,90,255,.14);color:#fff}
.submenu{top:-9px;left:calc(100% + 8px);min-width:220px}
.dropdown-item.open>.submenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),visibility 0s}
.chevron-right{opacity:.55}
.dropdown-item.open>.sub-link .chevron-right{transform:rotate(90deg);opacity:1}

/* Footer */
.footer{position:relative;padding:46px 0 0;border-top:1px solid #ffffff14;background:radial-gradient(ellipse at 0 0,#24144366,transparent 45%),radial-gradient(ellipse at 100% 100%,#1d2f5c55,transparent 50%),#090e1f}
.footer-grid{display:grid;grid-template-columns:1.4fr .85fr .85fr 1.15fr;gap:clamp(24px,3vw,40px)}
.footer .brand{gap:9px;font-size:22px;color:#fff}
.footer .brand-symbol{font-size:30px;letter-spacing:-7px;padding-right:8px}
.footer-brand>p{max-width:31ch;margin:13px 0 0;font-size:11.5px;line-height:1.6;color:#a9aac0}
.footer-badge{display:inline-flex;align-items:center;gap:7px;margin-top:15px!important;padding:5px 10px;border:1px solid #a85aff3a;border-radius:20px;background:#a85aff0f;color:#cdb6ea!important;font-size:9.5px!important;line-height:1.3!important;letter-spacing:.07em;text-transform:uppercase}
.footer-badge span{color:#63d99a;font-size:8px;line-height:1}
.footer-col h2{margin:0 0 13px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f0eff7}
.footer-col ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.footer-col ul a{display:inline-block;font-size:11.5px;line-height:1.4;color:#a9aac0;transition:color .2s,transform .2s}
.footer-col ul a:hover{color:#d7b3ff;transform:translateX(3px)}
.footer-address{display:grid;gap:9px;margin:0;font-style:normal}
.contact-row{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;color:#a9aac0}
.contact-row svg{flex:none;margin-top:1px;color:#b66cff}
.contact-row a{color:#d2d1df;overflow-wrap:anywhere;transition:color .2s}
.contact-row a:hover{color:#d7b3ff}
.footer-hours{margin:12px 0 14px;font-size:10px;letter-spacing:.04em;color:#8d8fa6}
.footer-cta{min-height:37px;padding:9px 16px;font-size:11px;gap:8px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:38px;padding:15px 0 17px;border-top:1px solid #ffffff10;font-size:10.5px;color:#8d8fa6}
.footer-bottom p{margin:0}
.footer-bottom a{display:inline-flex;align-items:center;gap:6px;color:#c5c3d4;transition:color .2s}
.footer-bottom a:hover{color:#d7b3ff}

@media(max-width:1000px){
  .nav{gap:15px}
  .nav-cta{padding-inline:13px}
  .brand{font-size:21px}
}
@media(max-width:860px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 26px}
}
@media(max-width:760px){
  .nav-wrap{min-height:68px}
  .brand{font-size:23px}
  .nav-cta{display:none}
  .menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #77759b6e;border-radius:9px;background:#171c33;cursor:pointer}
  .menu-toggle span{width:21px;height:2px;background:white;border-radius:3px}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;padding:12px 18px 20px;background:#11162a;border-bottom:1px solid #6d558d;box-shadow:0 15px 30px #0009;flex-direction:column;align-items:stretch;gap:0}
  .nav.open{display:flex}
  .nav a{padding:12px 8px}
  .nav a.active:after{bottom:6px;width:40px}
  .nav-item{display:block}
  .nav .nav-link{width:100%;justify-content:space-between;padding:12px 8px;font-size:13px}
  .dropdown,.submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;background:transparent;border:0;border-radius:0;padding:0 0 6px 12px;min-width:0;transition:none}
  .nav-item.open>.dropdown,.dropdown-item.open>.submenu{display:block}
  .dropdown-item{position:static}
  .dropdown a,.dropdown .sub-link{padding:11px 10px 11px 14px;font-size:12.5px;margin-top:6px;background:rgba(255,255,255,.035)}
  .submenu{padding-left:14px}
  .submenu a{background:rgba(255,255,255,.022)}
  .dropdown a:hover,.dropdown .sub-link:hover,.dropdown-item.open>.sub-link{background:rgba(168,90,255,.16)}
}
@media(max-width:520px){
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .footer-col ul a:hover{transform:none}
}