/* ============================================
   01. RESET / BOX-SIZING
============================================ */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ============================================
   02. TYPOGRAPHY
============================================ */

h1, h2, h3, h4 {
  font-family: "Mona Sans", system-ui, sans-serif;
  line-height: 1.2;
}


body {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #fff; /* default text color */
}


.stat, .metric, .number, .tech {
  font-family: "Space Grotesk", system-ui, sans-serif;
}

/* ============================================
   03. COLORS / VARIABLES
============================================ */

:root {
  --primary-color: #0b0f19;
  --secondary-color: #94a3b8;
  --accent-color: #facc15;
  --text-color: #e5e7eb;
  --heading-color: #ffffff;
}



/* ============================================
   04. UTILITIES / LAYOUT
============================================ */

.flex { display: flex; }
.flex-center { display: flex; justify-content: center; align-items: center; }
.grid { display: grid; grid-gap: 1rem; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.mb-1 { margin-bottom: 1rem; }

/* ============================================
   05. BUTTONS / COMMON COMPONENTS
============================================ */


.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--accent-color);
  color: #0b0f19;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}
.btn:hover {
  background-color: #fcd34d;
}


/* ============================================
   06. ANIMATIONS
============================================ */


@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fade-in { animation: fadeIn 0.5s ease-in-out; }


html { scroll-behavior: smooth; }
.visually-hidden { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }

