/* ==========================================================================
   Main CSS | agrega todos os módulos via @import
   ATENÇÃO: a ordem importa (tokens -> reset -> base -> seções -> effects).
   ========================================================================== */

@import url("./tokens.css");
@import url("./reset.css");
@import url("./base.css");

/* Seções (numeradas conforme aparecem na página) */
@import url("./sections/01-hero.css");
@import url("./sections/02-vsl.css");
@import url("./sections/03-como-funciona.css");
@import url("./sections/04-cta.css");
@import url("./sections/05-cases.css");
@import url("./sections/06-quem-somos.css");
@import url("./sections/07-depoimentos.css");
@import url("./sections/08-faq.css");
@import url("./sections/09-footer.css");

/* Responsividade (ajustes finais por breakpoint) */
@import url("./responsive.css");

/* Efeitos: reveal, FAB, smooth scroll */
@import url("./effects.css");