@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
       @keyframes bounceSubtle {
		0%, 100% { transform: translateY(0); }
		50% { transform: translateY(-2px); }
	}
	

. 	/* Add to your existing styles */
* {
    max-width: 100%;
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

body {
    overflow-x: hidden;
}

/* Fix for all sections */
section {
    width: 100%;
    overflow-x: hidden;
}

/* Ensure containers don't overflow */
.max-w-4xl, .max-w-6xl, .max-w-lg, .max-w-md, .max-w-xs {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Fix for the stats card section */
section.px-6 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    overflow-x: hidden;
}

/* Ensure the stats card doesn't overflow */
.max-w-\[420px\] {
    max-width: 90%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Fix for the hero section input container */
#input-container {
    width: 100%;
    max-width: 100%;
}

/* Fix for the grid layouts on mobile */
@media (max-width: 768px) {
    .grid {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    /* Fix for the analyze section grid */
    .bg-white.rounded-t-\[3rem\] .grid {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Ensure cards don't overflow */
    .rounded-\[2\.5rem\] {
        width: 100%;
        overflow-x: hidden;
    }
    
    /* Fix for the images section */
    .relative.group.overflow-hidden.rounded-\[2\.5rem\] {
        width: 100%;
    }
    
    /* Fix for the monetize section stack cards */
    #monetize .flex.flex-wrap {
        justify-content: center;
        gap: 0.5rem;
    }
    
    #monetize .stack-card {
        width: 100px !important;
    }
} animate-bounce-subtle {
		animation: bounceSubtle 0.3s ease-in-out;
	}
	
	#availability-wrapper {
		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	@keyframes shake {
		0%, 100% { transform: translateX(0); }
		25% { transform: translateX(-6px); }
		50% { transform: translateX(6px); }
		75% { transform: translateX(-6px); }
	}
	/* Fixed the typo here and ensured high priority for the error state */
	.apply-shake {
		animation: shake 0.4s ease-in-out !important;
		border-color: #ef4444 !important; 
	}
		body { font-family: 'Plus Jakarta Sans', sans-serif; overflow-x: hidden; background-color: #F9FAFB; scroll-behavior: smooth; }
		.naira { font-family: serif; font-weight: 800; }
		.glass-nav { background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.08); }
		
		/* Tight, Bold Typography Adjustments */
		h1 { font-size: 2.1rem !important; line-height: 1.1; letter-spacing: -0.05em; font-weight: 900 !important; }
		h2 { font-size: 2.2rem !important; letter-spacing: -0.03em; font-weight: 800 !important; }
		h3 { font-size: 1.5rem !important; font-weight: 800 !important; }
		p { font-size: 1rem !important; font-weight: 500; line-height: 1.5; color: #4B5563; }
		.stat-label { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
		
		/* Brand Colors Restored */
		.bg-brand-lime { background-color: #D2E823; } 
		.bg-brand-blue { background-color: #2D5AF7; } 
		
		.bg-brand-wine { background-color: #780016; } 
		.bg-brand-lavender { background-color: #E9C0E9; }

		/* Dashboard Theme */
		.black-card { background: #000000; border-radius: 2rem; color: white; }
		.inner-stat-card { background: #1A1A1A; border-radius: 1.25rem; padding: 1rem; }
		
		/* Bento Card Utility */
		.bento-card { border-radius: 2rem; padding: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; }

		/* Custom font for the SVG logo (from your Sign In page) */
		@font-face {
			font-family: 'Bingo Regular';
			src: url('https://oxi.ng/css/bingo.otf') format('opentype');
		}
		.logo-text {
			font-family: 'Bingo Regular', sans-serif;
			font-size: 150px;
			fill: white;
			text-anchor: middle;
			dominant-baseline: middle;
		}
		
		#floating-button {
			transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
			will-change: transform, opacity;
		}
		#floating-button.hidden-btn {
			transform: translateY(120px);
			opacity: 0;
			pointer-events: none;
		}

		/* Navbar Hide/Show Logic */
		#sticky-navbar {
			transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		}
		.nav-hidden {
			transform: translateY(-100%);
		}
		
		/* Stacking Cards */
		.stack-card { border-radius: 1.5rem; transition: transform 0.3s ease; }
		.stack-card:hover { transform: translateY(-10px) rotate(-2deg); }

		/* FAQ Accordion Custom Styles */
		.faq-item[open] summary i { transform: rotate(45deg); }
		summary::-webkit-details-marker { display: none; }