:root { scroll-behavior: smooth; }
        body { background-color: #FBFBFD; color: #0E0E10; overflow-x: hidden; }
        
        .page-node { display: none; }
        .page-node.active { display: block; }

        .glass-nav {
            background: rgba(251, 251, 253, 0.85);
            backdrop-filter: blur(24px);
            border-bottom: 1px solid rgba(14, 14, 16, 0.05);
        }

        .mono-tag { font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; }
        
        /* Typography Scale */
        .h-xl { font-size: clamp(3.5rem, 12vw, 11rem); line-height: 0.85; letter-spacing: -0.04em; }
        
        .section-padding { padding-top: clamp(5rem, 15vh, 12rem); padding-bottom: clamp(5rem, 15vh, 12rem); }
        
        .ion-glow {
            position: absolute;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(59, 203, 255, 0.12) 0%, transparent 70%);
            z-index: -1;
            pointer-events: none;
        }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        
        .text-reveal {
            background: linear-gradient(to right, #0E0E10 50%, #7A7F87 50%);
            background-size: 200% 100%;
            background-position-x: 100%;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            transition: background-position 1.5s ease-out;
        }
        .text-reveal.visible { background-position-x: 0%; }