/* Theme */
:root{
  --brand:#ff6a00;
  --brand-2:#6c5ce7;
  --bg-hero:#0b0f1a;
}

html { scroll-behavior: smooth; }
body { font-feature-settings: "ss01"; }

/* Spacing helpers */
.py-6 { padding-top: 5rem; padding-bottom: 5rem; }

/* Navbar */
#mainNav .btn-primary{
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: #e05b00;
  --bs-btn-hover-border-color: #e05b00;
}

/* Hero */
.hero{
  background: radial-gradient(120% 120% at 70% 30%, #19233a 0%, #0b0f1a 60%);
  min-height: 92vh;
  display:flex; align-items:center;
  position:relative; overflow:hidden;
  padding-top: 4.75rem;
  color:#fff;
}
.hero-overlay{
  position:absolute; inset:0;
  background: radial-gradient(60% 70% at 20% 30%, rgba(255,106,0,.25), transparent 60%);
  pointer-events:none;
}
.hero-particles{
  position:absolute; inset:0; z-index:0;
}
.hero .container{ position:relative; z-index:1; }
.hero .hero-device{
  height: 520px; background: #121826;
}
.hero-wave{
  position:absolute; left:0; right:0; bottom:-1px; height:90px;
  background: radial-gradient(100% 100% at 50% 0%, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 70%);
}

/* Services */
.service-card .icon-wrap{
  width:48px; height:48px; border-radius:12px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#fff; font-size:1.3rem;
}
.service-card{ transition: transform .2s ease, box-shadow .2s ease; }
.service-card:hover{ transform: translateY(-4px); box-shadow:0 .75rem 1.5rem rgba(0,0,0,.12); }

/* Gradient stats band */
.bg-gradient{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color:#fff;
}

/* Swiper tweaks */
.swiper-slide img{ width:100%; display:block; }
.swiper .swiper-pagination-bullet{ background: rgba(0,0,0,.35); }
.swiper .swiper-pagination-bullet-active{ background: var(--brand); }

/* Footer */
footer a:hover{ opacity:.9; }

/* Utilities */
.object-fit-cover{ object-fit: cover; }