/* Extracted from homepage.html. */
*,
*::before,
*::after {
  box-sizing:border-box
}
html {
  scroll-behavior:auto !important;
  height:100%;
  margin:0;
  padding:0;
  background:var(--earn-black);
  overflow-anchor:none;
}
/* Honor user's reduced-motion preference - disables all animations,
   transitions, and the scroll-driven fold animation for users who
   set it (system preference). Materially improves perceived speed
   for folks on lower-end devices or with vestibular sensitivities. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}
body {
  height:100%;
  margin:0;
  padding:0;
  background:var(--earn-black);
  font-family:var(--earn-font);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  color:#0a0a0a;
  overscroll-behavior-y:none;
}
:root {
  /* Page layout vars */
  --W:1280;
  --H:840;
  --GREEN:#000;
  --PHONE-H:640;
  --COL:420;
  --GAP:120;
  --PHONE-R:30px;
  --PHONE-SHADOW: drop-shadow(0 22px 44px rgba(0, 0, 0, .14)) drop-shadow(0 3px 12px rgba(0, 0, 0, .08));
  --PHONE_START_SCALE:1.70;
  --PHONE_START_Y:200;
}
#stage1 {
  --W: 1600;
}
#stage3 {
  --W: 1600;
}
#stage5 {
  --W: 1600;
}
#stage2 {
  --W: 1180;
  --H: 780;
}