@import url('reset.css');

@import url('fonts.css');

@import url('variables.css');

@import url('layout.css');

@import url('nav.css');

@import url('hero.css');

@import url('about.css');

@import url('learning.css');

@import url('how.css');

@import url('pricing.css');

@import url('reviews.css');

@import url('faq.css');

@import url('contact.css');

@import url('modal-calendly.css');

@import url('modal-policy.css');

@import url('footer.css');



html {

  background: var(--doodle-bg) center/var(--doodle-size) repeat;

}



body {

  position: relative;

  background: transparent;

}



body::before {

  content: "";

  position: fixed;

  inset: 0;

  background-image: var(--doodle-bg);

  background-size: var(--doodle-size);

  background-repeat: repeat;

  background-position: center;

  z-index: -1;

  pointer-events: none;

  transform: translateZ(0); /* forza rendering GPU su Safari */

  will-change: transform;

}