:root {
  --sovrix-cyan: #43d9c4;
  --sovrix-blue: #5b8cff;
  --sovrix-ink: #171820;
}

body { font-size: 16px; }
a { color: var(--sovrix-cyan); }
a:hover { color: #78eadb !important; }

#logo a {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.22em;
}

#header nav ul li a[aria-current="page"] { color: #fff; }
#header nav ul li a[aria-current="page"]:after {
  background: var(--sovrix-cyan);
  bottom: 0.45em;
  content: "";
  height: 2px;
  left: 1em;
  position: absolute;
  right: 1em;
}

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
.button.primary { background: var(--sovrix-cyan); color: var(--sovrix-ink) !important; }

a.button.light-cta {
  background: #fff;
  box-shadow: none;
  color: #e44c65 !important;
}
a.button.light-cta:hover {
  background: rgba(255,255,255,0.075);
  box-shadow: inset 0 0 0 2px #e44c65;
  color: #e44c65 !important;
}

#banner {
  background-image: url("../../images/sovrix-clinical-hero.png");
  background-position: center center;
  text-align: left;
}

#banner:after {
  background-image: linear-gradient(90deg, rgba(13, 17, 26, 0.94) 0%, rgba(13, 17, 26, 0.78) 38%, rgba(13, 17, 26, 0.18) 72%, rgba(13, 17, 26, 0.08) 100%), url("images/overlay.png");
}

#banner .content {
  max-width: none;
  padding-left: 8%;
  padding-right: 50%;
  text-align: left;
  width: 100%;
}

#banner .content header { display: block; max-width: 42rem; }
#banner .content header h2 { font-size: 3.25em; line-height: 1.08; }
#banner .content header p { font-size: 1.15em; max-width: 36rem; }

.spotlight.style1 .content { border-color: var(--sovrix-cyan); }
.spotlight.style2 .content { border-color: var(--sovrix-blue); }
.spotlight.style3 .content { border-color: #8d7bff; }
.wrapper.style2 { background: linear-gradient(135deg, #315a87, #296f73); }

.eyebrow {
  color: var(--sovrix-cyan);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: 0.85rem;
  text-transform: uppercase;
}

.inner-hero {
  background-image: linear-gradient(120deg, rgba(17, 20, 31, 0.94), rgba(17, 20, 31, 0.56)), url("../../images/sovrix-clinical-hero.png");
  background-position: center;
  background-size: cover;
  padding: 8.5rem 0 5rem;
  text-align: center;
}

.inner-hero h1 { font-size: 3rem; margin-bottom: 0.4rem; }
.inner-hero p { font-size: 1.15rem; margin: 0 auto; max-width: 44rem; }

.statement {
  border-left: 3px solid var(--sovrix-cyan);
  color: #fff;
  font-size: 1.35rem;
  margin: 2.5rem 0;
  padding: 0.25rem 0 0.25rem 1.5rem;
}

.compact-list li { margin-bottom: 0.65rem; }
.proof-note { color: rgba(255,255,255,0.72); font-size: 0.92rem; }
.section-actions { margin-top: 2rem; }

.three-up article {
  border-top: 2px solid rgba(67,217,196,0.7);
  padding-top: 1.4rem;
}

.stage-label {
  color: var(--sovrix-cyan);
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

.site-footer-note { color: rgba(255,255,255,0.55); max-width: 42rem; margin: 0 auto 1.75rem; }

.contact-intro { margin: 0 auto 3rem; max-width: 46rem; text-align: center; }
.contact-form { margin: 0 auto; max-width: 58rem; }
.contact-form label {
  color: #fff;
  display: block;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin: 0 0 0.55rem;
}
.contact-form .field { margin-bottom: 1.35rem; }
.contact-form .required { color: var(--sovrix-cyan); }
.contact-form input { background: rgba(255,255,255,0.055); }
.contact-form input[type="tel"],
.contact-form input[type="url"] {
  appearance: none;
  border: solid 1px rgba(255,255,255,0.3);
  border-radius: 4px;
  color: inherit;
  display: block;
  height: 3em;
  outline: 0;
  padding: 0 1em;
  text-decoration: none;
  transition: border-color 0.2s ease-in-out;
  width: 100%;
}
.contact-form input[type="tel"]:invalid,
.contact-form input[type="url"]:invalid { box-shadow: none; }
.contact-form textarea { min-height: 10em; resize: vertical; }
.contact-form input:focus { border-color: var(--sovrix-cyan); box-shadow: 0 0 0 1px var(--sovrix-cyan); }
.contact-form textarea:focus { border-color: var(--sovrix-cyan); box-shadow: 0 0 0 1px var(--sovrix-cyan); }
.contact-note {
  border-left: 3px solid rgba(67,217,196,0.75);
  color: rgba(255,255,255,0.72);
  font-size: 0.9rem;
  margin: 0 0 2rem;
  padding: 0.2rem 0 0.2rem 1rem;
}
.form-honey { left: -10000px !important; position: absolute !important; }
.form-status { margin: 0 auto; max-width: 42rem; text-align: center; }

@media screen and (max-width: 736px) {
  #banner .content header h2, .inner-hero h1 { font-size: 2.2rem; }
  #banner .content { padding-left: 2rem; padding-right: 2rem; }
  #banner:after { background-image: linear-gradient(90deg, rgba(13, 17, 26, 0.92), rgba(13, 17, 26, 0.62)), url("images/overlay.png"); }
  .inner-hero { padding: 7rem 1.5rem 3.5rem; }
  .statement { font-size: 1.15rem; }
}