:root {
            --bg-dark: #262626;
            --accent-white: #ffffff;
            --glass: rgba(255, 255, 255, 0.05);
            --glass-border: rgba(255, 255, 255, 0.1);
        }

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

        /* --- Animated Hero Background --- */
        @keyframes bgZoom {
            0% { transform: scale(1); }
            100% { transform: scale(1.1); }
        }

        .hero-zoom {
            animation: bgZoom 20s infinite alternate ease-in-out;
        }

        /* --- Parallax Framework --- */
        .parallax-wrap {
            position: relative;
            height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .parallax-bg {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            z-index: -1;
        }

        .bg-hero { background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://i1-c.pinimg.com/736x/74/43/af/7443af9c7ea62982bc145e5555af5869.jpg'); }
        .bg-tech { background-image: url('https://images.unsplash.com/photo-1486101399109-886f39613c02?q=80&w=2000'); }
        .bg-trail { background-image: url('https://images.unsplash.com/photo-1511994298241-608e28f14fde?q=80&w=2000'); }
        .bg-summit { background-image: url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?q=80&w=2000'); }

        /* --- UI Components --- */
        .glass-panel {
            background: var(--glass);
            backdrop-filter: blur(20px);
            border: 1px solid var(--glass-border);
            padding: 4rem;
            border-radius: 2px;
        }

        .reveal-y { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal-y.active { opacity: 1; transform: translateY(0); }

        .feature-card {
            background: #2a2a2a;
            border: 1px solid transparent;
            transition: 0.5s;
        }
        .feature-card:hover {
            border-color: white;
            box-shadow: 0 0 40px rgba(255,255,255,0.05);
            transform: translateY(-10px);
        }

        .nav-link { position: relative; }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px; left: 0;
            width: 0; height: 1px;
            background: white;
            transition: width 0.3s;
        }
        .nav-link:hover::after { width: 100%; }

        /* --- Routing --- */
        .page-view { display: none; }
        .page-view.active { display: block; }

        /* --- Mobile Menu --- */
        #mobile-menu {
            position: fixed;
            top: 0; left: 100%;
            width: 100%; height: 100%;
            background: #1a1a1a;
            z-index: 2000;
            transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
        }
        #mobile-menu.open { transform: translateX(-100%); }

        .btn-action {
            padding: 1.25rem 3rem;
            background: white;
            color: black;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            transition: 0.3s;
        }
        .btn-action:hover { background: transparent; color: white; box-shadow: inset 0 0 0 2px white; }

        .spec-item { border-left: 1px solid rgba(255,255,255,0.1); padding-left: 2rem; }