/* ==========================================================================
   Main CSS - Import all stylesheets
   ========================================================================== */

/* Base */
@import 'base/variables.css';
@import 'base/reset.css';

/* Atoms (Utilities) */
@import 'atoms/typography.css';
@import 'atoms/spacing.css';
@import 'atoms/layout.css';
@import 'atoms/colors.css';
@import 'atoms/effects.css';
@import 'atoms/buttons.css';

/* Components */
@import 'components/animations.css';
@import 'components/nav.css';
@import 'components/hero.css';
@import 'components/sections.css';
@import 'components/cards.css';
@import 'components/pricing.css';
@import 'components/guarantee.css';
@import 'components/footer.css';

/* Responsive Utilities */
@media (max-width: 768px) {
  .hide-mobile { display: none !important; }
  .show-mobile { display: block !important; }
}

@media (min-width: 769px) {
  .hide-desktop { display: none !important; }
  .show-desktop { display: block !important; }
}