:root { scroll-behavior: smooth; }
        body {
            font-family: 'Manrope', sans-serif;
            background-color: #eef1f4;
            color: #0a5872;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, .heading-slab { font-family: 'Roboto Slab', serif; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: hsl(210, 10%, 88%); }
        ::-webkit-scrollbar-thumb { background: #08db3a; border-radius: 4px; }

        /* Multi-layered Hero Animation */
        .hero-canvas {
            background: radial-gradient(circle at 50% 50%, #7e93b8 0%, #2a0d2a 100%);
            overflow: hidden;
        }

        .data-stream {
            position: absolute;
            width: 1px;
            background: linear-gradient(to bottom, transparent, #ff576b, transparent);
            animation: drop 8s infinite linear;
            opacity: 0.1;
        }

        @keyframes drop {
            0% { transform: translateY(-100vh); }
            100% { transform: translateY(100vh); }
        }

        /* Page Transitions */
        .page-view { display: none; opacity: 0; transform: translateY(20px); transition: all 0.5s ease; }
        .page-view.active { display: block; opacity: 1; transform: translateY(0); }

        /* Cyber Lime Mix */
        .mix-section {
            background: linear-gradient(180deg, #FFFFFF 0%, #B6F500 100%);
            color: #0D1B2A;
        }

        /* Glass Cards */
        .glass-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .glass-card:hover {
            border-color: #115a57;
            transform: scale(1.02);
            background: rgba(255, 255, 255, 0.06);
        }

        /* Header Scroll Effect */
        .header-scrolled {
            backdrop-filter: blur(15px);
            padding-top: 0.75rem !important;
            padding-bottom: 0.75rem !important;
            border-bottom: 1px solid rgba(255, 200, 87, 0.2);
        }

        /* Testimonial Zig-Zag */
        .zig-zag-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }
        @media (min-width: 768px) {
            .zig-card:nth-child(even) { transform: translateX(50px); }
            .zig-card:nth-child(odd) { transform: translateX(-50px); }
        }

        /* Reveal Animation */
        .reveal { opacity: 0; transform: translateY(40px); transition: 1s all ease; }
        .reveal.visible { opacity: 1; transform: translateY(0); }