/* Critical path CSS - hero section only */
html, body { width: 100%; margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #ffffff;
}
.animate-fade-in { animation: fadeInUp 0.6s ease-out forwards; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

/* Hero Section Critical CSS */
* { box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
img { max-width: 100%; height: auto; display: block; }

/* Font loading strategy: use system font immediately, swap to custom font when loaded */
body { font-family: system-ui; }
body.fonts-loaded { font-family: 'DM Sans', 'Poppins', sans-serif; }