/* /newhome closing call to action: the live homepage "not yet" section, in the
   /newhome palette. Markup: templates/website/partials/newhome-not-yet.html
   The button reuses the hero's .nh-button--demo styles. */

.newhome .nh-not-yet {
  /* "What we believe" already fades into this navy, so start on solid colour. */
  padding: 72px 0 132px;
  background: #09254a;
  color: #fff;
  text-align: center;
}
.newhome .nh-not-yet .nh-wrap { max-width: 760px; }
.newhome .nh-not-yet__mark {
  display: block;
  width: 128px;
  height: 128px;
  margin: 0 auto 22px;
  object-fit: contain;
  filter: drop-shadow(0 14px 26px #0010308c) drop-shadow(0 0 34px #12c9e833);
}
.newhome .nh-not-yet .nh-eyebrow { justify-content: center; margin-bottom: 20px; color: #a8f2ff; }
.newhome .nh-not-yet h2 {
  margin: 0 0 26px;
  color: #fff;
  font: 700 clamp(43px, 5vw, 70px)/.98 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.06em;
}
.newhome .nh-not-yet h2 em { color: #80efff; font-style: normal; }
.newhome .nh-not-yet > .nh-wrap > p:not([class]) { max-width: 600px; margin: 0 auto; color: #d6e8f8; font: 400 20px/1.55 Inter, Arial, sans-serif; }
.newhome .nh-not-yet__line { margin: 38px auto 34px; color: #fff; font: 700 27px/1.15 'Space Grotesk', Arial, sans-serif; letter-spacing: -.02em; }

@media (max-width: 530px) {
  .newhome .nh-not-yet { padding: 48px 0 90px; }
  .newhome .nh-not-yet__mark { width: 96px; height: 96px; margin-bottom: 18px; }
  .newhome .nh-not-yet h2 br { display: none; }
  .newhome .nh-not-yet > .nh-wrap > p:not([class]) { font-size: 18px; }
  .newhome .nh-not-yet__line { margin: 30px auto 28px; font-size: 23px; }
}