:root {
  --lv-ink: #10121a;
  --lv-mint: #14d7c8;
  --lv-vio: #6a5bff;
  --lv-coral: #ff6a88;
  --lv-sand: #f7f4ef;
  --bs-primary: var(--lv-vio);
}

html,
body {
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  color: var(--lv-ink);
  background-color: #fff;
}

h1,
.display-5,
.display-6,
.h1,
.h2,
.h3 {
  letter-spacing: 0.2px;
}

.bg-led-hero {
  background: radial-gradient(
      1200px 600px at 10% 10%,
      rgba(106, 91, 255, 0.12),
      transparent
    ),
    radial-gradient(
      900px 500px at 90% 30%,
      rgba(20, 215, 200, 0.1),
      transparent
    ),
    linear-gradient(180deg, #fff 0%, #fff 100%);
}

.bg-led-cta {
  background: linear-gradient(
    90deg,
    rgba(106, 91, 255, 0.08),
    rgba(255, 106, 136, 0.08)
  );
}

.btn-primary {
  --bs-btn-bg: var(--lv-vio);
  --bs-btn-border-color: var(--lv-vio);
  --bs-btn-hover-bg: #574ae0;
  --bs-btn-hover-border-color: #574ae0;
  --bs-btn-active-bg: #473cc6;
  --bs-btn-active-border-color: #473cc6;
}

.btn-outline-primary {
  --bs-btn-color: var(--lv-vio);
  --bs-btn-border-color: var(--lv-vio);
  --bs-btn-hover-bg: var(--lv-vio);
  --bs-btn-hover-border-color: var(--lv-vio);
}

.navbar-brand span {
  letter-spacing: 0.2px;
}
.card.rounded-4,
.rounded-4 {
  border-radius: 1rem !important;
}
.shadow-lg {
  box-shadow: 0 1.25rem 1.75rem rgba(16, 18, 26, 0.14) !important;
}

.pricing .display-6 {
  color: var(--lv-ink);
}

.object-fit-cover {
  object-fit: cover;
}

.hp-field {
  position: absolute !important;
  left: -50000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.visually-hidden-focusable:active,
.visually-hidden-focusable:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font: 500 0.85rem/1 "Fira Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, "Liberation Mono", "Courier New", monospace;
  background: #f1f0ff;
  color: #4338ca;
  border: 1px solid #e3e0ff;
}

.fw-extrabold {
  font-weight: 800;
}
.py-6 {
  padding-block: 5rem;
}