/* Login + Discord buttons live here (partial) so every landing page renders them identically.
   !important wins over the per-page generic nav-link selector. */
.navbar-links a.nav-login {
	position: relative !important;
	display: inline-flex !important; align-items: center !important; gap: 7px !important;
	padding: 7px 16px 7px 14px !important;
	font-size: 0.8rem !important; font-weight: 700 !important;
	color: #66c0f4 !important; letter-spacing: 0.3px !important;
	border: 1px solid #66c0f4 !important; border-radius: 20px !important;
	background: linear-gradient(135deg, rgba(102,192,244,0.18), rgba(102,192,244,0.04)) !important;
	overflow: hidden !important;
	box-shadow: 0 0 16px rgba(102,192,244,0.22) !important;
	transition: all 0.3s cubic-bezier(.2,.8,.2,1) !important;
}
.navbar-links a.nav-login::after { display: none !important; }
.navbar-links a.nav-login::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
	transform: translateX(-100%); transition: transform 0.7s ease; pointer-events: none;
}
.navbar-links a.nav-login:hover {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(102,192,244,0.32), rgba(102,192,244,0.10)) !important;
	border-color: #9edcff !important;
	box-shadow: 0 0 0 3px rgba(102,192,244,0.18), 0 6px 24px rgba(102,192,244,0.5) !important;
	transform: translateY(-1px) !important;
}
.navbar-links a.nav-login:hover::before { transform: translateX(100%); }
.navbar-links a.nav-login .nav-login-icon {
	width: 15px !important; height: 15px !important; stroke: currentColor; fill: none;
	stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s ease;
}
.navbar-links a.nav-login:hover .nav-login-icon { transform: scale(1.1); }

/* Discord: icon-only square button (markup has no text) */
.navbar-links a.btn-discord {
	display: inline-flex !important; align-items: center !important; justify-content: center !important;
	width: 40px !important; height: 40px !important; padding: 0 !important; gap: 0 !important;
	border-radius: 50% !important;
	margin-left: 12px !important;
}
.navbar-links a.btn-discord svg { width: 22px !important; height: 22px !important; }

/* Framework: violet pill (the product entry point) */
.navbar-links a.nav-framework {
	position: relative !important;
	display: inline-flex !important; align-items: center !important; gap: 7px !important;
	padding: 7px 14px 7px 12px !important;
	font-size: 0.8rem !important; font-weight: 700 !important;
	color: #c9a9ff !important; letter-spacing: 0.3px !important;
	border: 1px solid rgba(181,140,240,0.5) !important; border-radius: 20px !important;
	background: linear-gradient(135deg, rgba(181,140,240,0.14), rgba(181,140,240,0.03)) !important;
	overflow: hidden !important;
	box-shadow: 0 0 16px rgba(181,140,240,0.18) !important;
	transition: all 0.3s cubic-bezier(.2,.8,.2,1) !important;
}
.navbar-links a.nav-framework::after { display: none !important; }
.navbar-links a.nav-framework::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent 30%, rgba(181,140,240,0.35) 50%, transparent 70%);
	transform: translateX(-100%); transition: transform 0.7s ease; pointer-events: none;
}
.navbar-links a.nav-framework:hover, .navbar-links a.nav-framework.active {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(181,140,240,0.3), rgba(181,140,240,0.1)) !important;
	border-color: #c9a9ff !important;
	box-shadow: 0 0 0 3px rgba(181,140,240,0.18), 0 6px 24px rgba(181,140,240,0.45) !important;
	transform: translateY(-1px) !important;
}
.navbar-links a.nav-framework:hover::before { transform: translateX(100%); }
.navbar-links a.nav-framework .nav-framework-icon {
	width: 15px !important; height: 15px !important; stroke: currentColor; fill: none;
	stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s ease;
}
.navbar-links a.nav-framework:hover .nav-framework-icon { transform: scale(1.12) rotate(-3deg); }

/* Status: green pill (live monitoring page) */
.navbar-links a.nav-status {
	position: relative !important;
	display: inline-flex !important; align-items: center !important; gap: 7px !important;
	padding: 7px 14px 7px 12px !important;
	font-size: 0.8rem !important; font-weight: 700 !important;
	color: #7ee094 !important; letter-spacing: 0.3px !important;
	border: 1px solid rgba(63,185,80,0.5) !important; border-radius: 20px !important;
	background: linear-gradient(135deg, rgba(63,185,80,0.14), rgba(63,185,80,0.03)) !important;
	overflow: hidden !important;
	box-shadow: 0 0 16px rgba(63,185,80,0.18) !important;
	transition: all 0.3s cubic-bezier(.2,.8,.2,1) !important;
}
.navbar-links a.nav-status::after { display: none !important; }
.navbar-links a.nav-status::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent 30%, rgba(126,224,148,0.35) 50%, transparent 70%);
	transform: translateX(-100%); transition: transform 0.7s ease; pointer-events: none;
}
.navbar-links a.nav-status:hover {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(63,185,80,0.3), rgba(63,185,80,0.1)) !important;
	border-color: #7ee094 !important;
	box-shadow: 0 0 0 3px rgba(63,185,80,0.18), 0 6px 24px rgba(63,185,80,0.4) !important;
	transform: translateY(-1px) !important;
}
.navbar-links a.nav-status:hover::before { transform: translateX(100%); }
.navbar-links a.nav-status .nav-status-icon {
	width: 15px !important; height: 15px !important; stroke: currentColor; fill: none;
	stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s ease;
}
.navbar-links a.nav-status:hover .nav-status-icon { transform: scale(1.12); }

/* Download: cyan pill (overlay download page) */
.navbar-links a.nav-download {
	position: relative !important;
	display: inline-flex !important; align-items: center !important; gap: 7px !important;
	padding: 7px 14px 7px 12px !important;
	font-size: 0.8rem !important; font-weight: 700 !important;
	color: #66c0f4 !important; letter-spacing: 0.3px !important;
	border: 1px solid rgba(102,192,244,0.5) !important; border-radius: 20px !important;
	background: linear-gradient(135deg, rgba(102,192,244,0.14), rgba(102,192,244,0.03)) !important;
	overflow: hidden !important;
	box-shadow: 0 0 16px rgba(102,192,244,0.18) !important;
	transition: all 0.3s cubic-bezier(.2,.8,.2,1) !important;
}
.navbar-links a.nav-download::after { display: none !important; }
.navbar-links a.nav-download::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent 30%, rgba(102,192,244,0.35) 50%, transparent 70%);
	transform: translateX(-100%); transition: transform 0.7s ease; pointer-events: none;
}
.navbar-links a.nav-download:hover {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(102,192,244,0.3), rgba(102,192,244,0.1)) !important;
	border-color: #9edcff !important;
	box-shadow: 0 0 0 3px rgba(102,192,244,0.18), 0 6px 24px rgba(102,192,244,0.45) !important;
	transform: translateY(-1px) !important;
}
.navbar-links a.nav-download:hover::before { transform: translateX(100%); }
.navbar-links a.nav-download .nav-download-icon {
	width: 15px !important; height: 15px !important; stroke: currentColor; fill: none;
	stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s ease;
}
.navbar-links a.nav-download:hover .nav-download-icon { transform: translateY(1px) scale(1.1); }