:root {
  --code2-red: #e30613;
  --code2-yellow: #fbff00;
  --code2-dark: #090909;
  --code2-card: #171717;
  --code2-muted: #b7b7b7;
}

html.code2-loading #allrecords { opacity: 0; }
html.code2-ready #allrecords { opacity: 1; transition: opacity .18s ease; }
html, body, #allrecords { overflow-x: clip; }

#rec973501601,
#rec1021406421,
#rec975932051,
#rec976144696 { display: none !important; }

.code2-inline-text { color: inherit; }

.code2-scroll-video-section {
  position: relative;
  width: 100vw;
  height: 1100vh;
  min-height: 9000px;
  margin-left: calc(50% - 50vw);
  background: #000;
  overflow: clip;
}

.code2-scroll-video-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100dvh;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.code2-scroll-video-wrap {
  position: relative;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  margin: 0 auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #050505;
  box-shadow: none;
}

.code2-scroll-video {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center top;
  background: #050505;
}

.code2-scroll-video-hint {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 2;
  width: max-content;
  max-width: calc(100% - 28px);
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.62);
  color: #fff;
  font: 600 12px/1.2 'TildaSans', Arial, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  pointer-events: none;
}

#rec976017811 {
  min-height: 200px;
  display: grid;
  place-items: center;
  background: #000;
}

.code2-timer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
  color: #fff;
  font-family: 'TildaSans', Arial, sans-serif;
}

.code2-timer-wrap { text-align: center; }

.code2-timer div { min-width: 105px; text-align: center; }
.code2-timer strong { display: block; height: 1em; overflow: hidden; font-size: 60px; line-height: 1; font-weight: 400; font-variant-numeric: tabular-nums; }
.code2-digit-track { display: grid; grid-template-rows: 1em 1em; transform: translate3d(0,0,0); }
.code2-digit-track > span { display: block; height: 1em; line-height: 1; }
.code2-timer strong.code2-digit-rolling .code2-digit-track { animation: code2DigitRoll .42s cubic-bezier(.22,1,.36,1) forwards; }
.code2-timer span { display: block; margin-top: 8px; color: #c7c7c7; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.code2-timer b { font-size: 54px; line-height: .9; font-weight: 400; }
.code2-timer.code2-counting strong { color: #fff; }

@keyframes code2DigitRoll {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(0,-1em,0); }
}

@media (max-width: 640px) {
  .code2-timer { gap: 7px; }
  .code2-timer div { min-width: 76px; }
  .code2-timer strong { font-size: 46px; }
  .code2-timer b { font-size: 40px; }
}

.code2-package-record,
.code2-final-record {
  background: var(--code2-dark);
  color: #fff;
  font-family: "TildaSans", Arial, sans-serif;
}

html,
body,
#allrecords {
  background: var(--code2-dark);
}

#rec973250246,
#rec976017811,
#rec975927201,
#rec976145266 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: var(--code2-dark) !important;
}

#rec973501601,
#rec1021406421,
#rec975932051,
#rec976144696 {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#rec973442036 {
  background: #fff !important;
  color: #000 !important;
}

#rec973442036 .t006__uptitle {
  color: #fff !important;
}

#rec973442036 .t006__uptitle-wrapper {
  background: #000 !important;
}

#rec973442036 .t006__text-impact {
  color: #000 !important;
}

.code2-package,
.code2-final {
  max-width: 1180px;
  margin: 0 auto;
  padding: 96px 24px;
}

.code2-kicker {
  color: var(--code2-red);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .22em;
  text-align: center;
  text-transform: uppercase;
}

.code2-heading {
  max-width: 980px;
  margin: 22px auto 18px;
  color: #fff;
  font-size: clamp(38px, 5vw, 70px);
  font-weight: 700;
  line-height: .98;
  text-align: center;
}

.code2-lead {
  max-width: 780px;
  margin: 0 auto 48px;
  color: #e8e8e8;
  font-size: 21px;
  line-height: 1.45;
  text-align: center;
}

