/* ============================================================
   D2UN — Página: Home
   Entry point — importa todos os partials na ordem correta
   ============================================================ */

/* 1. Tokens e base */
@import url('../tokens.css?v=202606022222');
@import url('../base.css?v=202606022222');

/* 2. Componentes compartilhados */
@import url('../components/logo.css?v=202606022222');
@import url('../components/buttons.css?v=202606022222');
@import url('../components/header.css?v=202606022222');
@import url('../components/footer.css?v=202606022222');
@import url('../components/forms.css?v=202606022222');
@import url('../components/whatsapp.css?v=202606022222');

/* 3. Seções da home */
@import url('../sections/home/hero.css?v=202606022222');
@import url('../sections/home/about.css?v=202606022222');
@import url('../sections/home/mission.css?v=202606022222');
@import url('../sections/home/services.css?v=202606022222');
@import url('../sections/home/process.css?v=202606022222');
@import url('../sections/home/numbers.css?v=202606022222');
@import url('../sections/home/testimonials.css?v=202606022222');
@import url('../sections/home/faq.css?v=202606022222');
@import url('../sections/home/contact.css?v=202606022222');

/* 4. Utilitários */
@import url('../utils/animations.css?v=202606022222');

/* ── Tipografia (três papéis · brandbook) ── */
body { font-family: var(--font-sans); }

/* Display & headlines → Space Grotesk (700 máx) */
h1, h2 {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.025em;
}
h1 { line-height: 1.05; }
h2 { font-size: clamp(1.875rem, 4.5vw, 2.75rem); line-height: 1.15; }
/* Subtítulos → Inter 600 (legibilidade) */
h3 { font-size: clamp(1.25rem, 2.5vw, 1.625rem); line-height: 1.3; font-weight: 600; font-family: var(--font-sans); letter-spacing: -0.01em; }
h4 { font-size: 1.25rem; line-height: 1.35; font-weight: 600; font-family: var(--font-sans); }

/* Eyebrow → assinatura técnica em mono (// SEÇÃO) */
.eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-purple-bright);
  padding: 0; background: none; border: none; border-radius: 0;
  margin-bottom: var(--space-3);
}
.eyebrow::before { content: "// "; color: var(--text-muted); }

/* Header fixed na home */
.site-header { position: fixed; }