@import url("professional.css");
@import url("language-flags.css");

:root {
  --yellow: #1762ff;
  --blue: #1762ff;
}

.brand span,
.kicker,
.hero h1 em,
.pricing-grid li::before,
footer a:hover {
  color: #6592ff;
}

.actions a:first-child,
.cta > a,
.badge,
.featured > a {
  color: #fff;
  background: #1762ff;
  border-color: #1762ff;
}

.proof {
  color: #fff;
  background: #1762ff;
}

.proof i {
  background: #fff;
}

.role-cards article,
.role-cards article:nth-child(2),
.role-cards article:nth-child(3) {
  border-color: #1762ff;
}

.pricing-grid .featured {
  border-color: #1762ff;
  box-shadow: inset 0 4px #1762ff;
}

.hero h1,
.intro h2,
.community h2,
.roles h2,
.section-heading h2,
.faq h2,
.cta h2 {
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 0.94;
}
