.cr_mbr {
  display: none;
}

.cr1 {
  overflow-x: clip;
  padding-top: 4.5rem;
}

.cr1_grid {
  position: relative;
  height: 39.25rem;
}

.cr1_txt {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 32.5rem;
  height: 100%;
}

.cr1_offer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.75rem;
  height: 36.375rem;
}

.cr1_offer h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 110%;
  color: var(--dark-700);
}

.cr1_check {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  list-style: none;
}

.cr1_check li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.cr1_check img {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.0625rem;
}

.cr1_check span {
  font-size: 1.125rem;
  line-height: 130%;
  color: rgba(29, 35, 43, 0.9);
}

.cr1_pay {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  opacity: 0.8;
  filter: grayscale(1);
}

.cr1_pay li {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  border: 0.0625rem solid rgba(29, 35, 43, 0.16);
  border-radius: 0.5rem;
}

.cr1_pay img {
  display: block;
  width: auto;
  height: 1.25rem;
}

.cr1_art {
  position: absolute;
  left: 27.9375rem;
  top: 0;
  width: 71.875rem;
  pointer-events: none;
}

.cr1_art img {
  display: block;
  width: 100%;
  height: auto;
}

.cr2 {
  margin-top: 9.5rem;
}

.cr2_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}

.cr2_head h2 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 110%;
  color: var(--dark-700);
}

.cr2_head p {
  width: 50.25rem;
  font-size: 1.375rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr2_head b {
  font-weight: 700;
}

.cr2_grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 35.5625rem 23.625rem 35.5625rem;
  grid-template-columns: 35.5625rem 23.625rem 35.5625rem;
  gap: 0.125rem;
  width: 95rem;
  margin: 3.25rem auto 0;
}

.cr2_side {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -ms-grid-rows: (11.4375rem)[3];
  grid-template-rows: repeat(3, 11.4375rem);
  gap: 0.125rem;
}

.cr2_tile {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  background: var(--white-700);
}

.cr2_pain {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.5rem;
  text-align: center;
}

.cr2_pain img {
  display: block;
  width: 2rem;
  height: 2rem;
}

.cr2_pain p {
  font-size: 1rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr2_big {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.cr2_coin_label {
  position: absolute;
  left: 0.875rem;
  top: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.cr2_coin_label img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  opacity: 0.4;
}

.cr2_coin_label p {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  color: var(--dark-700);
  opacity: 0.3;
}

.cr2_coin_label span {
  font-size: 0.75rem;
  line-height: 1.1;
}

.cr2_coin_label b {
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.1;
}

.cr2_spark {
  position: absolute;
  left: 0;
  top: 3.75rem;
  display: block;
  width: 11.8125rem;
  height: auto;
}

.cr2_center img {
  position: absolute;
  left: 0;
  top: 1.5rem;
  display: block;
  width: 100%;
  height: auto;
}

.cr2_robot {
  position: absolute;
  left: 31.4375rem;
  top: 8.1875rem;
  display: block;
  width: 30.75rem;
  height: auto;
  pointer-events: none;
}

.cr3,
.cr4,
.cr5,
.cr6,
.cr7,
.cr8,
.cr10 {
  margin-top: 9.5rem;
}

.cr3 h2,
.cr4_title,
.cr5_head h2,
.cr6_title,
.cr7_txt h2,
.cr8_txt h2,
.cr10_txt h2 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 110%;
  color: var(--dark-700);
}

.cr3_box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}

