/* Apply Inter font as the default */
body {
    font-family: 'Inter', sans-serif;
}

/* Custom hero background with a subtle blueprint grid pattern */
.hero-background {
    background-color: #0f172a; /* slate-900 */
    background-image:
        linear-gradient(rgba(56, 189, 248, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.1) 1px, transparent 1px);
    background-size: 2rem 2rem; /* 32px grid */
    background-position: center center;
}

/* Styling for the recommended pricing card */
.recommended-card {
    border: 2px solid #38bdf8; /* sky-500 */
    transform: scale(1.05);
    box-shadow: 0 25px 50px -12px rgba(56, 189, 248, 0.25);
}

/* Simple modal for success/error messages */
.payment-modal {
    transition: opacity 0.25s ease;
}