:root {
  --blue: #2b4fe0;
  --blue-dark: #1e3ab8;
  --blue-deep: #16308f;
  --black: #0b0b0b;
  --ink: #1a1a1a;
  --muted: #5c6470;
  --line: #e6e8ee;
  --surface: #f5f6f8;
  --white: #ffffff;
  --whatsapp: #25d366;
  --navy: #0d1529;
  --blue-soft: #eef2ff;
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06);
  --shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 18px 40px rgba(16, 24, 40, 0.12);
  --radius: 14px;
  --header-h: 84px;
  --font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font);
  color: var(--ink);
  background: var(--white);
  line-height: 1.55;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
h1, h2, h3, h4, p { margin: 0; }
h1, h2, h3 { letter-spacing: -0.02em; line-height: 1.2; color: var(--ink); }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }

.container {
  width: min(1200px, calc(100% - 32px));
  margin-inline: auto;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}