﻿/* home-global.css
   Shared page-level treatment for the AlgoBless landing page.
*/
html {
    scroll-behavior: smooth;
}

body.algobless-home {
    min-height: 100vh;
    overflow-x: hidden;
    background: #f8fafc !important;
}

.algobless-home .home-section {
    position: relative;
}

.algobless-home .section-kicker {
    color: #2563eb;
    font-weight: 800;
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.algobless-home .feature-card {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

    .algobless-home .feature-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 24px 55px rgba(15, 23, 42, .12);
        border-color: rgba(59, 130, 246, .32);
    }

.algobless-home .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease, transform .65s ease;
}

    .algobless-home .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

@media (prefers-reduced-motion: reduce) {
    .algobless-home *,
    .algobless-home *::before,
    .algobless-home *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }

    .algobless-home .reveal {
        opacity: 1;
        transform: none;
    }
}
