/* kern-it.be 2026 : Optimax page on the site base. Utilities the shared Tailwind build does not carry, plus the in-page nav. */
.optimax .text-xl { font-size: 20px; line-height: 24px; }
.optimax .text-2xl { font-size: 24px; line-height: 28px; }
.optimax .text-32 { font-size: 32px; line-height: 32px; }
.optimax .text-46 { font-size: clamp(30px, 2.2vw + 18px, 46px); line-height: 1.08; }
.optimax .text-4xl { font-size: clamp(28px, 1.6vw + 18px, 36px); line-height: 1.1; }
.optimax .text-6xl { font-size: clamp(36px, 2.6vw + 20px, 48px); line-height: 1.05; }
@media (min-width: 1024px) {
  .optimax .lg\:text-3xl { font-size: 30px; line-height: 1.15; }
  .optimax .lg\:text-4xl { font-size: 36px; line-height: 1.1; }
  .optimax .lg\:text-6xl { font-size: 48px; line-height: 1.05; }
  .optimax .lg\:text-8xl { font-size: 64px; line-height: 1; }
}
.optimax .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: .75rem; }
.optimax .aspect-square { aspect-ratio: 1 / 1; }
.optimax .bg-accent1 { background-color: #ECEAF6; }
.optimax .bg-lighter { background-color: #FBFBFD; }

/* in-page navigation that replaced the page's own header */
.optimax .opx-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; padding: 0 1.25rem; margin: -1rem auto 1rem; max-width: 80rem; }
.optimax .opx-nav a { display: inline-block; padding: .5rem .95rem; border: 1px solid rgba(36, 36, 60, .12); border-radius: 999px; background: #FBFBFD; font: 500 .9rem/1.2 'Wix Madefor Text', system-ui, sans-serif; color: #262626; text-decoration: none; transition: border-color .2s, color .2s; }
.optimax .opx-nav a:hover { border-color: #6060F0; color: #4A4AE0; }
.optimax section[id] { scroll-margin-top: 6rem; }
.optimax main h1 { text-wrap: balance; }