/* Inline styles converted to CSS classes */

/* Language flag hidden by default */
.lang-flag--hidden {
  display: none;
}

/* Early access message styling */
.hero-early-access {
  color: var(--muted);
  margin-top: 8px;
}

/* Mock figure styling */
.mock--no-margin {
  margin: 0;
}

/* SVG mockup styling */
.svg-mockup {
  width: 100%;
  height: auto;
  display: block;
  background: #fff;
}

/* Caption center alignment */
.caption--center {
  text-align: center;
}

/* Integration description styling */
.integration-description {
  color: var(--muted);
  margin-top: 12px;
}

/* CTA container styling */
.cta-container {
  text-align: center;
  max-width: 720px;
}

/* CTA lead text styling */
.cta-lead {
  font-size: 16px;
  margin-bottom: 18px;
}

/* Sib form container */
.sib-form--styled {
  text-align: center;
  background-color: #EFF2F7;
}

/* Error message panel */
.error-message-panel {
  font-size: 16px;
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #661d1d;
  background-color: #ffeded;
  border-radius: 3px;
  border-color: #ff4949;
  max-width: 540px;
}

/* Success message panel */
.success-message-panel {
  font-size: 16px;
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #085229;
  background-color: #e7faf0;
  border-radius: 3px;
  border-color: #13ce66;
  max-width: 540px;
}

/* Main sib container */
.sib-container--styled {
  text-align: center;
  background-color: rgba(255,255,255,1);
  max-width: 540px;
  border-radius: 3px;
  border-width: 1px;
  border-color: #C0CCD9;
  border-style: solid;
  direction: ltr;
}

/* Form padding wrapper */
.form-padding {
  padding: 8px 0;
}

/* Form block header */
.form-block-header {
  font-size: 32px;
  text-align: left;
  font-weight: 700;
  font-family: Helvetica, sans-serif;
  color: #3C4858;
  background-color: transparent;
}

/* Entry label styling */
.entry-label--styled {
  font-weight: 700;
  text-align: left;
  font-size: 16px;
  font-family: Helvetica, sans-serif;
  color: #3c4858;
}

/* Entry error styling */
.entry-error--styled {
  font-size: 16px;
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #661d1d;
  background-color: #ffeded;
  border-radius: 3px;
  border-color: #ff4949;
}

/* Entry specification styling */
.entry-specification--styled {
  font-size: 12px;
  text-align: left;
  font-family: Helvetica, sans-serif;
  color: #8390A4;
}

/* Form block container */
.form-block-container {
  text-align: left;
}

/* Submit button styling */
.submit-button--styled {
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  font-family: Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #3E4857;
  border-radius: 3px;
  border-width: 0px;
}

/* Footer row styling */
.footer-row {
  justify-content: space-between;
}