:root{--navy:#10244a;--blue:#1469e8;--blue-2:#0d55c7;--cyan:#eaf4ff;--ink:#14213d;--muted:#64748b;--line:#e4eaf2;--white:#fff;--warm:#f59e0b;--shadow:0 22px 60px rgba(15,35,75,.14);--radius:18px}
.netcy-nav *{box-sizing:border-box}
.netcy-nav{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.netcy-nav a{color:inherit;text-decoration:none}
.netcy-nav button{font:inherit}
.netcy-nav .container{width:min(1240px,calc(100% - 40px));margin:auto}
.netcy-nav .utility{background:var(--navy);color:#dbe8ff;font-size:13px}
.netcy-nav .utility__inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.netcy-nav .utility__group{display:flex;align-items:center;gap:5px}
.netcy-nav .utility a,.netcy-nav .utility button{padding:9px 10px;border:0;background:none;color:inherit;cursor:pointer}
.netcy-nav .utility a:hover,.netcy-nav .utility button:hover{color:#fff}
.netcy-nav .status-dot{width:8px;height:8px;border-radius:50%;background:#25d07f;box-shadow:0 0 0 4px rgba(37,208,127,.15);margin-right:6px}
.netcy-nav .utility .create{background:#fff;color:var(--navy);border-radius:7px;padding:6px 12px;font-weight:750}
.netcy-nav .utility-menu{position:relative}
.netcy-nav .utility-pop{display:none;position:absolute;right:0;top:34px;width:260px;background:#fff;color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:90}
.netcy-nav .utility-pop a{display:block;padding:10px;border-radius:8px}
.netcy-nav .utility-pop a:hover{background:#f3f7fc;color:var(--blue)}
.netcy-nav .utility-menu.is-open .utility-pop{display:block}
.netcy-nav .main-header{height:78px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:70}
.netcy-nav .main-header__inner{height:100%;display:flex;align-items:center;gap:28px}
.netcy-nav .brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.netcy-nav .brand-mark{display:grid;grid-template-columns:repeat(3,7px);gap:3px}
.netcy-nav .brand-mark i{width:7px;height:7px;background:var(--blue);border-radius:2px}
.netcy-nav .brand-name{font-size:26px;font-weight:850;letter-spacing:-1px}
.netcy-nav .brand-name span{color:var(--warm)}
.netcy-nav .primary-nav{height:100%;display:flex;align-items:stretch;gap:2px;margin-left:auto}
.netcy-nav .nav-item{display:flex;align-items:center}
.netcy-nav .nav-trigger{height:100%;border:0;background:transparent;color:#243653;font-weight:680;padding:0 12px;cursor:pointer;white-space:nowrap}
.netcy-nav .nav-trigger:after{content:"";display:inline-block;width:7px;height:7px;border-right:1.8px solid;border-bottom:1.8px solid;transform:rotate(45deg) translateY(-3px);margin-left:8px}
.netcy-nav .nav-item:hover .nav-trigger,.netcy-nav .nav-item.is-open .nav-trigger{color:var(--blue)}
.netcy-nav .nav-item.is-open .nav-trigger:before{content:"";position:absolute;bottom:0;height:3px;background:var(--blue);border-radius:3px}
.netcy-nav .plans{margin-left:8px;align-self:center;background:var(--blue);color:#fff;padding:11px 17px;border-radius:10px;font-weight:800;white-space:nowrap}
.netcy-nav .plans:hover{background:var(--blue-2)}
.netcy-nav .mega{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;border-top:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100vh - 116px);overflow:auto}
.netcy-nav .nav-item.is-open .mega{display:block}
.netcy-nav .mega__inner{width:min(1240px,calc(100% - 40px));margin:auto;padding:30px 0 34px;display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:32px}
.netcy-nav .mega h3{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#718096;margin:0 0 14px}
.netcy-nav .mega-link{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:9px 7px;border-radius:11px}
.netcy-nav .mega-link:hover{background:#f5f9ff;color:var(--blue)}
.netcy-nav .mega-icon{width:30px;height:30px;border-radius:8px;background:var(--cyan);display:grid;place-items:center;color:var(--blue);font-weight:900}
.netcy-nav .mega-link strong{display:block;font-size:15px;margin-bottom:2px}
.netcy-nav .mega-link small{display:block;color:var(--muted);font-size:12px;line-height:1.45}
.netcy-nav .mega-link:hover small{color:#526985}
.netcy-nav .mega-feature{background:linear-gradient(145deg,#10244a,#1469e8);color:white;border-radius:16px;padding:22px}
.netcy-nav .mega-feature .eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#bcd8ff}
.netcy-nav .mega-feature h3{color:#fff;font-size:20px;letter-spacing:-.4px;text-transform:none;margin:10px 0}
.netcy-nav .mega-feature p{font-size:14px;color:#dceaff;line-height:1.6}
.netcy-nav .mega-feature a{display:inline-block;margin-top:8px;background:#fff;color:var(--blue-2);padding:9px 13px;border-radius:8px;font-weight:800;font-size:13px}
.netcy-nav .mobile-toggle{display:none;margin-left:auto;width:44px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer}
.netcy-nav .mobile-toggle span,.netcy-nav .mobile-toggle:before,.netcy-nav .mobile-toggle:after{content:"";display:block;width:20px;height:2px;background:var(--ink);margin:5px auto}
@media(max-width:1080px){
	.netcy-nav .primary-nav{gap:0}
	.netcy-nav .nav-trigger{padding:0 7px;font-size:13px}
	.netcy-nav .plans{padding:10px 12px}
	.netcy-nav .mega__inner{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
	.netcy-nav .container{width:min(100% - 28px,1240px)}
	.netcy-nav .utility__inner{height:auto;min-height:38px}
	.netcy-nav .utility__group:first-child a{display:none}
	.netcy-nav .utility__group{gap:0}
	.netcy-nav .utility .hide-mobile{display:none}
	.netcy-nav .main-header{height:70px}
	.netcy-nav .mobile-toggle{display:block}
	.netcy-nav .plans{margin-left:8px}
	.netcy-nav .primary-nav{display:none;position:absolute;left:0;right:0;top:70px;height:calc(100vh - 108px);overflow:auto;background:#fff;border-top:1px solid var(--line);padding:8px 14px 40px}
	.netcy-nav .main-header.mobile-open .primary-nav{display:block}
	.netcy-nav .nav-item{display:block}
	.netcy-nav .nav-trigger{width:100%;height:auto;padding:15px 8px;text-align:left;border-bottom:1px solid var(--line);font-size:16px}
	.netcy-nav .nav-trigger:after{float:right;margin-top:5px}
	.netcy-nav .mega{position:static;max-height:none;box-shadow:none;border:0}
	.netcy-nav .mega__inner{width:100%;padding:18px 0 24px;grid-template-columns:1fr}
	.netcy-nav .mega-feature{margin-top:4px}
	.netcy-nav .main-header .plans{display:none}
}
@media(max-width:480px){
	.netcy-nav .utility .create{display:none}
}