.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .blueprint-grid {
            background-image: linear-gradient(to right, rgba(45, 75, 50, 0.08) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(45, 75, 50, 0.08) 1px, transparent 1px);
            background-size: 40px 40px;
        }

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

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .reveal-left {
            opacity: 0;
            transform: translateX(-60px);
            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal-left.active {
            opacity: 1;
            transform: translateX(0);
        }

        .reveal-right {
            opacity: 0;
            transform: translateX(60px);
            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal-right.active {
            opacity: 1;
            transform: translateX(0);
        }

        .reveal-scale {
            opacity: 0;
            transform: scale(0.85);
            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal-scale.active {
            opacity: 1;
            transform: scale(1);
        }

        .stagger-1 { transition-delay: 0.1s; }
        .stagger-2 { transition-delay: 0.2s; }
        .stagger-3 { transition-delay: 0.3s; }
        .stagger-4 { transition-delay: 0.4s; }
        .stagger-5 { transition-delay: 0.5s; }

        .hero-overlay {
            background: linear-gradient(135deg, rgba(26, 28, 25, 0.7) 0%, rgba(45, 75, 50, 0.5) 50%, rgba(26, 28, 25, 0.85) 100%);
        }

        .premium-border {
            position: relative;
        }

        .premium-border::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, #2D4B32, #C9A96E);
            transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .premium-border:hover::after {
            width: 100%;
        }

        .gradient-text {
            background: linear-gradient(135deg, #ffffff 0%, #adcfae 50%, #C9A96E 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .gradient-text-dark {
            background: linear-gradient(135deg, #2D4B32 0%, #3d6b44 50%, #C9A96E 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }

        .glass-dark {
            background: rgba(45, 75, 50, 0.1);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }

        .line-decoration::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 2px;
            background: linear-gradient(90deg, #2D4B32, #C9A96E);
        }

        .card-shine {
            position: relative;
            overflow: hidden;
        }

        .card-shine::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
            transition: left 0.8s ease;
        }

        .card-shine:hover::before {
            left: 100%;
        }

        .nav-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #2D4B32;
            opacity: 0;
            transform: scale(0);
            transition: all 0.3s ease;
        }

        .nav-link:hover .nav-dot,
        .nav-link.active .nav-dot {
            opacity: 1;
            transform: scale(1);
        }

        .marquee-track {
            display: flex;
            width: max-content;
        }

        .stat-number {
            font-variant-numeric: tabular-nums;
        }


        .image-reveal {
            clip-path: inset(100% 0 0 0);
            transition: clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .image-reveal.active {
            clip-path: inset(0 0 0 0);
        }

        details summary::-webkit-details-marker {
            display: none;
        }

        .testimonial-card {
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .testimonial-card:hover {
            transform: translateY(-8px);
        }

        .noise-bg {
            position: relative;
        }

        .noise-bg::before {
            content: '';
            position: absolute;
            inset: 0;
            opacity: 0.03;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
            pointer-events: none;
        }

        .scroll-indicator {
            animation: scrollBounce 2s ease-in-out infinite;
        }

        @keyframes scrollBounce {
            0%, 100% { transform: translateY(0); opacity: 1; }
            50% { transform: translateY(10px); opacity: 0.5; }
        }

        input:focus, textarea:focus {
            outline: none;
        }