.cr3_box p {
  font-size: 1.375rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr3_coin {
  position: absolute;
  display: block;
  height: auto;
  pointer-events: none;
}

.cr3_coin--a {
  left: 76.03rem;
  top: -2.74rem;
  width: 4.8125rem;
  rotate: 9.61deg;
}

.cr3_coin--b {
  left: 9.4375rem;
  top: 13.25rem;
  width: 5.5rem;
  rotate: -8.37deg;
}

.cr4,
.cr6,
.cr8,
.cr10 {
  position: relative;
  overflow-x: clip;
}

.cr4,
.cr6 {
  isolation: isolate;
}

.cr4_bg,
.cr6_bg {
  position: absolute;
  left: 50%;
  z-index: -1;
  pointer-events: none;
}

.cr4_bg {
  top: -9rem;
  width: 105.6875rem;
  margin-left: -50.5rem;
}

.cr6_bg {
  top: -13.25rem;
  width: 127.75rem;
  margin-left: -72.5625rem;
}

.cr4_bg img,
.cr6_bg img {
  display: block;
  width: 100%;
  height: auto;
}

.cr4_title,
.cr6_title {
  text-align: center;
}

.cr4_tabs {
  display: flex;
  gap: 0.5rem;
  margin-top: 3.875rem;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(29, 35, 43, 0.16);
  border-radius: 1.125rem;
}

.cr4_tab {
  flex: 1 1 0;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  background: var(--white-700);
  font-size: 1rem;
  font-weight: 400;
  line-height: 130%;
  color: rgba(29, 35, 43, 0.72);
  box-shadow: 0.0275rem 0.0275rem 0.0394rem -0.0625rem rgba(0, 0, 0, 0.26);
  cursor: pointer;
  transition: color 0.3s, box-shadow 0.3s;
}

.cr4_tab:hover {
  color: var(--dark-700);
}

.cr4_tab.is-active {
  font-weight: 700;
  color: var(--dark-700);
  box-shadow: -0.035rem -0.035rem 0 0 rgba(0, 0, 0, 0.1), 0.1756rem 0.1756rem 0.2113rem -0.1756rem rgba(0, 0, 0, 0.15), 0.2075rem 0.2075rem 0.2931rem -0.1406rem rgba(0, 0, 0, 0.1), 0.0938rem 0.0938rem 0.1325rem -0.1056rem rgba(0, 0, 0, 0.25), 0.0425rem 0.0425rem 0.06rem -0.0706rem rgba(0, 0, 0, 0.18), 0.0156rem 0.0156rem 0.0219rem -0.035rem rgba(0, 0, 0, 0.2), inset -0.035rem -0.035rem 0.0706rem 0 rgba(0, 0, 0, 0.15), inset 0.035rem 0.035rem 0.0706rem 0 #fff;
  cursor: default;
}

.cr4_cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.5rem;
  list-style: none;
}

.cr4_cards[hidden] {
  display: none;
}

.cr4_card {
  display: flex;
  gap: 1.5rem;
  height: 18.5rem;
  padding: 2rem 2rem 0;
  overflow: hidden;
  border-radius: 1.5rem;
  background: var(--white-700);
  box-shadow: 0.125rem 0.125rem 0.1644rem -0.0625rem rgba(0, 0, 0, 0.26);
}

.cr4_card_txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  padding-bottom: 2rem;
}

.cr4_card_txt p {
  font-size: 1rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr4_card_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.375rem;
  height: 3.375rem;
  border: 0.0625rem solid rgba(29, 35, 43, 0.16);
  border-radius: 1.125rem;
  font-size: 1rem;
  line-height: 130%;
  color: rgba(29, 35, 43, 0.42);
}

.cr4_phone {
  position: relative;
  flex-shrink: 0;
  width: 12.5rem;
  height: 16.5rem;
}

.cr4_phone img {
  position: absolute;
  left: -0.15rem;
  top: -0.15rem;
  display: block;
  width: 14.03rem;
  max-width: none;
  height: auto;
}

.cr5_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}

.cr5_head p {
  width: 45.75rem;
  font-size: 1.375rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr5_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 3.25rem;
  list-style: none;
  opacity: 0.8;
}

.cr5_grid li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.75rem;
  border: 0.0625rem solid rgba(29, 35, 43, 0.16);
  border-radius: 1.5rem;
}

.cr5_grid img {
  display: block;
  height: auto;
}

.cr5_grid li:nth-child(1) img {
  width: 6.8125rem;
}

.cr5_grid li:nth-child(2) img {
  width: 5.75rem;
}

