.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .pattern-overlay {
            background-image: radial-gradient(#6a2b08 0.5px, transparent 0.5px);
            background-size: 24px 24px;
            opacity: 0.03;
            transition: transform 0.5s ease-out;
        }
        .luxury-shadow {
            box-shadow: 0 40px 40px -10px rgba(136, 65, 30, 0.08);
        }
        .premium-card-lift {
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .premium-card-lift:hover {
            transform: translateY(-8px) scale(1.01);
            box-shadow: 0 50px 50px -15px rgba(136, 65, 30, 0.15);
        }
        .reveal-up {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
        }
        .reveal-up.active {
            opacity: 1;
            transform: translateY(0);
        }
        .mockup-pulse {
            animation: pulse-glow 3s infinite ease-in-out;
        }
        @keyframes pulse-glow {
            0%, 100% { box-shadow: 0 0 0px rgba(106, 43, 8, 0); }
            50% { box-shadow: 0 0 30px rgba(106, 43, 8, 0.15); }
        }
        .btn-hover-scale {
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .btn-hover-scale:hover {
            transform: scale(1.05);
        }
        .btn-hover-scale:active {
            transform: scale(0.95);
        }
        .parallax-target {
            will-change: transform;
        }
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .bg-cubes-pattern {
            background-image: radial-gradient(circle at 2px 2px, rgba(106, 43, 8, 0.06) 1px, transparent 0);
            background-size: 28px 28px;
        }