/* Heatflo public site — production-safe (no build step required on cPanel) */

html {
    scroll-behavior: smooth;
}

::selection {
    background-color: #fef3c7;
    color: #1c1917;
}

/* Subtle mesh background for hero sections */
.hero-mesh {
    background-color: #fafaf9;
    background-image:
        radial-gradient(at 0% 0%, rgba(251, 191, 36, 0.18) 0, transparent 50%),
        radial-gradient(at 100% 0%, rgba(14, 165, 233, 0.12) 0, transparent 45%),
        radial-gradient(at 80% 100%, rgba(16, 185, 129, 0.1) 0, transparent 40%);
}

/* Card hover lift */
.card-lift {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card-lift:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.12);
}

/* Fade-in on load */
@keyframes fade-up {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-up {
    animation: fade-up 0.6s ease forwards;
}

.animate-fade-up-delay-1 { animation-delay: 0.1s; opacity: 0; }
.animate-fade-up-delay-2 { animation-delay: 0.2s; opacity: 0; }
.animate-fade-up-delay-3 { animation-delay: 0.3s; opacity: 0; }

/* Sticky header glass */
.header-glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Form focus ring consistency */
input:focus,
textarea:focus,
select:focus {
    outline: none;
}

/* Line clamp fallback */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Enterprise auth split layout */
.auth-brand-gradient {
    background: linear-gradient(145deg, #92400e 0%, #b45309 35%, #d97706 70%, #78350f 100%);
}

.auth-input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[x-cloak] {
    display: none !important;
}