:root {
  --brand-blue: #007bff;
  --neutral-gray: #6c757d;
  --accent-orange: #fd7e14;
  --dark: #1a1a1a;
  --light: #f8f9fa;
}

html,
body {
  height: 100%;
}

body {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";
  color: #222;
  background: #fff;
}

h1,
h2,
h3,
h4,
.navbar-brand {
  font-family: Montserrat, Roboto, Arial, sans-serif;
}

.navbar {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.hero {
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(0, 123, 255, 0.08),
    rgba(253, 126, 20, 0.08)
  );
  padding: 5rem 0 3rem;
}

.hero .display-5 {
  font-weight: 700;
}

.usp-badges img {
  max-height: 42px;
  opacity: 0.8;
}

.section-title {
  font-weight: 700;
}

.feature-icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 123, 255, 0.1);
  color: var(--brand-blue);
}

.sticky-cta {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1030;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

footer {
  background: var(--light);
  border-top: 1px solid #eee;
}

.copy-btn {
  cursor: pointer;
}

/* Utilities */
.text-muted-2 {
  color: var(--neutral-gray);
}

/* Swiper tweaks */
.swiper {
  padding-bottom: 24px;
}
.swiper-pagination-bullet-active {
  background: var(--brand-blue);
}