/* Main CSS file - imports all components */

/* Base Styles */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/animations.css';
@import 'base/utilities.css';

/* Layout */
@import 'layout/grid.css';

/* Components */
@import 'components/navigation.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/highlighting.css';
@import 'components/decorations.css'; 
@import 'components/comparison-tables.css';

/* Sections */
@import 'sections/hero.css';
@import 'sections/advantage-boxes.css'; 
@import 'sections/multiplier.css';
@import 'sections/problem-process.css'; 
@import 'sections/transformation.css';
@import 'sections/meet-pippa.css';
@import 'sections/timeline.css';
@import 'sections/benefits-summary.css';
@import 'sections/testimonials.css';
@import 'sections/context-multiplier.css';
@import 'sections/crm-integration.css';
@import 'sections/faq.css';
@import 'sections/pricing.css';
@import 'sections/footer.css';

/* Responsive Styles (load last) */
@import 'layout/responsive.css';

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}