@import '_content/AquiloRazorClassLibrary/AquiloRazorClassLibrary.wjw1419xgo.bundle.scp.css';

/* /Components/Pages/Public/LandingPage.razor.rz.scp.css */
/* ============================================
   NeKo Landing Page - Component Styles
   Animation classes are in global app.css
   ============================================ */

/* Logo styling */
.neko-logo[b-6yn0raaedc] {
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--mud-palette-text-primary);
}

/* Hero title accent color */
.neko-hero-title[b-6yn0raaedc] {
    font-weight: 700;
    line-height: 1.2;
}

.neko-accent[b-6yn0raaedc] {
    display: block;
    color: var(--mud-palette-primary);
}

/* Stat cards with hover effect */
.neko-stat-card[b-6yn0raaedc] {
    border-radius: var(--mud-default-borderradius);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.neko-stat-card:hover[b-6yn0raaedc] {
    transform: translateY(-4px);
    box-shadow: var(--mud-elevation-8);
}

/* Alternate section background */
.neko-section-alt[b-6yn0raaedc] {
    background-color: var(--mud-palette-background-gray);
}

/* Pricing comparison */
.neko-compare-old[b-6yn0raaedc] {
    background-color: var(--mud-palette-background-gray);
    border-radius: var(--mud-default-borderradius);
}

.neko-price-crossed[b-6yn0raaedc] {
    text-decoration: line-through;
    color: var(--mud-palette-text-secondary);
}

.neko-compare-new[b-6yn0raaedc] {
    border: 2px solid var(--mud-palette-primary);
    border-radius: var(--mud-default-borderradius);
}

/* Final CTA section with gradient */
.neko-cta-section[b-6yn0raaedc] {
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, var(--mud-palette-primary-darken) 100%);
    position: relative;
}

[b-6yn0raaedc] .neko-cta-button {
    color: var(--mud-palette-primary) !important;
}

/* Footer */
.neko-footer[b-6yn0raaedc] {
    background-color: var(--mud-palette-dark);
    color: var(--mud-palette-dark-text);
}

.neko-footer .neko-logo[b-6yn0raaedc] {
    color: var(--mud-palette-dark-text);
}

/* AppBar padding */
.neko-appbar[b-6yn0raaedc] {
    padding-left: 16px;
    padding-right: 16px;
}

/* Card full height */
[b-6yn0raaedc] .h-100 {
    height: 100%;
}

/* Text alignment helper */
[b-6yn0raaedc] .text-center {
    text-align: center;
}

/* ============================================
   Hero Section Enhancements
   ============================================ */

.neko-hero-section[b-6yn0raaedc] {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

/* Subtle gradient background for hero */
.neko-hero-bg[b-6yn0raaedc] {
    background: linear-gradient(180deg,
        var(--mud-palette-surface) 0%,
        var(--mud-palette-background-gray) 100%);
}

/* ============================================
   Section Styling
   ============================================ */

/* Consistent section wrapper */
.neko-section[b-6yn0raaedc] {
    position: relative;
    overflow: hidden;
}

/* ============================================
   Card Hover Effects
   ============================================ */

[b-6yn0raaedc] .mud-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[b-6yn0raaedc] .mud-card:hover {
    transform: translateY(-2px);
}

/* ============================================
   Responsive Adjustments
   ============================================ */

@media (max-width: 959px) {
    .neko-hero-title[b-6yn0raaedc] {
        font-size: 2rem;
    }

    .neko-accent[b-6yn0raaedc] {
        font-size: 2rem;
    }

    .neko-hero-section[b-6yn0raaedc] {
        min-height: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (max-width: 599px) {
    .neko-hero-title[b-6yn0raaedc] {
        font-size: 1.75rem;
    }

    .neko-accent[b-6yn0raaedc] {
        font-size: 1.75rem;
    }
}

/* ============================================
   Timeline Enhancement
   ============================================ */

[b-6yn0raaedc] .mud-timeline-item {
    transition: transform 0.3s ease;
}

[b-6yn0raaedc] .mud-timeline-item:hover {
    transform: scale(1.02);
}