.cr5_grid li:nth-child(3) img {
  width: 8.375rem;
}

.cr5_grid li:nth-child(4) img {
  width: 6.8125rem;
}

.cr5_grid li:nth-child(5) img {
  width: 4.6875rem;
}

.cr5_grid li:nth-child(6) img {
  width: 4.1875rem;
}

.cr5_grid li:nth-child(7) img {
  width: 5.25rem;
}

.cr5_grid li:nth-child(8) img {
  width: 7.8125rem;
}

.cr6_grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3.25rem;
  margin-top: 3.25rem;
}

.cr6_card {
  padding: 0 1.5rem 0 3.5rem;
  border-radius: 1.5rem;
  background: var(--white-700);
  box-shadow: 0.125rem 0.125rem 0.1644rem -0.0625rem rgba(0, 0, 0, 0.26);
}

.cr6_list {
  list-style: none;
}

.cr6_row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  height: 4.5625rem;
  border-bottom: 0.0625rem solid rgba(29, 35, 43, 0.16);
  font-size: 1rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr6_row:last-child {
  height: 4.5rem;
  border-bottom: 0;
}

.cr6_row::before {
  content: "";
  position: absolute;
  left: -1.875rem;
  top: 50%;
  width: 0.25rem;
  height: 0.25rem;
  margin-top: -0.15625rem;
  border-radius: 50%;
  background: rgba(29, 35, 43, 0.42);
  box-shadow: 0 0 0 0.1875rem rgba(29, 35, 43, 0.1);
}

.cr6_row:not(:last-child)::after {
  content: "";
  position: absolute;
  left: -1.8125rem;
  top: 50%;
  width: 0.125rem;
  height: 3.4375rem;
  margin-top: 0.53125rem;
  background: repeating-linear-gradient(to bottom, rgba(29, 35, 43, 0.16) 0 0.0625rem, transparent 0.0625rem 0.1875rem);
}

.cr6_row--head {
  font-weight: 700;
}

.cr6_row img {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

.cr6_row_txt {
  flex: 1 1 auto;
}

.cr6_row_num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border: 0.0625rem solid rgba(29, 35, 43, 0.16);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 130%;
  color: rgba(29, 35, 43, 0.42);
}

.cr6_card--karton {
  position: relative;
}

.cr6_robot {
  position: absolute;
  left: 7.5rem;
  top: 17.25rem;
  display: block;
  width: 22.9375rem;
  height: auto;
  pointer-events: none;
}

.cr7_card {
  position: relative;
  height: 42.5rem;
  padding: 3.25rem;
  overflow: hidden;
  border-radius: 3.125rem;
  background: #795336;
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.16);
}

.cr7_bg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

.cr7_robot {
  position: absolute;
  left: 37.5625rem;
  top: 2.8125rem;
  display: block;
  width: 41.125rem;
  height: auto;
  pointer-events: none;
}

.cr7_txt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 35.0625rem;
}

.cr7_txt h2 {
  color: var(--white-700);
}

.cr7_lead {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 130%;
  color: var(--white-700);
}

.cr7_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
}

.cr7_chips li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0.875rem;
  border-radius: 0.7144rem;
  background: var(--white-700);
  box-shadow: 0.125rem 0.125rem 0.1644rem -0.0625rem rgba(0, 0, 0, 0.26);
  font-size: 1rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr7_chips img {
  display: block;
  width: 1rem;
  height: 1rem;
}

.cr7_note {
  font-size: 1rem;
  line-height: 130%;
  color: var(--white-700);
}

.cr7_btn {
  position: absolute;
  left: 3.25rem;
  top: 35.25rem;
}

.cr8_grid {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.cr8_art {
  position: absolute;
  left: -4.8125rem;
  top: 1.5rem;
  width: 45.34375rem;
  pointer-events: none;
}

.cr8_art img,
.cr10_art img {
  display: block;
  width: 100%;
  height: auto;
}

.cr8_txt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.25rem;
  width: 42.5rem;
  margin-right: -2.5rem;
}

