body {
  font-family: "Inter", Arial, sans-serif;
  font-weight: 400;
}

.hero h1,
.statement h2,
.section-heading h2,
.quote-copy h2,
.hardware-grid strong {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.045em;
}

.hero h1 em {
  font-style: normal;
  font-weight: 600;
}

/* Gap-free vector wordmark: the cyan sections are part of the K and X shapes,
   so no accent can extend beyond a letter. */
.brand-name {
  --brand-navy: #063675;
  --brand-cyan: #11afe9;
  display: block;
  width: 168px;
  color: var(--brand-navy);
  line-height: 0;
}

.brand-wordmark {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.brand-wordmark .wordmark-base {
  fill: currentColor;
}

.brand-wordmark .wordmark-accent {
  fill: var(--brand-cyan);
}

.brand small {
  color: #148fc7;
  font-weight: 400;
}

.site-footer .footer-brand .brand-name {
  color: #ffffff;
  width: 164px;
}

.site-footer .footer-brand small {
  color: #38b8f2;
}

.site-header nav a,
.button,
.eyebrow {
  letter-spacing: 0.01em;
}

.eyebrow {
  letter-spacing: 0.2em;
}

.hardware-grid small {
  grid-column: 2;
  color: #91a8bf;
  font-size: 11px;
  line-height: 1.55;
  max-width: 270px;
  margin-top: -8px;
}

.hardware-grid a {
  grid-template-rows: auto auto 1fr;
}

.hardware-grid a i {
  grid-column: 3;
  grid-row: 1 / span 3;
}


/* Restore the exact live-site KLNX text wordmark. */
.brand-name{
  display:block;
  width:auto;
  color:var(--navy);
  line-height:1;
  font-weight:900;
  font-size:32px;
  letter-spacing:-.09em;
}
.brand-name span{color:var(--blue)}
.brand-name i{color:var(--blue);font-style:normal;font-size:15px;vertical-align:top;margin-left:4px}
.brand small{font-size:8px;letter-spacing:.19em;text-transform:uppercase;margin-top:6px;color:#257db7;font-weight:400}
.site-footer .footer-brand .brand-name{width:auto;color:#fff}
.site-footer .footer-brand .brand-name span,
.site-footer .footer-brand .brand-name i{color:var(--blue)}
.site-footer .footer-brand small{color:#38b8f2}

.brand-name{font-family:"Montserrat",Arial,sans-serif}