.navbar {
	position: relative;
	z-index: 10;
	padding: 1rem 0;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	margin-top: 1rem;
}

.nav-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(10px);
	border-radius: 50px;
	padding: 0.75rem 1.5rem;
	margin: 0 1rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.nav-logo {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.logo-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-text {
	font-size: 1.25rem;
	font-weight: 600;
	color: #374151;
	letter-spacing: -0.025em;
}

.nav-links {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.nav-link {
	text-decoration: none;
	color: #374151;
	font-weight: 400;
	font-size: 0.95rem;
	transition: color 0.2s ease;
	position: relative;
}

.nav-link:hover {
	color: #6366f1;
}

.nav-link::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background: #6366f1;
	transition: width 0.2s ease;
}

.nav-link:hover::after { width: 100%; }

.cta-button {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	color: white;
	border: none;
	border-radius: 12px;
	padding: 0.75rem 1.5rem;
	font-weight: 600;
	font-size: 0.95rem;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 4px 14px 0 rgba(99, 102, 241, 0.3);
}

.cta-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px 0 rgba(99, 102, 241, 0.4);
}

.cta-button:active { transform: translateY(0); }

/* Mobile drawer + hamburger */
.menu-toggle { display: none; background: none; border: 0; padding: 8px; cursor: pointer; }
.menu-toggle svg { display: block; color: #111827; }
.menu-toggle:focus { outline: none; }

.mobile-drawer { position: fixed; inset: 0 0 0 auto; width: 280px; transform: translateX(100%); background: #fff; box-shadow: -10px 0 30px rgba(0,0,0,.15); z-index: 900; transition: transform .25s ease; display: flex; flex-direction: column; }
.mobile-drawer[hidden] { display: none; }
.mobile-drawer.open { transform: translateX(0); }
.drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.35); backdrop-filter: blur(2px); opacity: 0; pointer-events: none; transition: opacity .2s ease; z-index: 800; }
.drawer-backdrop.visible { opacity: 1; pointer-events: auto; }
.drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #eee; }
.drawer-close { background: none; border: 0; font-size: 1.75rem; line-height: 1; cursor: pointer; color: #6b7280; }
.drawer-links { display: flex; flex-direction: column; padding: 1rem; gap: 1rem; }
.drawer-links .cta-button { width: 100%; }

@media (max-width: 768px) {
	.nav-container { border-radius: 16px; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; }
	.menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; margin-left: auto; }
	/* Hide desktop-only items inside the header bar */
	.nav-container .nav-links { display: none !important; }
	.nav-container .cta-button { display: none !important; }
	/* Align logo left, burger right */
	.nav-container { display: flex; justify-content: space-between; }
	/* Keep CTA visible inside drawer */
	.drawer-links .cta-button { display: inline-block !important; }
}