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

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Inter', sans-serif;
            letter-spacing: -0.02em;
        }

        .serif-text {
            font-family: 'Merriweather', serif;
        }

        .hero-bg {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        }

        .text-gold {
            color: #fbbf24;
        }

        .bg-gold {
            background-color: #fbbf24;
        }

        .border-gold {
            border-color: #fbbf24;
        }

        .glass-panel {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        /* Pricing Toggle Transition */
        .toggle-btn-active {
            background-color: white;
            color: #0f172a;
            /* slate-900 */
            box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        }

        .toggle-btn-inactive {
            background-color: transparent;
            color: #64748b;
            /* slate-500 */
        }

        .toggle-btn-inactive:hover {
            color: #0f172a;
        }