.cr8_list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  list-style: none;
}

.cr8_list li {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.cr8_list i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 1.25rem;
  background: var(--white-700);
  box-shadow: 0.0388rem 0.0388rem 0.0544rem -0.0863rem rgba(0, 0, 0, 0.26);
}

.cr8_list i img {
  display: block;
  width: 2rem;
  height: 2rem;
}

.cr8_list div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.cr8_list p {
  font-size: 1rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr8_list .cr8_item_title {
  font-size: 1.125rem;
  font-weight: 700;
}

.trading_page .b8 {
  margin-top: 9.5rem;
  padding-top: 0;
}

.trading_page .b8_item {
  position: relative;
  box-shadow: 0.125rem 0.125rem 0.1644rem -0.0625rem rgba(0, 0, 0, 0.26);
}

.trading_page .b8_head {
  padding: 2.45625rem 6.125rem 2.45625rem 2rem;
  transition: padding 0.4s ease;
}

.trading_page .b8_item.is-open .b8_head {
  padding-top: 1.5rem;
  padding-bottom: 0.25rem;
}

.trading_page .b8_toggle {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  translate: 0 -50%;
  box-shadow: -0.035rem -0.035rem 0 0 rgba(0, 0, 0, 0.1), 0.1756rem 0.1756rem 0.2113rem -0.1756rem rgba(0, 0, 0, 0.15), 0.2075rem 0.2075rem 0.2931rem -0.1406rem rgba(0, 0, 0, 0.1), 0.0938rem 0.0938rem 0.1325rem -0.1056rem rgba(0, 0, 0, 0.25), 0.0425rem 0.0425rem 0.06rem -0.0706rem rgba(0, 0, 0, 0.18), 0.0156rem 0.0156rem 0.0219rem -0.035rem rgba(0, 0, 0, 0.2), inset -0.035rem -0.035rem 0.0706rem 0 rgba(0, 0, 0, 0.15), inset 0.035rem 0.035rem 0.0706rem 0 #fff;
}

.trading_page .b8_body p {
  padding: 0 6.125rem 1.5rem 2rem;
  color: rgba(29, 35, 43, 0.9);
}

.trading_page .ft_card {
  box-shadow: 0.125rem 0.125rem 0.1644rem -0.0625rem rgba(0, 0, 0, 0.26);
}

.trading_page .ft_top {
  gap: 0.5rem;
}

.trading_page .ft_soc {
  margin-right: auto;
}

.cr10_grid {
  position: relative;
  height: 22.5625rem;
}

.cr10_txt {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  width: 42.5rem;
}

.cr10_txt p {
  font-size: 1.125rem;
  line-height: 130%;
  color: var(--dark-700);
}

.cr10_art {
  position: absolute;
  left: 38.75rem;
  top: -6.5rem;
  width: 47.65625rem;
  pointer-events: none;
}

.cr_js :where(.cr1_offer h1, .cr1_check li, .cr1_btn, .cr1_pay li, .cr1_art, .cr2_head > *, .cr2_tile, .cr2_robot, .cr3_box h2, .cr3_box p, .cr3_box .btn, .cr4_title, .cr4_tabs, .cr4_card, .cr5_head > *, .cr5_grid li, .cr6_title, .cr6_card, .cr6_row, .cr6_robot, .cr7_card, .cr7_txt > *, .cr7_chips li, .cr7_robot, .cr8_art, .cr8_txt h2, .cr8_list li, .cr8_txt .btn, .trading_page .b8_title, .trading_page .b8_item, .cr10_txt > *, .cr10_art) {
  opacity: 0;
}

.cr_js .is-in {
  -webkit-animation: cr-up 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both;
          animation: cr-up 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both;
}

.cr_js .cr7_chips li.is-in {
  -webkit-animation-name: cr-pop;
          animation-name: cr-pop;
}

.cr_js :where(.cr1_art, .cr2_robot, .cr8_art, .cr10_art).is-in {
  -webkit-animation: cr-zoom 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both;
          animation: cr-zoom 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both;
}

.cr_js .cr6_robot.is-in {
  -webkit-animation: cr-zoom 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both, cr-wave 4.5s ease-in-out 1.2s infinite;
          animation: cr-zoom 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both, cr-wave 4.5s ease-in-out 1.2s infinite;
}

.cr_js .cr7_robot.is-in {
  -webkit-animation: cr-zoom 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both, cr-push 5s ease-in-out 1.2s infinite;
          animation: cr-zoom 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) var(--d, 0s) both, cr-push 5s ease-in-out 1.2s infinite;
}

