/* Section Background Gradients - Clean & Accessible */

/* Hero Section - Trust foundation */
.hero-section {
  background: linear-gradient(135deg, #EBF8FF 0%, var(--background-color) 100%);
  position: relative;
}

.hero-section > .container {
  position: relative;
  z-index: 1;
}

/* Problem Section - Analytical tone */
.problem-section {
  background: #FEF3C7;
  position: relative;
}

.problem-section > .container {
  position: relative;
  z-index: 1;
}

/* Solution Section - Clarity focus */
.solution-section {
  background: linear-gradient(to bottom, #FFFFFF 0%, #F0F9FF 100%);
  position: relative;
}

.solution-section > .container {
  position: relative;
  z-index: 1;
}

/* Benefits Section - Clean showcase */
.benefits-section {
  background: var(--background-color);
  position: relative;
}

.benefits-section > .container {
  position: relative;
  z-index: 1;
}

/* Testimonials Section - Trust reinforcement */
.testimonials-section {
  background: #F5F3FF;
  position: relative;
}

.testimonials-section > .container {
  position: relative;
  z-index: 1;
}

/* Features Carousel Section - Feature showcase */
.features-carousel-section {
  background: var(--background-color);
  position: relative;
}

.features-carousel-section > .container {
  position: relative;
  z-index: 1;
}

/* Integrations Section - Neutral evaluation */
.integrations-section {
  background: color-mix(in srgb, var(--secondary) 6%, var(--background-color));
  position: relative;
}

.integrations-section > .container {
  position: relative;
  z-index: 1;
}

/* Pricing Section - Decision clarity */
.pricing-section {
  background: linear-gradient(180deg, #EBF8FF 0%, #F0F9FF 100%);
  position: relative;
}

.pricing-section > .container {
  position: relative;
  z-index: 1;
}

/* FAQ Section - Support content */
.faq-section {
  background: #F3F4F6;
  position: relative;
}

.faq-section > .container {
  position: relative;
  z-index: 1;
}

/* Final CTA Section - Light conversion focus */
.final-cta-section {
  background: color-mix(in srgb, var(--primary) 6%, var(--background-color));
  position: relative;
}

.final-cta-section > .container {
  position: relative;
  z-index: 1;
}


/* Comparison Section - Neutral evaluation */
.comparison-section {
  background: #F9FAFB;
  position: relative;
}

.comparison-section > .container {
  position: relative;
  z-index: 1;
}

/* Results Section - Evidence presentation */
.results-section {
  background: color-mix(in srgb, var(--secondary) 5%, var(--background-color));
  position: relative;
}

.results-section > .container {
  position: relative;
  z-index: 1;
}

/* Trust Metrics Section - Metrics showcase */
.trust-metrics-section {
  background: var(--background-color);
  position: relative;
}

.trust-metrics-section > .container {
  position: relative;
  z-index: 1;
}

/* Social Proof Section - Trust validation */
.social-proof-section {
  background: color-mix(in srgb, var(--primary) 4%, var(--background-color));
  position: relative;
}

.social-proof-section > .container {
  position: relative;
  z-index: 1;
}

/* How It Works Section - Instructional content */
.how-it-works-section {
  background: linear-gradient(135deg, #F8FAFB 0%, var(--background-color) 100%);
  position: relative;
}

.how-it-works-section > .container {
  position: relative;
  z-index: 1;
}

/* Transformation Section - Distinct highlight */
.transformation-section {
  background: #F3F4F6;
  position: relative;
  margin: 0;
  border: none;
}

.transformation-section > .container {
  position: relative;
  z-index: 1;
}

/* Privacy Security Section - Trust emphasis */
.privacy-security-section {
  background: linear-gradient(to right, #EBF8FF 0%, #DBEAFE 100%);
  position: relative;
  margin-top: 0;
}

.privacy-security-section > .container {
  position: relative;
  z-index: 1;
}

/* Features Section - Clean showcase */
.features-section,
.features-workflow-section {
  background: color-mix(in srgb, var(--primary) 2%, var(--background-color));
  position: relative;
}

.features-section > .container,
.features-workflow-section > .container {
  position: relative;
  z-index: 1;
}

/* Clean section styling */
.section {
  position: relative;
  margin: 0;
  border: none;
}

/* Ensure no gaps between sections */
section + section {
  margin-top: 0;
}

/* Specific fix for transformation to privacy-security transition */
.transformation-section + .privacy-security-section {
  margin-top: -1px; /* Overlap slightly to prevent gaps */
}

/* Subtle section transitions - removed border to eliminate white lines */

/* Mobile optimizations - simplified backgrounds for performance */
@media (max-width: 768px) {
  
  /* Simplify backgrounds on mobile for better performance */
  .hero-section,
  .problem-section,
  .solution-section,
  .benefits-section,
  .testimonials-section,
  .features-carousel-section,
  .integrations-section,
  .pricing-section,
  .faq-section,
  .comparison-section,
  .results-section,
  .trust-metrics-section,
  .social-proof-section {
    background: var(--background-color);
  }
  
  /* Keep semantic accent borders on mobile */
  .problem-section {
    border-left: 3px solid color-mix(in srgb, var(--academic-warning) 30%, transparent);
  }
  
  .solution-section {
    border-left: 3px solid color-mix(in srgb, var(--primary) 30%, transparent);
  }
  
  /* Maintain dark CTA for contrast */
  .final-cta-section {
    background: color-mix(in srgb, var(--secondary) 80%, black);
  }
}