:root {
    --primary: #05CA51;
    --primary-light: #54BD95;
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(90deg, var(--primary-light), var(--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Buttons */
.btn-primary {
    background: linear-gradient(90deg, var(--primary-light), var(--primary));
    color: white;
    box-shadow: 0 4px 15px rgba(5, 202, 81, 0.3);
}

.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(5, 202, 81, 0.4);
}

/* Hero Background */
.hero-bg {
    background: radial-gradient(circle, rgba(84, 189, 149, 0.4) 0%, rgba(5, 202, 81, 0.2) 50%, rgba(5, 202, 81, 0) 60%);
}

.hero-bg2 {
    background: radial-gradient(circle, rgba(84, 189, 149, 0.4) 0%, rgba(5, 202, 81, 0.2) 50%, rgba(5, 202, 81, 0) 60%);
}

/* Animated Text */
.animated-text {
    color: #05CA51;
}

/* Integration Icons */
.integration-icon {
    background: linear-gradient(90deg, var(--primary-light), var(--primary));
}

/* Step Number */
.step-number {
    background: var(--primary);
}

/* Product Card Active State */
.step.active .product-card {
    border-color: var(--primary);
    box-shadow: 0 15px 30px rgba(5, 202, 81, 0.2);
}

.product-icon {
    color: var(--primary);
}

.step.active .product-icon {
    background: linear-gradient(90deg, var(--primary-light), var(--primary));
}

/* Scroll Buttons */
.scroll-button {
    background: var(--primary-light);
}

.scroll-button:hover {
    background: var(--primary);
}

/* Central Logo Background */
.central-logo {
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
    box-shadow: 0 20px 40px rgba(5, 202, 81, 0.3);
}

/* CTA Section */
.cta {
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
}

.cta .btn-primary {
    color: var(--primary);
}

/* Step Icon */
.step-icon {
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
}