@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
	font-family: 'Inter', sans-serif;
	scroll-behavior: smooth;
}

.hero-gradient {
	background: linear-gradient(135deg, rgba(72, 199, 116, 0.1) 0%, rgba(255, 255, 255, 1) 100%);
}

.feature-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.testimonial-card {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.app-mockup {
	filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.15));
}

.park-alert-badge {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(72, 199, 116, 0.7);
	}
	70% {
		box-shadow: 0 0 0 10px rgba(72, 199, 116, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(72, 199, 116, 0);
	}
}

 #sib-container input:-ms-input-placeholder {
	text-align: left;
	font-family: Helvetica, sans-serif;
	color: #c0ccda;
}

#sib-container input::placeholder {
	text-align: left;
	font-family: Helvetica, sans-serif;
	color: #c0ccda;
}

#sib-container textarea::placeholder {
	text-align: left;
	font-family: Helvetica, sans-serif;
	color: #c0ccda;
}

#sib-container a {
	text-decoration: underline;
	color: #2BB2FC;
}

#sib-container input {
	color:  #1f2937;
}


.text-blue-500 {
	color: #1E3A8A !important;
}

.bg-blue-500 {
	background-color: #1E3A8A !important;
}