body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: #1a1a1a;
    color: #ffffff;
}

.magnetLines-container {
    position: relative;
}

.magnetLines-container span {
    position: relative;
    display: block;
    margin: auto;
    transform: rotate(var(--rotate));
    transition: transform 0.15s ease-out;
    will-change: transform;
}

.featured-logos {
    filter: brightness(0.8);
}

.featured-logos img {
    height: 28px;
    opacity: 1.0;
}

.gradient-button {
    background: linear-gradient(90deg, #3d7b05 0%, #ffffff 100%);
    color: #1a1a1a;
    transition: transform 0.2s ease;
}

.gradient-button:hover {
    transform: scale(1.05);
}

.section-title {
    background: linear-gradient(90deg, #3d7b05 0%, #97cd67 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.feature-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.pricing-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pricing-card.popular {
    background: linear-gradient(135deg, rgba(233, 184, 255, 0.1) 0%, rgba(255, 215, 193, 0.1) 100%);
    border: 1px solid rgba(233, 184, 255, 0.2);
}

/* Products Section Animation */
.products-animation {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.products-animation.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Solutions Section Animation */
.solutions-animation {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.solutions-animation.is-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Resources Section Animation */
.resources-animation {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.resources-animation.is-visible {
    opacity: 1;
    transform: scale(1);
}

/* Enterprise Section Animation */
.enterprise-animation {
    opacity: 0;
    transform: translateY(30px) rotate(-2deg);
    transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.enterprise-animation.is-visible {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
}

/* Pricing Section Animation */
.pricing-animation {
    opacity: 0;
    transform: translateY(50px) scale(0.95);
    transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.pricing-animation.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Animation Delays */
.animation-delay-1 {
    transition-delay: 0.2s;
}

.animation-delay-2 {
    transition-delay: 0.4s;
}

.animation-delay-3 {
    transition-delay: 0.6s;
}

.animation-delay-4 {
    transition-delay: 0.8s;
}