/* PropietarIA — base design tokens + reset, shared by every page. */
:root {
  --navy: #0A1628;
  --navy-2: #112240;
  --navy-3: #1a3155;
  --cyan: #00D4F5;
  --cyan-soft: #00BFDF;
  --cyan-pale: rgba(0,212,245,0.12);
  --blue: #1A56DB;
  --blue-soft: #2563EB;
  --white: #FFFFFF;
  --off-white: #F6F9FD;
  --gray-bg: #EEF2F8;
  --gray-border: #DDE4EF;
  --text-dark: #0F1F35;
  --text-mid: #3D5170;
  --text-light: #6B80A0;
  --success: #00C27A;
  --warning: #F59E0B;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --shadow-card: 0 4px 24px rgba(10,22,40,0.08), 0 1px 4px rgba(10,22,40,0.04);
  --shadow-float: 0 20px 60px rgba(10,22,40,0.18), 0 4px 16px rgba(10,22,40,0.1);
  --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}

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

html { scroll-behavior: smooth; }

body {
  font-family: 'Nunito', sans-serif;
  color: var(--text-dark);
  background: var(--white);
  overflow-x: hidden;
  line-height: 1.65;
}

h1,h2,h3,h4,h5 { font-family: 'Outfit', sans-serif; line-height: 1.2; }


/* Reveal-on-scroll animation, shared by every page. */
/* Reveal animation */
.reveal {
  opacity: 0; transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }