@media (max-width: 1250px) {
	.nav-toggle { display: block; }
	.main-nav { display: none; position: absolute; top: 100%; left: 20px; right: 20px; flex-direction: column; align-items: stretch; gap: 4px; padding: 18px; background: #0d241d; box-shadow: 0 14px 30px rgba(0,0,0,.24); }
	.main-nav.open { display: flex; }
	.main-nav a { padding: 9px 12px; font-size: 18px; }
	.main-nav .nav-cta { justify-content: center; margin-top: 5px; }
}
@media (max-width: 520px) {
	.main-nav { left: 12px; right: 12px; padding: 12px; }
}