/* Shared navbar: same look on every page (index, features, pricing, about, blog) */
        .floating-nav {
            border-radius: 1.5rem !important; /* rounded-2xl = same as index */
            overflow: hidden; /* clip background to rounded corners */
            background: linear-gradient(180deg,
                    rgba(255, 255, 255, 0.75),
                    rgba(255, 255, 255, 0.55));
            backdrop-filter: blur(18px) saturate(160%);
            -webkit-backdrop-filter: blur(18px) saturate(160%);
            box-shadow:
                0 10px 30px rgba(0, 0, 0, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.35);
        }

        .dark .floating-nav {
            background: linear-gradient(180deg,
                    rgba(53, 70, 94, 0.85),
                    rgba(53, 70, 94, 0.6));
            box-shadow:
                0 10px 30px rgba(0, 0, 0, 0.35),
                inset 0 1px 0 rgba(255, 255, 255, 0.12);
        }

        /* Navbar font: same as index (Inter, text-sm = 0.875rem) */
        .floating-nav,
        .floating-nav a {
            font-family: Inter, ui-sans-serif, system-ui, sans-serif;
            font-size: 0.875rem;
        }

        /* Nav links (Features, Pricing, About Us, Resources): same padding and size as index */
        .floating-nav #navbar-sticky a,
        .floating-nav ul a[href="/features"],
        .floating-nav ul a[href="/pricing"],
        .floating-nav ul a[href="/about"],
        .floating-nav ul a[href="/blog"] {
            display: block;
            padding: 0.5rem 1rem !important;   /* py-2 px-4 */
            font-size: 0.875rem !important;    /* text-sm */
            font-weight: 500;                  /* font-medium */
            border-radius: 9999px;              /* rounded-full */
        }

        /* Navbar colors: same on every page (light text #efefef, orange primary #ffa33a) */
        .floating-nav a:not([class*="bg-primary"]) { color: #efefef; }
        .floating-nav a:not([class*="bg-primary"]):hover { color: #ffa33a; }
        .floating-nav .bg-primary,
        .floating-nav a.bg-primary { background-color: #ffa33a !important; }
        .floating-nav .bg-primary:hover,
        .floating-nav a.bg-primary:hover { background-color: #e8942e !important; }

        /* Navbar Log In button: same font, size, rounded corners and effects as index */
        .floating-nav a.bg-primary,
        .floating-nav a[href="/app"] {
            font-family: Inter, ui-sans-serif, system-ui, sans-serif;
            font-size: 0.875rem;
            font-weight: 700;
            border-radius: 1rem;           /* rounded-xl */
            padding: 0.625rem 1.25rem;    /* py-2.5 px-5 */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 163, 58, 0.3);
            transition: all 0.15s ease;
        }
        .floating-nav a.bg-primary:hover,
        .floating-nav a[href="/app"]:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 163, 58, 0.4);
        }