:root {
  --primary: #14382e;
  --accent: #f2b84b;
  --site-bg: #0e2922;
  --card: #fffdf7;
  --text: #1c2b27;
  --content-width: 1160px;
  --radius: 20px;
  --button-radius: 20px;
  --heading-scale: 1.0;
  --spacing-scale: 1.0;
  --site-font: Inter, system-ui, sans-serif;
  --site-shadow: 0 12px 32px rgba(0,0,0,.16);
}
body { font-family: var(--site-font); color: var(--text); }
#hero-main {
  --block-width: 1160px;
  padding-top: 80px;
  padding-bottom: 110px;
}
#benefits-main {
  --block-width: 1160px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#diagnostic-main {
  --block-width: 1160px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#teacher-main {
  --block-width: 1160px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#reviews-main {
  --block-width: 1160px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#faq-main {
  --block-width: 1160px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#cta-final {
  --block-width: 1160px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#footer-main {
  --block-width: 1160px;
  padding-top: 40px;
  padding-bottom: 40px;
}