body.hk-new-home {
  --brand-start: #0d9488;
  --brand-mid: #0891b2;
  --brand-end: #1d4ed8;
  --page-base: #f8fafc;
  --ink-strong: #0f172a;
  --signup-input-border: rgb(6 146 178 / 0.82);
  --signup-input-border-focus: rgb(6 146 178);
  --signup-input-ring: rgb(6 146 178 / 0.22);

  background: radial-gradient(900px 420px at 10% -5%, rgba(20, 184, 166, 0.16), transparent 55%),
    radial-gradient(900px 460px at 96% -10%, rgba(14, 165, 233, 0.12), transparent 58%),
    var(--page-base);
  color: var(--ink-strong);
}

body.hk-new-home .brand-gradient {
  background: linear-gradient(120deg, var(--brand-start), var(--brand-mid), var(--brand-end));
}

body.hk-new-home .new-home-hero-shell,
body.hk-new-home .new-home-how-it-works-shell {
  background: linear-gradient(140deg, #0369a1, #0891b2, #0ea5a0);
}

body.hk-new-home .new-home-card-media-top {
  object-position: 50% 20%;
}

body.hk-new-home .fade-delay-2 {
  animation-delay: 0.16s;
}

@media (min-width: 1030px) and (max-width: 1088px) {
  body.hk-new-home .hero-main-title {
    font-size: 2.75rem;
    line-height: 1.3;
  }
}

@media (min-width: 1084px) {
  body.hk-new-home .hero-main-title {
    line-height: 1.3 !important;
  }
}

body.hk-new-home .new-home-signup-input {
  border-color: var(--signup-input-border) !important;
}

body.hk-new-home .new-home-signup-input:focus {
  border-color: var(--signup-input-border-focus) !important;
  --tw-ring-color: var(--signup-input-ring) !important;
}