:root {
            --bg: #233D4D;
            --accent: #FDB5CE;
        }

        body {
            background-color: var(--bg);
            color: white;
            font-family: 'Jost', sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Hero Wave Animation */
        .wave-container {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 0;
            opacity: 0.3;
        }
        .wave {
            position: absolute;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(253,181,206,0.1) 0%, transparent 70%);
            top: -50%;
            left: -50%;
            animation: rotate-wave 20s linear infinite;
        }
        @keyframes rotate-wave {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* Smooth Reveal */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Journey Path */
        .path-line {
            position: absolute;
            left: 50%;
            width: 2px;
            background: linear-gradient(to bottom, var(--accent), transparent);
            z-index: 10;
            transform: translateX(-50%);
        }

        /* Floating Cards */
        .float-card {
            transition: transform 0.5s ease-out;
            animation: float-anim 6s ease-in-out infinite alternate;
        }
        @keyframes float-anim {
            from { transform: translateY(0px) rotate(var(--rot)); }
            to { transform: translateY(-20px) rotate(calc(var(--rot) + 2deg)); }
        }

        /* Section Layouts */
        .page-content {
            display: none;
        }
        .page-content.active {
            display: block;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: #1a2e3a; }
        ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; }

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

        .split-shift {
            transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .nav-underline {
            position: absolute;
            bottom: -4px;
            left: 50%;
            width: 0;
            height: 2px;
            background: var(--accent);
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }
        .nav-link:hover .nav-underline {
            width: 100%;
        }

        /* Transformation Slider */
        .before-after {
            position: relative;
            height: 400px;
            overflow: hidden;
        }