



@keyframes rh34-avatar { to { transform:rotate(360deg); } }
.rr38 img { width:auto; height:auto; }
.rr38 p { max-width:none; }
.rr38 :is(h2,h3,h4) { letter-spacing:normal; overflow-wrap:normal; }
.rr38 {
  margin: 0;
}
.rr38 a {
  background-color: #0000;
}
.rr38 a:active, .rr38 a:hover {
  outline: 0;
}
.rr38 img {
  border: 0;
}
.rr38 * {
  box-sizing: border-box;
}
.rr38 {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.rr38 img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}
.rr38 .w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.rr38 h2 {
  margin-bottom: 10px;
  font-weight: bold;
}
.rr38 h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}
.rr38 p {
  margin-top: 0;
  margin-bottom: 10px;
}
.rr38 {
  --_color---body-bg: var(--color--gray-6);
  --_typography---font-family--body: "Reels Interdisplay", Arial, sans-serif;
  --_color---body-text: var(--color--gray-2);
  --_typography---body--body-md: 1rem;
  --_typography---body--line-height-1: 1.3em;
  --_typography---body--font-weight-2: 500;
  --_typography---font-family--heading: var(--atlas-boldonse);
  --_color---heading: var(--color--gray-1);
  --_typography---h1--h1: 4.25rem;
  --_typography---h1--line-height: 1.4em;
  --_typography---h1--font-weight: 400;
  --_typography---h2--h2: 2.625rem;
  --_typography---h2--line-height: 1.5em;
  --_typography---h2--font-weight: 400;
  --_typography---h3--h3: 2.25rem;
  --_typography---h3--line-height: 1.4em;
  --_typography---h3--font-weight: 400;
  --_typography---h4--h4: 1.875rem;
  --_typography---h4--line-height: 1.4em;
  --_typography---h4--font-weight: 400;
  --_typography---h5--h5: 1.75rem;
  --_typography---h5--line-height: 1.4em;
  --_typography---h5--font-weight: 400;
  --_typography---h6--h6: 1.5rem;
  --_typography---h6--line-height: 1.4em;
  --_typography---h6--font-weight: 400;
  --_typography---body--body-lg: 1.125rem;
  --color--primary-1: #ff742e;
  --border-radius--xxs: .3125rem;
  --color--gray-3-op20: #8b8b8b33;
  --_layout---container-max-width: 1660px;
  --_layout---container-gutter: 1.875rem;
  --color--gray-4: #ddd;
  --border-radius--form-input: .375rem;
  --color--transparent: #0000;
  --color--black: black;
  --color--gray-1: #161616;
  --border-radius--xxxl: 6.25rem;
  --color--white-op3: #ffffff08;
  --color--white: white;
  --color--white-op10: #ffffff1a;
  --color--white-op30: #ffffff4d;
  --color--gray-6: whitesmoke;
  --color--gray-3: #8b8b8b;
  --color--gray-2-op85: #4b4b4bd9;
  --_typography---body--font-weight-1: 400;
  --border-radius--button: 6.25rem;
  --_typography---body--line-height-2: 1.2em;
  --color--primary-3: #ffba43;
  --color--primary-2: #ffaee7;
  --border-radius--xs: .375rem;
  --color--gray-5: #e8e8e8;
  --_typography---body--font-weight-4: 700;
  --gap--gap-5: 10px;
  --_typography---body--body-sm: .875rem;
  --_layout---container-medium-max-width: 1340px;
  --_layout---container-medium-gutter: 1.875rem;
  --gap--gap-2: 4px;
  --border-radius--xl: 1.875rem;
  --border-radius--md: 1rem;
  --_layout---container-small-max-width: 920px;
  --_layout---container-small-gutter: 1.875rem;
  --gap--gap-8: 20px;
  --border-radius--lg: 1.25rem;
  --gap--gap-9: 30px;
  --_layout---spacing--section-spacing: 12.5rem;
  --_layout---spacing--section-spacing-top: 12.5rem;
  --_layout---spacing--section-spacing-bottom: 12.5rem;
  --_typography---body--font-weight-3: 600;
  --color--primary-5: #8763ff;
  --color--gray-2: #4b4b4b;
  --gap--gap-7: 16px;
  --gap--gap-10: 40px;
  --_typography---h1--h1-lg: 8.125rem;
  --color--primary-4: #33c791;
  --color--primary-6: #529dff;
  --color--primary-7: #f2a0a0;
  --gap--gap-3: 6px;
  --gap--gap-12: 60px;
  --gap--gap-6: 14px;
  --gap--gap-11: 50px;
  --gap--gap-4: 8px;
  --color--gray-3-op40: #8b8b8b66;
  --_typography---h1--h1-md: 3.875rem;
  --gap--gap-1: 2px;
  --color--primary-6-op20: #529dff33;
  --color--gray-3-op80: #8b8b8bcc;
  --gap--gap-15: 150px;
  --_typography---h2--h2-lg: 3.875rem;
  --border-radius--sm: .625rem;
  --color--gray-1-op80: #161616cc;
  --color--white-op80: #fffc;
  --color--gray-1-op97: #161616f7;
  --gap--gap-0: 0px;
  --color--black-op34: #00000057;
  --gap--gap-14: 80px;
  --border-radius--none: 0rem;
  --border-radius--xxl: 3.125rem;
  --gap--gap-13: 70px;
  --_color---border-color: var(--color--gray-4);
  --color--gray-1-op18: #1616162e;
}
.rr38 {
  background-color: var(--_color---body-bg);
  font-family: var(--_typography---font-family--body);
  color: var(--_color---body-text);
  font-size: var(--_typography---body--body-md);
  line-height: var(--_typography---body--line-height-1);
  font-weight: var(--_typography---body--font-weight-2);
}
.rr38 h2 {
  font-family: var(--_typography---font-family--heading);
  color: var(--_color---heading);
  font-size: var(--_typography---h2--h2);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .625rem;
}
.rr38 p {
  font-family: var(--_typography---font-family--body);
  color: var(--_color---body-text);
  font-size: var(--_typography---body--body-lg);
  font-weight: var(--_typography---body--font-weight-2);
  text-transform: none;
  margin-bottom: .625rem;
}
.rr38 a {
  color: var(--_color---body-text);
  font-size: var(--_typography---body--body-md);
  text-decoration: underline;
  transition: color .3s ease-in-out;
}
.rr38 a:hover {
  color: var(--color--primary-1);
}
.rr38 img {
  max-width: 100%;
  display: inline-block;
}
.rr38 .no-margin-bottom {
  margin-bottom: 0;
}
.rr38 .container-medium {
  max-width: var(--_layout---container-medium-max-width);
  padding-right: var(--_layout---container-medium-gutter);
  padding-left: var(--_layout---container-medium-gutter);
  margin-left: auto;
  margin-right: auto;
}
.rr38 .text-center {
  text-align: center;
}
.rr38 .section-spacing-bottom {
  padding-bottom: var(--_layout---spacing--section-spacing-bottom);
}
.rr38 .button-arrow {
  grid-column-gap: var(--gap--gap-5);
  grid-row-gap: var(--gap--gap-5);
  border-radius: var(--border-radius--button);
  background-color: var(--color--gray-1);
  justify-content: center;
  align-items: center;
  padding: .375rem 2rem .375rem .375rem;
  line-height: 1.3em;
  text-decoration: none;
  transition-property: none;
  display: flex;
  overflow: clip;
}
.rr38 .button-icon {
  width: 18px;
  height: 14px;
}
.rr38 .button-text {
  color: var(--color--white);
  font-size: var(--_typography---body--body-lg);
  line-height: var(--_typography---body--line-height-2);
}
.rr38 .button-icon-round {
  border-radius: var(--border-radius--button);
  background-color: var(--color--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  overflow: clip;
}
.rr38 .button-text-wrap {
  height: 22px;
  position: relative;
  overflow: clip;
}
.rr38 .button-hover-text {
  color: var(--color--white);
  font-size: var(--_typography---body--body-lg);
  line-height: var(--_typography---body--line-height-2);
}
.rr38 .pre-title {
  border: 1px solid var(--color--gray-3-op40);
  border-radius: var(--border-radius--xxxl);
  background-color: var(--color--white);
  color: var(--color--gray-1);
  justify-content: center;
  align-items: center;
  padding: .375rem 1.25rem;
  display: flex;
}
.rr38 .pre-title:where(.w-variant-014e772b-3e99-204f-a669-87dc1a008093) {
  border-color: var(--color--gray-3-op40);
}
.rr38 .button-right {
  grid-column-gap: var(--gap--gap-3);
  grid-row-gap: var(--gap--gap-3);
  text-decoration: none;
  display: flex;
  position: relative;
}
.rr38 .button-right:hover {
  color: var(--_color---body-text);
}
.rr38 .button-right-round {
  background-color: var(--color--gray-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.rr38 .button-right-round:where(.w-variant-878da796-2888-98cb-68e0-277b54832173) {
  background-color: var(--color--white);
}
.rr38 .button-right-title {
  color: var(--color--gray-1);
  font-size: var(--_typography---body--body-lg);
  line-height: var(--_typography---body--line-height-2);
}
.rr38 .button-right-title:where(.w-variant-878da796-2888-98cb-68e0-277b54832173) {
  color: var(--color--gray-1);
}
.rr38 .button-right-icon {
  width: 18px;
  height: 18px;
}
.rr38 .cta-content {
  border-radius: var(--border-radius--xl);
  background-color: var(--color--gray-4);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 15.625rem;
  padding-bottom: 9.375rem;
  display: flex;
  position: relative;
  overflow: clip;
}
.rr38 .cta-info {
  z-index: 2;
  grid-column-gap: var(--gap--gap-10);
  grid-row-gap: var(--gap--gap-10);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.rr38 .cta-top {
  grid-column-gap: var(--gap--gap-8);
  grid-row-gap: var(--gap--gap-8);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.rr38 .cta-bottom {
  grid-column-gap: var(--gap--gap-10);
  grid-row-gap: var(--gap--gap-10);
  justify-content: center;
  align-items: center;
  display: flex;
}
.rr38 .cta-avatar-list {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 40px auto auto;
  overflow: clip;
}
.rr38 .cta-avatar-item {
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  height: 100%;
  display: flex;
  position: absolute;
}
.rr38 .cta-avatar-item._02 {
  transform: rotate(30deg);
}
.rr38 .cta-avatar-item._03 {
  transform: rotate(60deg);
}
.rr38 .cta-avatar-item._04 {
  transform: rotate(90deg);
}
.rr38 .cta-avatar-item._05 {
  transform: rotate(120deg);
}
.rr38 .cta-avatar-item._06 {
  transform: rotate(150deg);
}
.rr38 .cta-avatar-wrap {
  border-radius: var(--border-radius--xl);
  background-color: var(--color--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  overflow: clip;
}
.rr38 .cta-avatar-wrap.rotate {
  transform: rotate(180deg);
}
.rr38 .cta-avatar {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.rr38 .cta-overlay {
  background-color: var(--color--gray-4);
  filter: blur(30px);
  pointer-events: none;
  width: 100%;
  height: 260px;
  position: absolute;
  inset: auto 0% -90px;
}
.rr38 .button-title-wrap {
  padding-top: .625rem;
  padding-bottom: .625rem;
  padding-right: 2.875rem;
  overflow: clip;
}
.rr38 .button-title-rolling {
  height: 22px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
.rr38 {
    --_typography---font-family--body: "Reels Interdisplay", Arial, sans-serif;
    --_typography---body--body-md: 1rem;
    --_typography---body--line-height-1: 1.3em;
    --_typography---body--font-weight-2: 500;
    --_typography---font-family--heading: var(--atlas-boldonse);
    --_typography---h1--h1: 3.25rem;
    --_typography---h1--line-height: 1.4em;
    --_typography---h1--font-weight: 400;
    --_typography---h2--h2: 2.625rem;
    --_typography---h2--line-height: 1.5em;
    --_typography---h2--font-weight: 400;
    --_typography---h3--h3: 2.25rem;
    --_typography---h3--line-height: 1.4em;
    --_typography---h3--font-weight: 400;
    --_typography---h4--h4: 1.875rem;
    --_typography---h4--line-height: 1.4em;
    --_typography---h4--font-weight: 400;
    --_typography---h5--h5: 1.75rem;
    --_typography---h5--line-height: 1.4em;
    --_typography---h5--font-weight: 400;
    --_typography---h6--h6: 1.5rem;
    --_typography---h6--line-height: 1.4em;
    --_typography---h6--font-weight: 400;
    --_typography---body--body-lg: 1.125rem;
    --_typography---body--font-weight-1: 400;
    --_typography---body--line-height-2: 1.2em;
    --_typography---body--font-weight-4: 700;
    --_typography---body--body-sm: .875rem;
    --_typography---body--font-weight-3: 600;
    --_typography---h1--h1-lg: 6.25rem;
    --_typography---h1--h1-md: 2.5rem;
    --_typography---h2--h2-lg: 3.625rem;
    --_layout---container-max-width: 1660px;
    --_layout---container-gutter: 1.25rem;
    --_layout---container-medium-max-width: 1340px;
    --_layout---container-medium-gutter: 1.25rem;
    --_layout---container-small-max-width: 920px;
    --_layout---container-small-gutter: 1.25rem;
    --_layout---spacing--section-spacing: 9.375rem;
    --_layout---spacing--section-spacing-top: 9.375rem;
    --_layout---spacing--section-spacing-bottom: 9.375rem;
  }
.rr38 .cta-content {
    padding-bottom: 8.125rem;
  }
}
@media screen and (max-width: 767px) {
.rr38 {
    --_typography---font-family--body: "Reels Interdisplay", Arial, sans-serif;
    --_typography---body--body-md: .875rem;
    --_typography---body--line-height-1: 1.3em;
    --_typography---body--font-weight-2: 500;
    --_typography---font-family--heading: var(--atlas-boldonse);
    --_typography---h1--h1: 3.125rem;
    --_typography---h1--line-height: 1.4em;
    --_typography---h1--font-weight: 400;
    --_typography---h2--h2: 2.25rem;
    --_typography---h2--line-height: 1.5em;
    --_typography---h2--font-weight: 400;
    --_typography---h3--h3: 1.875rem;
    --_typography---h3--line-height: 1.4em;
    --_typography---h3--font-weight: 400;
    --_typography---h4--h4: 1.875rem;
    --_typography---h4--line-height: 1.4em;
    --_typography---h4--font-weight: 400;
    --_typography---h5--h5: 1.75rem;
    --_typography---h5--line-height: 1.4em;
    --_typography---h5--font-weight: 400;
    --_typography---h6--h6: 1.5rem;
    --_typography---h6--line-height: 1.4em;
    --_typography---h6--font-weight: 400;
    --_typography---body--body-lg: 1rem;
    --_typography---body--font-weight-1: 400;
    --_typography---body--line-height-2: 1.2em;
    --_typography---body--font-weight-4: 700;
    --_typography---body--body-sm: .875rem;
    --_typography---body--font-weight-3: 600;
    --_typography---h1--h1-lg: 5rem;
    --_typography---h1--h1-md: 2.5rem;
    --_typography---h2--h2-lg: 2.813rem;
    --_layout---container-max-width: 1660px;
    --_layout---container-gutter: 1.25rem;
    --_layout---container-medium-max-width: 1340px;
    --_layout---container-medium-gutter: 1.25rem;
    --_layout---container-small-max-width: 920px;
    --_layout---container-small-gutter: 1.25rem;
    --_layout---spacing--section-spacing: 6.25rem;
    --_layout---spacing--section-spacing-top: 6.25rem;
    --_layout---spacing--section-spacing-bottom: 6.25rem;
  }
.rr38 .button-icon {
    width: 16px;
    height: 16px;
  }
.rr38 .button-icon-round {
    width: 34px;
    height: 34px;
  }
.rr38 .cta-content {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
.rr38 .cta-info {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
.rr38 .cta-bottom {
    grid-column-gap: var(--gap--gap-5);
    grid-row-gap: var(--gap--gap-5);
    flex-flow: wrap;
  }
.rr38 .cta-avatar-list {
    height: 950px;
    display: none;
  }
.rr38 .cta-avatar-item {
    width: 80px;
  }
.rr38 .cta-avatar-wrap {
    border-radius: var(--border-radius--lg);
    width: 80px;
    height: 80px;
  }
.rr38 .cta-overlay {
    display: none;
  }
}
@media screen and (max-width: 479px) {
.rr38 {
    --_typography---font-family--body: "Reels Interdisplay", Arial, sans-serif;
    --_typography---body--body-md: .875rem;
    --_typography---body--line-height-1: 1.3em;
    --_typography---body--font-weight-2: 500;
    --_typography---font-family--heading: var(--atlas-boldonse);
    --_typography---h1--h1: 2.5rem;
    --_typography---h1--line-height: 1.4em;
    --_typography---h1--font-weight: 400;
    --_typography---h2--h2: 2rem;
    --_typography---h2--line-height: 1.5em;
    --_typography---h2--font-weight: 400;
    --_typography---h3--h3: 1.875rem;
    --_typography---h3--line-height: 1.4em;
    --_typography---h3--font-weight: 400;
    --_typography---h4--h4: 1.25rem;
    --_typography---h4--line-height: 1.4em;
    --_typography---h4--font-weight: 400;
    --_typography---h5--h5: 1.25rem;
    --_typography---h5--line-height: 1.4em;
    --_typography---h5--font-weight: 400;
    --_typography---h6--h6: 1.25rem;
    --_typography---h6--line-height: 1.4em;
    --_typography---h6--font-weight: 400;
    --_typography---body--body-lg: 1rem;
    --_typography---body--font-weight-1: 400;
    --_typography---body--line-height-2: 1.2em;
    --_typography---body--font-weight-4: 700;
    --_typography---body--body-sm: .875rem;
    --_typography---body--font-weight-3: 600;
    --_typography---h1--h1-lg: 3.75rem;
    --_typography---h1--h1-md: 2rem;
    --_typography---h2--h2-lg: 2.125rem;
    --_layout---container-max-width: 1660px;
    --_layout---container-gutter: .9375rem;
    --_layout---container-medium-max-width: 1340px;
    --_layout---container-medium-gutter: .9375rem;
    --_layout---container-small-max-width: 920px;
    --_layout---container-small-gutter: .9375rem;
    --_layout---spacing--section-spacing: 6.25rem;
    --_layout---spacing--section-spacing-top: 6.25rem;
    --_layout---spacing--section-spacing-bottom: 6.25rem;
  }
.rr38 .pre-title {
    font-size: var(--_typography---body--body-sm);
    line-height: var(--_typography---body--line-height-2);
  }
.rr38 .button-right-round {
    width: 34px;
    height: 34px;
  }
.rr38 .button-right-icon {
    width: 14px;
    height: 14px;
  }
.rr38 .cta-content {
    border-radius: var(--border-radius--md);
  }
.rr38 .cta-info {
    max-width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.rr38 .cta-avatar-wrap {
    width: 50px;
    height: 50px;
  }
.rr38 .cta-avatar {
    width: 24px;
    height: 24px;
  }
}.rr38[data-rr38-reveal="waiting"] .cta-content {
  opacity:0;
  transform:translateY(50px);
}
.rr38[data-rr38-reveal="playing"] .cta-content {
  animation:rr38-reveal .8s cubic-bezier(.22,1,.36,1) both;
}
@keyframes rr38-reveal {
  from { opacity:0; transform:translateY(50px); }
}
.rr38 .cta-avatar-list {
  animation:rh34-avatar 100s linear infinite alternate;
}
.rr38 .rr38-roll-word { display:inline-block; white-space:nowrap; }
.rr38 .rr38-roll-char {
  display:inline-block;
  transition:transform .25s linear;
  transition-delay:var(--rr38-delay);
}
.rr38 a[button="hover"]:is(:hover,:focus-visible) .rr38-roll-char {
  transform:translateY(-100%);
}
@media(prefers-reduced-motion:reduce) {
  .rr38[data-rr38-reveal] .cta-content,.rr38 .cta-avatar-list {
    animation:none;
    opacity:1;
    transform:none;
  }
  .rr38 .rr38-roll-char { transition:none; }
}
