:root {
  --ld-ink: #0b1026;
  --ld-sky: #2f7cf6;
  --ld-sun: #f2542d;
  --ld-lime: #7ae582;
  --ld-vio: #6e44ff;
  --ld-snow: #f7f8fc;
  --bs-primary: var(--ld-sky);
  --bs-secondary: var(--ld-sun);
}

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(--ld-ink);
  background-color: #fff;
}
h1,
.display-5,
.display-6,
.h1,
.h2,
.h3 {
  letter-spacing: 0.2px;
}

.bg-ld-hero {
  background: radial-gradient(
      1200px 600px at 8% 10%,
      rgba(47, 124, 246, 0.14),
      transparent
    ),
    radial-gradient(
      900px 500px at 92% 30%,
      rgba(122, 229, 130, 0.12),
      transparent
    ),
    linear-gradient(180deg, #fff 0%, #fff 100%);
}
.bg-ld-cta {
  background: linear-gradient(
    90deg,
    rgba(47, 124, 246, 0.1),
    rgba(242, 84, 45, 0.1),
    rgba(110, 68, 255, 0.08)
  );
}

.btn-primary {
  --bs-btn-bg: var(--ld-sky);
  --bs-btn-border-color: var(--ld-sky);
  --bs-btn-hover-bg: #216fe9;
  --bs-btn-hover-border-color: #216fe9;
  --bs-btn-active-bg: #1a5fd1;
  --bs-btn-active-border-color: #1a5fd1;
}
.btn-outline-primary {
  --bs-btn-color: var(--ld-sky);
  --bs-btn-border-color: var(--ld-sky);
  --bs-btn-hover-bg: var(--ld-sky);
  --bs-btn-hover-border-color: var(--ld-sky);
}

.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(11, 16, 38, 0.14) !important;
}
.object-fit-cover {
  object-fit: cover;
}
.pricing .display-6 {
  color: var(--ld-ink);
}

details.faq-item summary {
  cursor: pointer;
}

.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;
}

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