:root {
  --bg: #0A0A0A;
  --fg: #F5F0E8;
  --accent: #FF8C00;
  --surface: #111;
  --muted: rgba(245, 240, 232, 0.5);
}

body {
  background: var(--bg);
  color: var(--fg);
  font-family: 'DM Sans', sans-serif;
}

/* Gradient text utility */
.gradient-text {
  background: linear-gradient(135deg, #FF8C00, #FF6B00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Feature card hover */
.feature-card:hover {
  border-color: rgba(255, 140, 0, 0.35);
  background: linear-gradient(135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.03));
  transition: all 0.3s ease;
}

/* Package card hover */
.package-card:hover {
  border-color: rgba(255, 140, 0, 0.4);
  transition: border-color 0.3s ease;
}

/* Stats grid mobile */
@media (max-width: 768px) {
  .stats-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Packages mobile */
@media (max-width: 900px) {
  .packages-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Process mobile */
@media (max-width: 768px) {
  .process-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Value split mobile */
@media (max-width: 900px) {
  .value-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}