.code2-unique {
  max-width: 900px;
  margin: -18px auto 48px;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

.code2-unique strong { color: var(--code2-yellow); }

.code2-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.code2-item {
  min-height: 188px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(145deg, #1c1c1c 0%, #101010 100%);
  transition: transform .24s cubic-bezier(.22,.61,.36,1), border-color .24s ease, background-color .24s ease;
}

@media (hover: hover) and (pointer: fine) {
  .code2-item:hover {
    transform: translateY(-4px);
    border-color: rgba(227,6,19,.65);
    background: linear-gradient(145deg, #21191a 0%, #111 100%);
  }

  .code2-cta:hover {
    transform: translateY(-2px) scale(1.015);
    background: #18dc70;
  }
}

.code2-num {
  display: block;
  margin-bottom: 20px;
  color: var(--code2-red);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
}

.code2-item h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 21px;
  line-height: 1.12;
}

.code2-item p {
  margin: 0;
  color: var(--code2-muted);
  font-size: 16px;
  line-height: 1.42;
}

.code2-pricebox {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 24px;
  align-items: center;
  margin-top: 32px;
  padding: 34px;
  border: 2px solid var(--code2-red);
  background: #110000;
}

.code2-pricebox > div:last-child {
  justify-self: end;
  text-align: center;
}

.code2-price-label {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

.code2-price {
  margin-top: 7px;
  color: var(--code2-yellow);
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 800;
  line-height: 1;
}

.code2-support {
  margin-top: 12px;
  color: #fff;
  font-size: 19px;
  line-height: 1.35;
}

.code2-support strong { color: var(--code2-yellow); }

.code2-cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 62px;
  padding: 0 30px;
  border-radius: 999px;
  background: #13ce66;
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none !important;
  text-transform: uppercase;
  box-shadow: 0 0 0 0 rgba(19,206,102,.5);
  animation: code2Pulse 2.3s infinite;
  transition: transform .2s cubic-bezier(.22,.61,.36,1), background-color .2s ease, box-shadow .2s ease;
}

.code2-reveal {
  opacity: 0 !important;
  transform: translate3d(0, 34px, 0) !important;
  will-change: opacity, transform;
  transition: opacity .58s cubic-bezier(.22,1,.36,1) var(--code2-delay, 0ms), transform .58s cubic-bezier(.22,1,.36,1) var(--code2-delay, 0ms);
}

.code2-reveal.code2-reveal-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: auto;
}

.code2-paragraph {
  display: block;
}

.code2-paragraph + .code2-paragraph {
  margin-top: 18px;
}

.code2-note {
  margin: 13px 0 0;
  color: #b9b9b9;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}

.code2-final { text-align: center; }
.code2-final .code2-heading { max-width: 900px; }
.code2-final .code2-lead { margin-bottom: 30px; }

#rec981008661 .t344 .t-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr);
  gap: 80px;
  align-items: start;
}

#rec981008661 .t344 .t-container::before,
#rec981008661 .t344 .t-container::after {
  content: none !important;
  display: none !important;
}

#rec981008661 .t344__col {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

#rec981008661 .t344__col:nth-child(2),
#rec981008661 .t344__col:nth-child(4),
#rec981008661 .t344__floatbeaker_lr3 {
  display: none !important;
}

#rec981008661 .t344__col:last-child { justify-self: end; }

@keyframes code2Pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(19,206,102,.45); }
  50% { box-shadow: 0 0 0 12px rgba(19,206,102,0); }
}

@media (max-width: 960px) {
  .code2-package, .code2-final { padding: 68px 18px; }
  .code2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .code2-pricebox { grid-template-columns: 1fr; text-align: center; }
  .code2-pricebox > div:last-child { justify-self: stretch; }
}

@media (min-width: 601px) and (max-width: 900px) and (orientation: portrait) {
  .code2-scroll-video-section { height: 1000vh; min-height: 8000px; }
  .code2-scroll-video { object-fit: contain; object-position: center center; }
  .code2-scroll-video-hint { bottom: 16px; }
}

@media (max-width: 600px) {
  .code2-scroll-video-section { height: 1000vh; min-height: 7000px; }
  .code2-scroll-video-wrap { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .code2-scroll-video {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center center;
  }
  .code2-scroll-video-hint { bottom: 12px; font-size: 10px; }
  .code2-package, .code2-final { padding: 54px 16px; }
  .code2-heading { font-size: 38px; }
  .code2-lead { margin-bottom: 32px; font-size: 18px; }
  .code2-unique { margin-top: -10px; margin-bottom: 34px; font-size: 17px; }
  .code2-grid { grid-template-columns: 1fr; }
  .code2-item { min-height: auto; padding: 22px; }
  .code2-pricebox { padding: 25px 18px; }
  .code2-price { font-size: 42px; }
  .code2-cta { width: 100%; box-sizing: border-box; }
  #rec981008661 .t344 .t-container { grid-template-columns: 1fr; gap: 30px; }
  #rec981008661 .t344__col:last-child { justify-self: start; }
  #rec981008661 .t344__title { margin-bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .code2-cta { animation: none; }
  .code2-timer strong.code2-digit-rolling .code2-digit-track { animation: none; transform: translate3d(0,-1em,0); }
  .code2-reveal { opacity: 1; transform: none; transition: none; }
}