.cr_js .cr2_spark {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

.cr_js .cr2_coin.is-in .cr2_spark {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  transition: -webkit-clip-path 1.8s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.3s);
  transition: clip-path 1.8s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.3s);
  transition: clip-path 1.8s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.3s), -webkit-clip-path 1.8s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.3s);
}

.cr_js .cr2_center img {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}

.cr_js .cr2_center.is-in img {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  transition: -webkit-clip-path 1.6s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.2s);
  transition: clip-path 1.6s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.2s);
  transition: clip-path 1.6s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.2s), -webkit-clip-path 1.6s cubic-bezier(0.4, 0, 0.2, 1) calc(var(--d, 0s) + 0.2s);
}

.cr6_robot {
  transform-origin: 50% 100%;
}

.cr7_robot {
  transform-origin: 50% 100%;
}

.cr1_art,
.cr3_coin,
.cr8_art,
.cr10_art {
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.cr1_art img,
.cr8_art img,
.cr10_art img {
  -webkit-animation: cr-float var(--dur, 7s) ease-in-out var(--delay, 0s) infinite;
          animation: cr-float var(--dur, 7s) ease-in-out var(--delay, 0s) infinite;
}

.cr1_art img {
  --float: -0.75rem;
}

.cr8_art img {
  --dur: 8s;
  --delay: 0.8s;
  --float: -0.6rem;
}

.cr10_art img {
  --dur: 7.5s;
  --delay: 0.4s;
  --float: -0.7rem;
}

.cr3_coin {
  -webkit-animation: cr-coin var(--dur, 6s) ease-in-out var(--delay, 0s) infinite;
          animation: cr-coin var(--dur, 6s) ease-in-out var(--delay, 0s) infinite;
}

.cr3_coin--a {
  --r: 9.61deg;
  --dur: 5.6s;
  --float: -0.9rem;
}

.cr3_coin--b {
  --r: -8.37deg;
  --dur: 6.4s;
  --delay: 0.7s;
  --float: -1.1rem;
}

.cr6_row {
  --halo: 0.1875rem;
  --dash: 0.1875rem;
}

.cr6_row::before {
  -webkit-animation: cr-dot 3.5s ease-in-out calc(var(--n, 0) * 0.35s) infinite;
          animation: cr-dot 3.5s ease-in-out calc(var(--n, 0) * 0.35s) infinite;
}

.cr6_row:not(:last-child)::after {
  -webkit-animation: cr-dash 1.2s linear infinite;
          animation: cr-dash 1.2s linear infinite;
}

.cr6_card--karton .cr6_row::before {
  --dot: #327b3d;
}

.cr6_row:nth-child(2) {
  --n: 1;
}

.cr6_row:nth-child(3) {
  --n: 2;
}

.cr6_row:nth-child(4) {
  --n: 3;
}

.cr6_row:nth-child(5) {
  --n: 4;
}

.cr6_row:nth-child(6) {
  --n: 5;
}

.cr6_row:nth-child(7) {
  --n: 6;
}

.cr4_phone img {
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.cr5_grid li {
  transition: background-color 0.3s, transform 0.3s;
}

.cr2_pain img,
.cr8_list i img {
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}

@-webkit-keyframes cr-up {
  from {
    opacity: 0;
    translate: 0 2rem;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes cr-up {
  from {
    opacity: 0;
    translate: 0 2rem;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@-webkit-keyframes cr-side {
  from {
    opacity: 0;
    translate: 2rem 0;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes cr-side {
  from {
    opacity: 0;
    translate: 2rem 0;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@-webkit-keyframes cr-pop {
  from {
    opacity: 0;
    scale: 0.8;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

@keyframes cr-pop {
  from {
    opacity: 0;
    scale: 0.8;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

@-webkit-keyframes cr-zoom {
  from {
    opacity: 0;
    scale: 0.94;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

@keyframes cr-zoom {
  from {
    opacity: 0;
    scale: 0.94;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

@-webkit-keyframes cr-float {
  0%, 100% {
    translate: 0 0;
  }

  50% {
    translate: 0 var(--float, -0.75rem);
  }
}

@keyframes cr-float {
  0%, 100% {
    translate: 0 0;
  }

  50% {
    translate: 0 var(--float, -0.75rem);
  }
}

@-webkit-keyframes cr-coin {
  0%, 100% {
    translate: 0 0;
    rotate: var(--r, 0deg);
  }

  50% {
    translate: 0 var(--float, -0.75rem);
    rotate: calc(var(--r, 0deg) + 8deg);
  }
}

@keyframes cr-coin {
  0%, 100% {
    translate: 0 0;
    rotate: var(--r, 0deg);
  }

  50% {
    translate: 0 var(--float, -0.75rem);
    rotate: calc(var(--r, 0deg) + 8deg);
  }
}

@-webkit-keyframes cr-wave {
  0%, 100% {
    rotate: 0deg;
  }

  50% {
    rotate: -2.5deg;
  }
}

@keyframes cr-wave {
  0%, 100% {
    rotate: 0deg;
  }

  50% {
    rotate: -2.5deg;
  }
}

@-webkit-keyframes cr-push {
  0%, 100% {
    translate: 0 0;
  }

  50% {
    translate: 0.75rem 0;
  }
}

@keyframes cr-push {
  0%, 100% {
    translate: 0 0;
  }

  50% {
    translate: 0.75rem 0;
  }
}

@-webkit-keyframes cr-dot {
  0%, 60%, 100% {
    background: rgba(29, 35, 43, 0.42);
    box-shadow: 0 0 0 var(--halo) rgba(29, 35, 43, 0.1);
  }

  20% {
    background: var(--dot, var(--dark-700));
    box-shadow: 0 0 0 calc(var(--halo) * 2) rgba(29, 35, 43, 0.06);
  }
}

@keyframes cr-dot {
  0%, 60%, 100% {
    background: rgba(29, 35, 43, 0.42);
    box-shadow: 0 0 0 var(--halo) rgba(29, 35, 43, 0.1);
  }

  20% {
    background: var(--dot, var(--dark-700));
    box-shadow: 0 0 0 calc(var(--halo) * 2) rgba(29, 35, 43, 0.06);
  }
}

@-webkit-keyframes cr-dash {
  to {
    background-position: 0 var(--dash);
  }
}

@keyframes cr-dash {
  to {
    background-position: 0 var(--dash);
  }
}

@media (min-width: 681px) and (max-width: 1199px) {
  html:has(.trading_page),
  body.trading_page {
    font-size: 1.05vw;
  }

  .trading_page section .main {
    max-width: 85rem;
    padding: 0;
  }
}

@media (hover: hover) {
  .cr4_card:hover .cr4_phone img {
    transform: translate3d(0, -0.75rem, 0);
  }

  .cr5_grid li:hover {
    background-color: var(--white-700);
    transform: translate3d(0, -0.25rem, 0);
  }

  .cr2_pain:hover img {
    transform: scale(1.15) rotate(-6deg);
  }

  .cr8_list li:hover i img {
    transform: scale(1.15);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cr1_art img,
  .cr8_art img,
  .cr10_art img,
  .cr3_coin,
  .cr6_row::before,
  .cr6_row:not(:last-child)::after {
    -webkit-animation: none;
            animation: none;
  }
}