/* enterprise.css */

.enterprise-hero {
            background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
            padding: var(--space-3xl) 0;
            text-align: center;
            color: white;
        }

        .enterprise-hero h1 {
            font-size: 2.5rem;
            margin-bottom: var(--space-md);
            color: white;
        }

        .enterprise-hero p {
            font-size: 1.125rem;
            opacity: 0.9;
            max-width: 700px;
            margin: 0 auto var(--space-xl);
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-xl);
            margin: var(--space-3xl) 0;
        }

        .benefit-card {
            background: var(--bg-white);
            padding: var(--space-xl);
            border-radius: var(--radius-xl);
            text-align: center;
            box-shadow: 0 2px 10px var(--shadow);
        }

        .benefit-icon {
            font-size: 3rem;
            color: #DC2626;
            margin-bottom: var(--space-md);
        }

        .benefit-card h3 {
            font-size: 1.25rem;
            margin-bottom: var(--space-sm);
            color: var(--secondary);
        }

        .form-section {
            background: var(--bg-white);
            padding: var(--space-3xl) 0;
        }

        .enterprise-form {
            max-width: 700px;
            margin: 0 auto;
            background: white;
            padding: var(--space-2xl);
            border-radius: var(--radius-2xl);
            box-shadow: 0 4px 20px var(--shadow);
        }

        .form-group {
            margin-bottom: var(--space-lg);
        }

        .form-group label {
            display: block;
            margin-bottom: var(--space-sm);
            font-weight: 600;
            color: var(--secondary);
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: var(--space-md);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            font-size: 1rem;
            font-family: inherit;
        }

        .form-group textarea {
            min-height: 120px;
            resize: vertical;
        }

        .checkbox-group {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-sm);
        }

        .checkbox-item {
            display: flex;
            align-items: center;
            gap: var(--space-sm);
        }

        .checkbox-item input[type="checkbox"] {
            width: auto;
        }

        .submit-btn {
            width: 100%;
            padding: var(--space-md) var(--space-2xl);
            background: linear-gradient(135deg, #DC2626, #991B1B);
            color: white;
            border: none;
            border-radius: var(--radius-lg);
            font-size: 1.125rem;
            font-weight: 600;
            cursor: pointer;
            transition: all var(--transition-fast);
        }

        .submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3);
        }

        .submit-btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .error-message {
            background: #FEE2E2;
            color: #991B1B;
            padding: var(--space-md);
            border-radius: var(--radius-lg);
            margin-bottom: var(--space-lg);
            display: none;
        }

        .alternative-contact {
            background: var(--bg-main);
            padding: var(--space-3xl) 0;
            text-align: center;
        }

        .contact-methods {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-xl);
            max-width: 900px;
            margin: var(--space-xl) auto 0;
        }

        .contact-method {
            background: white;
            padding: var(--space-xl);
            border-radius: var(--radius-xl);
            box-shadow: 0 2px 10px var(--shadow);
        }

        .contact-method i {
            font-size: 2rem;
            color: #DC2626;
            margin-bottom: var(--space-md);
        }

        .honeypot {
            position: absolute;
            left: -9999px;
            width: 1px;
            height: 1px;
            opacity: 0;
        }

        @media (max-width: 768px) {
            .benefits-grid,
            .contact-methods {
                grid-template-columns: 1fr;
            }

            .checkbox-group {
                grid-template-columns: 1fr;
            }

            .enterprise-hero h1 {
                font-size: 2rem;
            }
        }