/* The free-trial block on the articles. Deliberately unlike the page around it, because an
   article's job is to be read and this block's job is to be noticed at the end of it. */
#vp-cta { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; margin: 48px 0 8px; }
#vp-cta .vpc-inner {
  background: #12263f; color: #fff; border-radius: 14px; padding: 34px 32px;
  display: grid; grid-template-columns: 1fr 1.15fr; gap: 34px; align-items: start;
  max-width: 1040px; margin: 0 auto;
}
/* The article template sets h1 to h6 to Georgia and #333 with !important, so this block has
   to say it louder to keep its own type. Scoped to #vp-cta, so nothing else is affected. */
#vp-cta h2 {
  color: #fff !important;
  font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 27px; line-height: 1.25; margin: 0 0 12px; font-weight: 700;
}
#vp-cta .vpc-copy p { color: #c3ccdb !important; font-size: 15px; line-height: 1.65; margin: 0; }
#vp-cta label span { color: #c3ccdb !important; }
#vp-cta .vpc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
#vp-cta label { display: block; font-size: 13px; color: #c3ccdb; }
#vp-cta label span { display: block; margin-bottom: 5px; }
#vp-cta input {
  width: 100%; border: 1px solid #33425c; border-radius: 8px; background: #fff;
  padding: 11px 12px; font: inherit; font-size: 15px; color: #1a191e;
}
#vp-cta input:focus { outline: 2px solid #EB464B; outline-offset: 1px; border-color: #EB464B; }
#vp-cta .vpc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#vp-cta .vpc-captcha { margin: 14px 0 10px; }
#vp-cta .vpc-error { background: #fdeced; color: #b3181d; border-radius: 8px; padding: 10px 13px; font-size: 14px; margin-bottom: 10px; }
#vp-cta .vpc-submit {
  background: #EB464B; color: #fff; border: 0; border-radius: 8px; padding: 14px 30px;
  font: inherit; font-size: 16px; font-weight: 600; cursor: pointer;
  font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
#vp-cta .vpc-submit:hover { background: #d43a3f; }
#vp-cta .vpc-submit:disabled { opacity: .6; cursor: default; }
#vp-cta .vpc-alt { color: #97a3b6 !important; font-size: 13.5px; margin: 12px 0 0; }
#vp-cta .vpc-alt a { color: #fff !important; text-decoration: underline; }
@media (max-width: 860px) {
  #vp-cta .vpc-inner { grid-template-columns: 1fr; gap: 22px; padding: 26px 20px; border-radius: 12px; }
  #vp-cta .vpc-row { grid-template-columns: 1fr; }
  #vp-cta h2 { font-size: 23px; }
}
