/* Home-only visual settings. Loaded before home-redesign.css on the homepage. */
body.site-v4 {
  --home-nav-hover: #9b78e7;
  --home-mode-text: #5e5866;
  --home-mode-active-text: #fff;
  --home-mode-active-background: #171824;
  --home-mode-border: rgb(84 66 108 / 9%);
  --home-mode-background: rgb(255 255 255 / 88%);
  --home-button-primary-hover: #ed3c12;
  --home-button-light-text: #211a36;
  --home-button-light-background: #fff;
  --home-button-light-hover-background: #f5f0ff;

  --home-hero-background: #fff7ed;
  --home-hero-text: #191722;
  --home-hero-copy: #292532;
  --home-hero-eyebrow: #6d5b90;
  --home-hero-note: #5f5967;
  --home-hero-overlay: linear-gradient(90deg, #fff7ed 0%, rgb(255 247 237 / 98%) 25%, rgb(255 247 237 / 88%) 39%, rgb(255 247 237 / 36%) 62%, rgb(255 247 237 / 2%) 82%), linear-gradient(0deg, #fff7ed 0%, rgb(255 247 237 / 0%) 23%);
  --home-hero-friends-background: #211b72;
  --home-hero-friends-text: #fff;
  --home-hero-friends-copy: #efedff;
  --home-hero-friends-eyebrow: #e9dcff;
  --home-hero-friends-note: #e9e3ff;
  --home-hero-friends-overlay: linear-gradient(90deg, #211b72 0%, rgb(33 27 114 / 94%) 30%, rgb(37 34 121 / 70%) 52%, rgb(37 34 121 / 12%) 82%, transparent 100%), linear-gradient(0deg, rgb(33 27 114 / 88%), transparent 24%);
  --home-sticker-text: #262230;
  --home-sticker-background: #fffdf9;
  --home-sticker-shadow: 0 10px 28px rgb(52 38 28 / 14%);
  --home-sticker-icon: #ff4a1c;

  --home-section-background: #fff;
  --home-proof-background: #fff;
  --home-proof-border: #e9e3ed;
  --home-proof-shadow: 0 8px 24px rgb(52 38 72 / 5%);
  --home-proof-metric-background: #f8f5fc;
  --home-proof-icon: #6540cd;
  --home-live-dot-background: #4edb9a;
  --home-live-dot-shadow: 0 0 0 4px rgb(78 219 154 / 14%);
  --home-step-mint-background: #e4f5ed;
  --home-step-lavender-background: #eee8ff;
  --home-step-peach-background: #fff0e6;
  --home-games-background: #11132a;
  --home-history-background: #f5f2fa;
  --home-company-background: #f5f2fa;
  --home-hub-background: #fff;
  --home-hub-border: #e5dfed;
  --home-hub-stat-background: #efe8ff;
  --home-hub-stat-second-background: #d9f4e9;
  --home-hub-stat-third-background: #ffeadc;
  --home-hub-team-background: #f7f5fa;
  --home-content-card-background: #fff;
  --home-content-card-border: #ebe7ef;
  --home-faq-background: #f7f5fa;
}

@media (max-width: 767px) {
  body.site-v4 {
    --home-hero-overlay: linear-gradient(180deg, rgb(255 248 239 / 98%) 0%, rgb(255 248 239 / 94%) 60%, rgb(255 248 239 / 56%) 82%, rgb(255 248 239 / 18%) 100%);
    --home-hero-friends-overlay: linear-gradient(180deg, rgb(33 27 114 / 97%) 0%, rgb(37 34 121 / 92%) 60%, rgb(37 34 121 / 64%) 82%, rgb(37 34 121 / 28%) 100%);
    --home-hero-friends-copy: #fff;
  }
}