@import '_content/SalesTracker.Shared/SalesTracker.Shared.uamgibmt3j.bundle.scp.css';

/* /Components/Pages/Home.razor.rz.scp.css */
:root[b-7zlwygjx76] {
    --primary-color: #4EB036;
}

h1:focus[b-7zlwygjx76] {
    outline: none!important;
}

.home[b-7zlwygjx76] {
    background: linear-gradient(180deg, #0d0f10, #111314);
    color: #fff;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 1.5rem;
}

.text-muted[b-7zlwygjx76] {
    color: #ddd !important;
}

.accent[b-7zlwygjx76] {
    color: #4EB036;
}

.btn-accent[b-7zlwygjx76] {
    background-color: #4EB036;
    color: #000;
    font-weight: 600;
}

    .btn-accent:hover[b-7zlwygjx76] {
        background-color: #4be03a;
    }

.hero-title[b-7zlwygjx76] {
    font-family: Georgia, serif;
    font-size: clamp(3rem, 8vw, 8rem);
}

.section-title[b-7zlwygjx76] {
    font-family: Georgia, serif;
    font-size: clamp(3rem, 4vw, 5rem);
}

.section-title-big[b-7zlwygjx76] {
    font-family: Georgia, serif;
    font-size: clamp(5rem, 7vw, 5.6rem);
}

.feature-card[b-7zlwygjx76] {
    background: transparent;
    border: none;
}

.check-list i[b-7zlwygjx76] {
    color: #4EB036;
    font-size: 1.4rem;
    margin-right: .75rem;
}


.footer-cta[b-7zlwygjx76] {
    padding: 5rem 0;
}


.typing[b-7zlwygjx76] {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right: 4px solid currentColor; /* cursor */
    width: 0;
    animation: typing-b-7zlwygjx76 1.2s steps(12, end) forwards, blink-b-7zlwygjx76 1s step-end infinite;
}

/* Text reveal */
@keyframes typing-b-7zlwygjx76 {
    from {
        width: 0
    }

    to {
        width: 12ch
    }
    /* match character count */
}

/* Cursor blink */
@keyframes blink-b-7zlwygjx76 {
    50% {
        border-color: transparent;
    }
}

.reveal[b-7zlwygjx76] {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

    .reveal.show[b-7zlwygjx76] {
        opacity: 1;
        transform: translateY(0);
    }

.feature-card[b-7zlwygjx76] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .feature-card:hover[b-7zlwygjx76] {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    }


.btn-accent[b-7zlwygjx76], .btn-dark[b-7zlwygjx76] {
    transition: all 0.3s ease;
}

    .btn-accent:hover[b-7zlwygjx76], .btn-dark:hover[b-7zlwygjx76] {
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(0, 123, 255, 0.35);
    }