.hero-pattern {
            background-color: #075985;
            background-image: radial-gradient(#0ea5e9 0.5px, #075985 0.5px);
            background-size: 15px 15px;
        }
        
        .product-card {
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }
        
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .feature-icon {
            transition: transform 0.2s ease;
        }
        
        .product-card:hover .feature-icon {
            transform: scale(1.1);
        }
        
        .btn-primary {
            background-color: #0ea5e9;
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem;
            font-weight: 500;
            transition: background-color 0.2s ease;
        }
        
        .btn-primary:hover {
            background-color: #0284c7;
        }
        
        .btn-secondary {
            background-color: white;
            color: #0ea5e9;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem;
            font-weight: 500;
            transition: background-color 0.2s ease;
        }
        
        .btn-secondary:hover {
            background-color: #f0f9ff;
        }
        
        .dark .btn-secondary {
            background-color: #1e293b;
            color: #7dd3fc;
        }
        
        .dark .btn-secondary:hover {
            background-color: #334155;
        }

        /* Hexagon grid pattern for background sections */
        .hexagon-bg {
            background-color: rgba(245, 158, 11, 0.05);
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 L15,7.5 L45,7.5 L60,30 L45,52.5 L15,52.5 Z' fill='none' stroke='%23f59e0b' stroke-opacity='0.1' stroke-width='1'/%3E%3C/svg%3E");
            background-size: 60px 60px;
        }