:root{
  --theme: #0049e8;
  --theme-2: #00a8ff;
  --dark: #0f1720;
  --glass: rgba(255,255,255,0.06);
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

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

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

/* HERO */
.hero-section{
  min-height: 70vh;
  padding: 6rem 0;
  background: linear-gradient(180deg, rgba(0, 73, 232,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;
}

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

/* FEATURES */
.feature-card{ background: #fff; border-radius: 10px; box-shadow: 0 6px 24px rgba(15,23,32,0.04); }
.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 rgba(11,107,90,0.08); }
.plan-card .badge{ position: absolute; right: 14px; top: 14px; }

/* CTA */
.cta-section{ background: linear-gradient(90deg,var(--theme), #0049e8); 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 rgba(11,107,90,0.12);
}

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