.bismi-beige:#F2F2EA!important;
                        .bismi-red: #FC0000!important;
                        .bismi-black: #000000 !important;
                        .bismi-cream: #F9F9F7 !important;
                        .bismi-gray: #525252 !important;
[x-cloak] { display: none !important; }

        html {
            font-size: 17px; /* Slight zoom overall */
            scroll-behavior: smooth;
        }

        @media (min-width: 1920px) {
            html { font-size: 19px; }
        }

        body {
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale !important;
            background-color: #F9F9F7 !important;
            overflow-x: hidden;
            width: 100%;
            color: #525252 !important;
        }

        /* Consistent Layout Utility */
        .container-fluid {
            max-width: 80rem; /* max-w-7xl equivalent */
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem;  /* px-6 mobile default */
            padding-right: 1.5rem;
        }
        @media (min-width: 640px) { .container-fluid { padding-left: 2rem; padding-right: 2rem; } } /* sm:px-8 */
        @media (min-width: 1024px) { .container-fluid { padding-left: 3rem; padding-right: 3rem; } } /* lg:px-12 */
        @media (min-width: 1280px) { .container-fluid { padding-left: 4rem; padding-right: 4rem; } } /* xl:px-16 */

        /* Reveal animations */
        .reveal {
            opacity: 0;
            transform: translateY(20px) !important;
            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
            will-change: opacity, transform;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        .reveal.delay-100 { transition-delay: 0.1s; }
        .reveal.delay-200 { transition-delay: 0.2s; }

        /* Dropdown */
        .dropdown-menu {
            opacity: 0;
            transform: translateY(10px);
            pointer-events: none;
            transition: opacity 0.2s ease, transform 0.2s ease;
        }
        .dropdown-menu.show {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        /* Logo grid */
        .logo-grid > div {
            filter: grayscale(100%);
            opacity: 0.85;
            transition: all 0.3s ease;
        }
        .logo-grid > div:hover, .logo-grid > div:active {
            filter: grayscale(0%);
            opacity: 1;
            transform: translateY(-2px);
        }

        /* Timeline */
        .timeline-line {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 2px;
            background: linear-gradient(to bottom, #FC0000, #FC000020);
            left: 19px; /* Align with dots on mobile */
        }
        @media (min-width: 768px) {
            .timeline-line {
                left: 50%;
                transform: translateX(-50%);
            }
        }

        /* Button & Interactions */
        .btn-primary {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .btn-primary:active { transform: scale(0.98); }
        
        .card-hover {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);
        }

        /* Smooth Page Transition */
        .page-transition {
            animation: fadeIn 0.4s ease-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Focus Outline */
        *:focus-visible {
            outline: 2px solid #FC0000;
            outline-offset: 2px;
        }