:root {
  --theme: #2e865f;
  --theme-rgb: 46, 134, 95;
  --theme-2: #4caf50;
  --theme-dark: #1b5e3c;
  --dark: #0f1720;
  --glass: rgba(255, 255, 255, 0.06);
  --shadow-soft: rgba(var(--theme-rgb), 0.08);
  --shadow-subtle: rgba(15, 23, 32, 0.04);
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
  background: #f6f8fa;
  color: #233;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}

/* NAV */
.navbar {
  background: linear-gradient(90deg, var(--theme) 0%, var(--theme-dark) 100%);
}

/* HERO */
/*.hero-section {
  min-height: 70vh;
  padding: 6rem 0;
  background: linear-gradient(180deg, rgba(var(--theme-rgb), 0.9), rgba(0, 0, 0, 0.07)), url('https://evorinhub.net/assets/img/modern-business-buildings-financial-district.jpg?auto=format&fit=crop&w=1400&q=60') center/cover no-repeat;
}
.hero-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
}*/
.hero-section {
  background: radial-gradient(
      circle at top right,
      rgba(46,134,95,0.35),
      transparent 40%
    ),
    linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}

.hero-bg-overlay {
  background: url("https://evorinhub.net/assets/img/modern-business-buildings-financial-district.jpg?auto=format&fit=crop&w=1400&q=60");
  opacity: 0.04;
}

.text-theme {
  color: #2e865f;
}

.bg-primary {
  background: var(--theme);
  color: #fff;
  border: none;
}

.border-primary {
  border: 2px solid var(--theme);
}

.hero-card {
  border-radius: 1.25rem;
}

/* THEME BUTTON */
.btn-theme {
  background: var(--theme);
  color: #fff;
  border: none;
}
.btn-theme:hover {
  background: var(--theme-dark);
  color: #fff;
}

/* FEATURES */
.feature-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 24px var(--shadow-subtle);
}
.feature-card i {
  color: var(--theme);
}

/* PLANS */
.plan-card {
  border-radius: 10px;
  transition: transform .18s, box-shadow .18s;
}
.plan-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px var(--shadow-soft);
}
.plan-card .badge {
  position: absolute;
  right: 14px;
  top: 14px;
}

/* CTA */
.cta-section {
  background: linear-gradient(90deg, var(--theme), var(--theme-dark));
  padding: 3rem 0;
}

/* LIVE PROFIT */
.card p.small {
  margin-bottom: 0;
}

/* FOOTER */
footer {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

/* scroll to top */
#scrollTop {
  position: fixed;
  right: 18px;
  bottom: 18px;
  display: none;
  z-index: 9999;
  background: var(--theme);
  color: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: 0 10px 30px var(--shadow-soft);
}

/* small screens */
@media (max-width: 767px) {
  .hero-section {
    padding: 3.5rem 0;
  }
  .hero-card {
    margin-top: 2rem;
  }
}