/* ==========================================================================
   MAEZTRO Gestão — Design System & Custom Styles
   Skill landing-page-design:
   - Sem itálico, sem pesos 900
   - Fundos planos (sem gradientes no background)
   - Gradiente de texto restrito ao heading do Hero
   - Curva de transição customizada: cubic-bezier(0.32, 0.72, 0, 1)
   ========================================================================== */

body {
  font-family: 'Geist', sans-serif;
  background-color: #FFFFFF;
  color: #1E293B;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Gradiente restrito exclusivamente ao título principal do Hero */
.hero-text-gradient {
  background: linear-gradient(90deg, #000000 0%, #666666 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Transições físicas customizadas */
.ease-spring {
  transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}

/* Scroll reveal suave com IntersectionObserver */
.reveal-elem {
  opacity: 0;
  transform: translateY(64px);
  filter: blur(8px);
  transition: opacity 800ms cubic-bezier(0.32, 0.72, 0, 1), 
              transform 800ms cubic-bezier(0.32, 0.72, 0, 1),
              filter 800ms cubic-bezier(0.32, 0.72, 0, 1);
  will-change: opacity, transform, filter;
}

.reveal-elem.revealed {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* Tagline animada obrigatória (B11): ativação palavra por palavra */
.word-token {
  opacity: 0.28;
  transition: opacity 700ms cubic-bezier(0.32, 0.72, 0, 1), color 700ms cubic-bezier(0.32, 0.72, 0, 1);
}

.word-token.active {
  opacity: 1;
  color: #1B4166;
}

/* Acessibilidade: Skip to Content */
.skip-to-content:focus {
  top: 16px;
  left: 16px;
  z-index: 9999;
}

/* Scrollbar sutil e minimalista */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}