/* ============================================================
   Merged stylesheet — scoped per page (no cross-page conflicts)
   body.page-register     -> land.php
   body.page-thankyou -> thankyou.php + legal pages
   body.page-index    -> index.php
   ============================================================ */


/* ===================== page-register (css/styles-land.css) ===================== */

body.page-register {
  --c-white: #ffffff;
  --c-dark: #121416;
  --c-dark-gradient: #1c1e21;
  --c-red: #ee3c3b;
  --c-blue: #4f5ce8;
  --c-grey: #d6d6d6;
  --c-text-dark: #121416;
  --c-text-dark-gray: #1e2027;
  --c-text-light: #808080;
  --c-bg-light: #f7f8fb;
  --c-border: #e6ebf5;

  --font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-display: "DM Sans", "Inter", system-ui, sans-serif;

  --radius-block-s: 9px;
  --radius-block-m: 16px;
  --radius-tag: 100px;
  --radius-checkbox: 3px;

  --page-pad-x: 16px;
  --page-pad-y: 72px;
  --container-w: 1224px;
}
body.page-register, body.page-register * { box-sizing: border-box; }
html, body.page-register { margin: 0; padding: 0; }
body.page-register {
  font-family: var(--font-sans);
  color: var(--c-text-dark);
  background: var(--c-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
}
body.page-register img { display: block; max-width: 100%; }
body.page-register a { color: inherit; text-decoration: none; }
body.page-register button { border: none; background: none; font: inherit; color: inherit; cursor: pointer; }
body.page-register ul { list-style: none; padding: 0; margin: 0; }
body.page-register input, body.page-register button { font-family: inherit; }
body.page-register .nav {
  position: sticky;
  top: 8px;
  z-index: 50;
  margin: 8px 8px 0;
  background: linear-gradient(to right, var(--c-dark), var(--c-dark-gradient));
  border-radius: var(--radius-block-s);
}
body.page-register .nav__inner {
  max-width: var(--container-w);
  margin: 0 auto;
  height: 64px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
body.page-register .logo {
  display: inline-flex;
  align-items: center;
  gap: 9.593px;
}
body.page-register .logo__x { width: 37.198px; height: 25.436px; }
body.page-register .logo__text { width: 67.209px; height: 18.652px; }
body.page-register .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 46px;
  padding: 8px 16px;
  border-radius: var(--radius-block-s);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.5px;
  white-space: nowrap;
  transition: opacity .15s ease, transform .05s ease;
}
body.page-register .btn:hover { opacity: .92; }
body.page-register .btn:active { transform: scale(.98); }
body.page-register .btn--back { background: var(--c-red); color: var(--c-white); }
body.page-register .btn--primary {
  background: var(--c-red);
  color: var(--c-white);
  height: 56px;
  padding: 8px 36px;
  width: 100%;
}
body.page-register .btn--primary img { height: 14px; width: 20.474px; }
body.page-register .page {
  width: 100%;
  padding: var(--page-pad-y) var(--page-pad-x);
}
body.page-register .block {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 24px;
  max-width: var(--container-w);
  margin: 0 auto;
}
body.page-register .card {
  border-radius: var(--radius-block-m);
  width: 600px;
  flex: 1 0 0;
  min-width: 0;
}
body.page-register .card--dark {
  position: relative;
  height: 734px;
  padding: 46px 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--c-white);
  overflow: hidden;
  background-image: url("../assets/card-bg.png");
  background-size: cover;
  background-position: center;
  background-color: var(--c-dark);
  flex: 0 0 600px;
}
body.page-register .tags {
  display: flex;
  gap: 8px;
}
body.page-register .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 37px;
  padding: 0 12px;
  border-radius: var(--radius-tag);
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: var(--c-white);
  white-space: nowrap;
  background: linear-gradient(265deg, rgba(255, 255, 255, 0.20) -21.2%, rgba(255, 255, 255, 0.04) 284.15%);
}
body.page-register .tag img { width: 13px; height: 13px; flex-shrink: 0; }
body.page-register .card__heading { display: flex; flex-direction: column; gap: 16px; }
body.page-register .card__lead {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--c-grey);
}
body.page-register .strong-white { color: var(--c-white); font-weight: 600; letter-spacing: -0.5px; }
body.page-register .strong-lg { font-size: 18px; line-height: 30px; }
body.page-register .accent-red { color: var(--c-red); }
body.page-register .h2 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -1px;
  color: var(--c-text-dark);
}
body.page-register .h2--inverse { color: var(--c-white); }
body.page-register .features {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.page-register .feature {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: var(--c-white);
}
body.page-register .feature p { margin: 0; flex: 1; }
body.page-register .feature__icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 180px;
  border: 0.9px solid rgba(255, 255, 255, 0.5);
  background-image: linear-gradient(77deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.035) 119%);
  backdrop-filter: blur(63px);
  -webkit-backdrop-filter: blur(63px);
  box-shadow: 0 2.154px 53.847px 0 rgba(69, 42, 124, 0.1);
}
body.page-register .feature__icon img { width: 19.8px; height: 19.8px; }
body.page-register .card--light {
  background: var(--c-white);
  border: 1px solid var(--c-border);
  padding: 46px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex: 1 1 600px;
  height: 734px;
}
body.page-register .card-light__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
}
body.page-register .stepper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 526px;
}
body.page-register .stepper__bar {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
body.page-register .step {
  position: relative;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
body.page-register .step__circle { position: absolute; inset: 0; width: 32px; height: 32px; }
body.page-register .step__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%);
}
body.page-register .stepper__line {
  flex: 1;
  height: 2px;
  background: var(--c-border);
  max-width: 243px;
}
body.page-register .stepper__labels {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 16px;
}
body.page-register .stepper__label {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.page-register .stepper__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: var(--c-text-dark-gray);
}
body.page-register .stepper__desc {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: var(--c-text-light);
}
body.page-register .stepper__label--muted .stepper__title, body.page-register .stepper__label--muted .stepper__desc { color: var(--c-text-light); opacity: .5; }
body.page-register .card-light__title {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
body.page-register .card-light__lead {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--c-text-dark-gray);
}
body.page-register .muted-12 {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: var(--c-text-light);
}
body.page-register .center { text-align: center; }
body.page-register #emailSuggestion:empty, body.page-register #formError:empty { display: none; }
body.page-register .form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 528px;
  max-width: 100%;
}
body.page-register .input {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 16px 24px;
  background: var(--c-bg-light);
  border-radius: var(--radius-block-s);
  width: 100%;
}
body.page-register .input input {
  flex: 1;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: var(--c-text-dark);
  line-height: 26px;
}
body.page-register .input input::placeholder { color: var(--c-text-light); }
body.page-register .input-phone {
  display: flex;
  gap: 8px;
  width: 100%;
}
body.page-register .phone-code {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  width: 128px;
  flex: 0 0 128px;
  padding: 16px 24px;
  background: var(--c-bg-light);
  border-radius: var(--radius-block-s);
  font-size: 16px;
  letter-spacing: -0.5px;
  color: var(--c-text-dark);
}
body.page-register .phone-flag {
  display: inline-block;
  border-radius: 5px;
  flex-shrink: 0;
  font-size: 20px;
}
body.page-register .phone-code__arrow { width: 24px; height: 24px; }
body.page-register .phone-code__value { line-height: 26px; }
body.page-register .input--phone { flex: 1; min-width: 0; }
body.page-register .agreement {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  width: 528px;
  max-width: 100%;
  font-size: 12px;
  line-height: 20px;
  color: var(--c-text-dark);
  cursor: pointer;
}
body.page-register .agreement input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
}
body.page-register .agreement__box {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border: 1.263px solid var(--c-border);
  background: var(--c-white);
  border-radius: var(--radius-checkbox);
  position: relative;
}
body.page-register .agreement input:checked + .agreement__box, body.page-register .agreement__box.is-checked {
  background: var(--c-blue);
  border-color: var(--c-blue);
}
body.page-register .agreement input:checked + .agreement__box::after, body.page-register .agreement__box.is-checked::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 7px;
  height: 12px;
  border: solid var(--c-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
body.page-register .agreement__text a { color: var(--c-blue); }
body.page-register .agreement__text a:hover { text-decoration: underline; }
body.page-register .card--light .btn--primary { width: auto; padding: 8px 36px; }
body.page-register .signin {
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  letter-spacing: -0.5px;
}
body.page-register .signin span { color: var(--c-dark); }
body.page-register .signin a { color: var(--c-blue); font-weight: 600; line-height: 22px; }
body.page-register .signin a:hover { text-decoration: underline; }
body.page-register .footer {
  background: linear-gradient(to right, var(--c-dark), var(--c-dark-gradient));
  color: var(--c-text-light);
  padding: var(--page-pad-y) var(--page-pad-x);
}
body.page-register .footer__inner {
  max-width: var(--container-w);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}
body.page-register .footer__cols {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
body.page-register .footer__col, body.page-register .footer__list { width: 288px; }
body.page-register .footer__col--brand {
  display: flex;
  align-items: center;
}
body.page-register .ssl {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: var(--c-text-light);
  line-height: 26px;
  letter-spacing: -0.5px;
}
body.page-register .ssl img { width: 21.75px; height: 25.375px; object-fit: contain; }
body.page-register .footer__bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
body.page-register .footer__copy {
  flex: 1;
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--c-text-light);
}
body.page-register .footer__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.page-register .footer__list a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: var(--c-text-light);
}
body.page-register .footer__list a:hover { color: var(--c-white); }
body.page-register .footer__hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0;
  width: 100%;
}
body.page-register .footer__hr--mobile { display: none; }
body.page-register .logo__news { width: 65.608px; height: 19.586px; }
body.page-register .footer__list-item--mobile { display: none; }
body.page-register .footer__list-item--desktop { display: list-item; }
body.page-register .footer__legal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--c-text-light);
}
body.page-register .footer__legal p { margin: 0; }
body.page-register .footer__legal strong { color: var(--c-white); font-weight: 400; }
body.page-register .footer__legal a { color: var(--c-text-light); text-decoration: underline; }
body.page-register .footer__legal a:hover { color: var(--c-white); }
@media (max-width: 1256px) {
body.page-register .block { flex-direction: column-reverse; flex-wrap: nowrap; }
body.page-register .card { width: 100%; flex: 0 0 auto; }
body.page-register .card--dark { width: 100%; max-width: 600px; flex: 0 0 auto; }
body.page-register .card--light { width: 100%; max-width: 600px; flex: 0 0 auto; }
}
@media (max-width: 640px) {
body.page-register {
    --page-pad-x: 16px;
    --page-pad-y: 36px;
  }
body.page-register .nav { margin: 8px; }
body.page-register .nav__inner { height: 64px; padding: 16px; }
body.page-register .btn--back { height: 46px; padding: 4px 12px; }
body.page-register .page { padding: 36px 16px 54px; }
body.page-register .block {
    flex-direction: column-reverse;
    gap: 24px;
    align-items: center;
  }
body.page-register .card { max-width: 344px; width: 100%; }
body.page-register .card--dark { height: auto; }
body.page-register .card--light {
    height: auto;
    padding: 24px 16px;
    gap: 24px;
  }
body.page-register .card-light__header { gap: 24px; }
body.page-register .stepper__line { max-width: 124px; }
body.page-register .stepper__labels { gap: 0; }
body.page-register .stepper__label { width: 156px; flex: 1; }
body.page-register .h2 { font-size: 24px; line-height: 32px; }
body.page-register .card-light__lead { font-size: 16px; line-height: 26px; }
body.page-register .form { width: 312px; max-width: 100%; gap: 12px; }
body.page-register .input { padding: 12px 24px; }
body.page-register .input-phone { gap: 8px; }
body.page-register .phone-code { padding: 12px 24px; gap: 8px; }
body.page-register .agreement { width: 100%; }
body.page-register .card--light .btn--primary { width: 100%; padding: 8px 16px; gap: 4px; }
body.page-register .btn--primary { padding: 8px 16px; }
body.page-register .card--dark {
    padding: 24px 16px;
    height: auto;
    gap: 24px;
    flex: 0 0 auto;
  }
body.page-register .card__heading { gap: 12px; }
body.page-register .features { gap: 12px; }
body.page-register .feature { gap: 12px; }
body.page-register .card--dark .accent-red { color: var(--c-red); }
body.page-register .tags { gap: 4px; width: 100%; }
body.page-register .tag { flex: 1; padding: 0 6px; gap: 4px; }
body.page-register .footer { padding: 54px 16px; }
body.page-register .footer__inner { gap: 36px; padding: 0; }
body.page-register .footer__cols {
    gap: 36px 24px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
  }
body.page-register .footer__col--brand { width: 100%; height: auto; gap: 24px; }
body.page-register .footer__list { gap: 24px; flex: 1 0 0; min-width: 0; width: auto; }
body.page-register .footer__list a { font-size: 14px; line-height: 24px; letter-spacing: -0.3px; }
body.page-register .footer__list--desktop { display: none; }
body.page-register .footer__list-item--desktop { display: none; }
body.page-register .footer__list-item--mobile { display: list-item; }
body.page-register .footer__hr--mobile { display: block; }
body.page-register .footer__legal { gap: 36px; }
body.page-register .footer__legal strong { color: var(--c-white); }
body.page-register .footer__legal p { line-height: 24px; font-size: 12px; }
body.page-register .footer__legal p a { font-size: 12px; }
body.page-register .footer__bottom { flex-direction: column; align-items: flex-start; gap: 36px; }
body.page-register .footer__copy { font-size: 12px; line-height: 24px; letter-spacing: 0; }
body.page-register .ssl { font-size: 12px; line-height: 24px; gap: 4px; }
body.page-register .ssl img { width: 16.25px; height: 18.958px; }
}


/* ===================== page-thankyou (css/styles-thankyou.css) ===================== */

@media (max-width: 600px) {
body.page-thankyou .features__grid {
    grid-template-columns: 1fr !important;
  }
}
body.page-thankyou .m-only { display: none; }
body.page-thankyou .m-only-li { display: none; }
body.page-thankyou .m-only-block { display: none; }
body.page-thankyou .d-only-li { display: list-item; }
@media (max-width: 1280px) {
body.page-thankyou .m-only { display: inline; }
body.page-thankyou .m-only-li { display: list-item; }
body.page-thankyou .m-only-block { display: flex; }
body.page-thankyou .d-only-li { display: none; }
}
body.page-thankyou {
  --c-white: #ffffff;
  --c-dark: #121416;
  --c-dark-gray: #1e2027;
  --c-light-gray: #808080;
  --c-grey-border: #e6ebf5;
  --c-grey-accent: #d6d6d6;
  --c-red: #ee3c3b;
  --c-blue: #4f5ce8;
  --c-bg-light: #f7f8fb;
  --c-bg-gradient: #1c1e21;

  --r-block-s: 9px;
  --r-block-m: 16px;
  --r-tag: 100px;

  --container-max: 1224px;
  
  --page-padding-desktop: max(16px, calc((100vw - 1224px) / 2));
}
body.page-thankyou, body.page-thankyou * { box-sizing: border-box; margin: 0; padding: 0; }
html, body.page-thankyou {
  background: var(--c-white);
  color: var(--c-dark);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.page-thankyou img { display: block; max-width: 100%; }
body.page-thankyou a { color: inherit; text-decoration: none; }
body.page-thankyou ul { list-style: none; }
body.page-thankyou button { font: inherit; cursor: pointer; }
body.page-thankyou .accent-red { color: var(--c-red); }
body.page-thankyou .white { color: var(--c-white); }
body.page-thankyou .white-strong { color: var(--c-white); font-weight: 600; }
body.page-thankyou .nav {
  margin: 8px 8px 0;
  height: 64px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-block-s);
  background: linear-gradient(90deg, var(--c-dark) 0%, var(--c-bg-gradient) 100%);
}
body.page-thankyou .nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
}
body.page-thankyou .logo {
  display: flex;
  align-items: center;
  gap: 9.593px;
}
body.page-thankyou .logo__x {
  width: 37.198px;
  height: 25.436px;
  flex-shrink: 0;
}
body.page-thankyou .logo__text {
  width: 67.209px;
  height: 18.652px;
  flex-shrink: 0;
}
body.page-thankyou .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  border-radius: var(--r-block-s);
  border: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity .15s ease, transform .15s ease;
}
body.page-thankyou .btn:hover { opacity: .92; }
body.page-thankyou .btn:active { transform: translateY(1px); }
body.page-thankyou .btn--back {
  height: 46px;
  padding: 8px 16px;
  background: var(--c-red);
  color: var(--c-white);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
}
body.page-thankyou .hero {
  padding: 72px var(--page-padding-desktop);
}
body.page-thankyou .hero__content {
  max-width: 1224px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}
body.page-thankyou .stepper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 526px;
  max-width: 100%;
}
body.page-thankyou .stepper__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
body.page-thankyou .stepper__node {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
}
body.page-thankyou .stepper__circle {
  width: 100%;
  height: 100%;
}
body.page-thankyou .stepper__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
body.page-thankyou .stepper__icon--check { width: 12.197px; height: 9.891px; }
body.page-thankyou .stepper__icon--lock { width: 17.566px; height: 17.566px; }
body.page-thankyou .stepper__line {
  position: absolute;
  top: 15px;
  left: calc(25% + 16px);
  right: calc(25% + 16px);
  height: 2px;
  background: var(--c-dark);
  z-index: 0;
}
body.page-thankyou .stepper__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  max-width: 251px;
}
body.page-thankyou .stepper__title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: var(--c-dark-gray);
}
body.page-thankyou .stepper__desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--c-light-gray);
}
body.page-thankyou .hero__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
  width: 100%;
}
body.page-thankyou .hero__title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: -4px;
  color: var(--c-dark);
  font-variation-settings: "opsz" 14;
}
body.page-thankyou .hero__subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: var(--c-light-gray);
}
body.page-thankyou .banner-wrap {
  padding: 0 var(--page-padding-desktop);
}
body.page-thankyou .banner {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding: 46px;
  border-radius: var(--r-block-m);
  overflow: hidden;
  max-width: 1224px;
  margin: 0 auto;
  isolation: isolate;
  background: var(--c-dark);
}
body.page-thankyou .banner__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: var(--r-block-m);
  z-index: -1;
  pointer-events: none;
}
body.page-thankyou .banner__bg img {
  position: absolute;
  width: 117.55%;
  height: 130.42%;
  left: -14.71%;
  top: -29.03%;
  max-width: none;
  display: block;
}
body.page-thankyou .banner__content {
  width: 549px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  flex-shrink: 0;
}
body.page-thankyou .tag--glass {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 122px;
  height: 37px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--r-tag);
  background: linear-gradient(253deg, rgba(255,255,255,0.2) 21%, rgba(255,255,255,0.035) 284%);
  color: var(--c-white);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  white-space: nowrap;
}
body.page-thankyou .tag__icon { width: 13px; height: 13px; flex-shrink: 0; }
body.page-thankyou .banner__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
body.page-thankyou .banner__title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: -1px;
  color: var(--c-white);
  font-variation-settings: "opsz" 14;
}
body.page-thankyou .banner__desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: var(--c-grey-accent);
}
body.page-thankyou .btn--cta {
  height: 56px;
  padding: 8px 36px;
  background: var(--c-red);
  color: var(--c-white);
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
}
body.page-thankyou .btn__icon { width: 20.474px; height: 14px; }
/* Leeloo inline leadgentool container — sits where the CTA button was.
   Everything but the button is hidden inside the iframe (via the leadgentool
   headScript), so we shrink the iframe element and make it transparent. */
/* Full width so the iframe's max-width is measured against the real container
   (not the iframe's own 380px) — otherwise it overflows the block on mobile. */
body.page-thankyou .leeloo-cta { align-self: stretch; width: 100%; line-height: 0; }
body.page-thankyou .leeloo-cta .leeloo-lgt-form-wrapper,
body.page-thankyou .leeloo-cta iframe {
  width: 380px !important;       /* match the design CTA on desktop */
  max-width: 100% !important;    /* collapses to full width on mobile */
  height: 64px !important;
  background: transparent !important;
}
body.page-thankyou .bot-preview {
  display: block;
  flex-shrink: 0;
  width: 500px;
}
body.page-thankyou .bot-preview img {
  display: block;
  width: 100%;
  height: auto;
}
body.page-thankyou .features {
  padding: 144px var(--page-padding-desktop);
}
body.page-thankyou .features__inner {
  max-width: 1224px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
body.page-thankyou .features__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 50px;
}
body.page-thankyou .features__title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 50px;
  letter-spacing: -1px;
  color: var(--c-dark);
  font-variation-settings: "opsz" 14;
}
body.page-thankyou .features__subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: var(--c-light-gray);
}
body.page-thankyou .features__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}
body.page-thankyou .card {
  background: var(--c-white);
  border: 1px solid var(--c-grey-border);
  border-radius: var(--r-block-m);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
body.page-thankyou .card__top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.page-thankyou .card__num {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: -1px;
  color: var(--c-red);
  font-variation-settings: "opsz" 14;
}
body.page-thankyou .card__tag {
  display: inline-flex;
  align-items: center;
  padding: 1px 13px;
  border: 1px solid var(--c-grey-border);
  border-radius: var(--r-tag);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: var(--c-dark-gray);
  white-space: nowrap;
}
body.page-thankyou .card__icon {
  width: 64px;
  height: 64px;
  border-radius: var(--r-block-s);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
body.page-thankyou .card__icon--vip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.page-thankyou .card__icon--dark {
  background: var(--c-dark);
}
body.page-thankyou .card__icon-img {
  position: absolute;
  display: block;
}
body.page-thankyou .card__icon-img--guide {
  width: 90.63%;
  height: 60.42%;
  left: 4.69%;
  top: 21.52%;
  max-width: none;
  object-fit: contain;
}
body.page-thankyou .card__icon-img--signal {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
body.page-thankyou .card__icon-img--bot {
  width: 66.13%;
  height: 66.13%;
  left: 17.49%;
  top: 15.09%;
  max-width: none;
  object-fit: contain;
}
body.page-thankyou .card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
body.page-thankyou .card__title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -1px;
  color: var(--c-dark);
  font-variation-settings: "opsz" 14;
}
body.page-thankyou .card__desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: var(--c-light-gray);
}
body.page-thankyou .support-wrap {
  padding: 0 var(--page-padding-desktop) 144px;
}
body.page-thankyou .support {
  max-width: 1224px;
  margin: 0 auto;
  background: var(--c-white);
  border: 1px solid var(--c-grey-border);
  border-radius: var(--r-block-m);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
body.page-thankyou .support__icon {
  width: 54px;
  height: 54px;
  flex-shrink: 0;
}
body.page-thankyou .support__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
}
body.page-thankyou .support__title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -1px;
  color: var(--c-dark);
  font-variation-settings: "opsz" 14;
}
body.page-thankyou .support__desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--c-light-gray);
}
body.page-thankyou .support__link {
  color: var(--c-blue);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.5px;
  text-decoration: none;
}
body.page-thankyou .support__link:hover { text-decoration: underline; }
body.page-thankyou .footer {
  background: linear-gradient(90deg, var(--c-dark) 0%, var(--c-bg-gradient) 100%);
  padding: 72px var(--page-padding-desktop);
  color: var(--c-light-gray);
}
body.page-thankyou .footer__inner {
  max-width: 1224px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}
body.page-thankyou .footer__columns {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}
body.page-thankyou .footer__col {
  width: 288px;
  display: flex;
  flex-direction: column;
}
body.page-thankyou .footer__col--brand {
  height: 25.436px;
  justify-content: flex-start;
}
body.page-thankyou .footer__lists {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  flex: 1 1 auto;
  align-items: flex-start;
}
body.page-thankyou .footer__ssl {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: var(--c-light-gray);
}
body.page-thankyou .footer__ssl-icon {
  width: 16.25px;
  height: 18.958px;
  object-fit: contain;
}
body.page-thankyou .footer__list {
  width: 288px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: var(--c-light-gray);
}
body.page-thankyou .footer__list a:hover { color: var(--c-white); }
body.page-thankyou .footer__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
}
body.page-thankyou .footer__legal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--c-light-gray);
}
body.page-thankyou .footer__legal a {
  color: inherit;
  text-decoration: underline;
}
body.page-thankyou .footer__bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
body.page-thankyou .footer__copyright {
  flex: 1 1 auto;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: var(--c-light-gray);
}
body.page-thankyou .footer__ssl--bottom {
  flex-shrink: 0;
  gap: 8px;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
}
body.page-thankyou .footer__ssl--bottom .footer__ssl-icon {
  width: 21.75px;
  height: 25.375px;
}
@media (max-width: 1280px) {
body.page-thankyou .nav {
    margin: 8px 8px 0;
    height: 64px;
    padding: 0 16px;
  }
body.page-thankyou .btn--back {
    height: 46px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .hero { padding: 54px 16px; }
body.page-thankyou .hero__content { gap: 16px; }
body.page-thankyou .stepper { width: 311px; max-width: 100%; }
body.page-thankyou .stepper__title {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .stepper__label {
    max-width: none;
    width: 100%;
    padding: 0 4px;
  }
body.page-thankyou .hero__title {
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -2px;
  }
body.page-thankyou .hero__subtitle {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .banner-wrap { padding: 0 16px; }
body.page-thankyou .banner {
    flex-direction: column;
    align-items: stretch;
    padding: 16px 16px 36px;
    gap: 36px;
  }
body.page-thankyou .banner__content {
    width: 100%;
    gap: 16px;
  }
body.page-thankyou .tag--glass {
    height: 37px;
    padding: 0 14px;
  }
body.page-thankyou .banner__title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -1px;
  }
body.page-thankyou .banner__desc {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .btn--cta {
    width: 100%;
    height: 56px;
    padding: 4px 16px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .bot-preview {
    width: 100%;
  }
body.page-thankyou .features { padding: 54px 16px; }
body.page-thankyou .features__inner { gap: 24px; }
body.page-thankyou .features__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
body.page-thankyou .features__title {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -1px;
  }
body.page-thankyou .features__subtitle {
    font-size: 14px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .features__grid {
    gap: 16px;
  }
body.page-thankyou .card {
    padding: 16px;
    gap: 24px;
  }
body.page-thankyou .card__num {
    font-size: 28px;
    line-height: 36px;
  }
body.page-thankyou .card__tag {
    padding: 1px 9px;
    line-height: 26px;
  }
body.page-thankyou .card__title {
    font-size: 20px;
    line-height: 32px;
  }
body.page-thankyou .card__desc {
    font-size: 14px;
    letter-spacing: -0.3px;
    line-height: 24px;
  }
body.page-thankyou .card__body { gap: 12px; }
body.page-thankyou .support-wrap { padding: 0 16px 54px; }
body.page-thankyou .support {
    padding: 16px;
    gap: 16px;
    align-items: flex-start;
  }
body.page-thankyou .support__title {
    font-size: 20px;
    line-height: 32px;
  }
body.page-thankyou .support__desc {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .footer { padding: 54px 16px; }
body.page-thankyou .footer__inner { gap: 36px; }
body.page-thankyou .footer__columns {
    flex-direction: column;
    gap: 36px;
  }
body.page-thankyou .footer__col { width: 100%; height: auto; }
body.page-thankyou .footer__col--brand { height: auto; gap: 24px; }
body.page-thankyou .footer__lists {
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%;
  }
body.page-thankyou .footer__list {
    flex: 1 1 0;
    width: auto;
    gap: 24px;
    font-size: 14px;
    letter-spacing: -0.3px;
  }
body.page-thankyou .footer__list--last { display: none; }
body.page-thankyou .footer__legal {
    gap: 16px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
  }
body.page-thankyou .footer__legal-disclaimer { order: -2; }
body.page-thankyou .footer__legal-website { order: -1; }
body.page-thankyou .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
  }
body.page-thankyou .footer__copyright {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
  }
body.page-thankyou .footer__ssl--bottom {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
    gap: 4px;
  }
body.page-thankyou .footer__ssl--bottom .footer__ssl-icon {
    width: 16.25px;
    height: 18.958px;
  }
}
body.page-thankyou.body--dark {
  background: var(--c-dark);
  color: #d6d6d6;
}
body.page-thankyou.body--dark strong { color: #fff; }
body.page-thankyou.body--dark a { color: #fff; }
body.page-thankyou.body--dark a:hover { text-decoration: underline; }
body.page-thankyou .legal-page {
  padding: 48px 24px 80px;
}
body.page-thankyou .legal-page__inner {
  max-width: 800px;
  margin: 0 auto;
}
body.page-thankyou .legal-document {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.page-thankyou .legal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.page-thankyou .legal-header h1 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-weight: 600;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: -1px;
  color: #fff;
}
body.page-thankyou .legal-meta {
  font-size: 14px;
  color: var(--c-light-gray);
}
body.page-thankyou .legal-document h2 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  margin-top: 8px;
}
body.page-thankyou .legal-document h3 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
}
body.page-thankyou .legal-document p, body.page-thankyou .legal-document li {
  font-size: 16px;
  line-height: 28px;
  color: #d6d6d6;
}
body.page-thankyou .legal-document ul, body.page-thankyou .legal-document ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
}
body.page-thankyou .legal-document li::marker {
  color: var(--c-light-gray);
}
body.page-thankyou .legal-callout {
  background: rgba(255, 255, 255, 0.05);
  border-left: 3px solid var(--c-red);
  border-radius: 0 var(--r-block-s) var(--r-block-s) 0;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 28px;
  color: #d6d6d6;
}
body.page-thankyou .legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 28px;
}
body.page-thankyou .legal-table th, body.page-thankyou .legal-table td {
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  vertical-align: top;
}
body.page-thankyou .legal-table th {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-weight: 600;
}
body.page-thankyou .legal-table td {
  color: #d6d6d6;
}
body.page-thankyou.body--dark .nav {
  margin: 0;
  border-radius: 0;
  background: rgba(18, 20, 22, 0.8);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.page-thankyou.body--dark .logo__word { filter: brightness(0) invert(1); }
body.page-thankyou.body--dark .footer {
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body.page-thankyou.body--dark .footer__divider { border-color: rgba(255, 255, 255, 0.08); }
body.page-thankyou.body--dark .footer__list a { color: #d6d6d6; }
body.page-thankyou.body--dark .footer__list a:hover { color: #fff; }
body.page-thankyou.body--dark .footer__legal { color: var(--c-light-gray); }
body.page-thankyou.body--dark .footer__copy { color: var(--c-light-gray); }
body.page-thankyou.body--dark .footer__ssl { color: var(--c-light-gray); }
@media (max-width: 640px) {
body.page-thankyou .legal-page { padding: 32px 16px 60px; }
body.page-thankyou .legal-header h1 { font-size: 32px; line-height: 38px; letter-spacing: -.5px; }
body.page-thankyou .legal-document h2 { font-size: 20px; line-height: 28px; }
body.page-thankyou .legal-document p, body.page-thankyou .legal-document li { font-size: 14px; line-height: 24px; }
}
body.page-thankyou.body--dark a {
    color: #fff;
}
body.page-thankyou .btn--header {
    height: 46px;
    padding: 0 16px;
}
body.page-thankyou .btn--red { background: var(--c-red); color: #fff; }


/* ===================== page-index (css/styles-index.css) ===================== */

body.page-index {
  
  --c-accent-blue: #4f5ce8;
  --c-accent-red: #ee3c3b;
  --c-accent-orange: #fda371;
  --c-accent-grey: #d6d6d6;
  --c-text-dark: #121416;
  --c-text-dark-gray: #1e2027;
  --c-text-light-gray: #808080;
  --c-text-success: #32b958;
  --c-bg-white: #ffffff;
  --c-bg-dark: #121416;
  --c-bg-light: #f7f8fb;
  --c-bg-gradient-gray: #1c1e21;
  --c-border: #e6ebf5;

  
  --page-pad: 24px;
  --content-w: 1224px;
  --section-pad: 72px;

  
  --r-block-m: 16px;
  --r-block-s: 9px;
  --r-button: 6px;
  --r-tag: 100px;

  
  --t-hero: 72px;
  --t-h1: 42px;
  --t-h2: 36px;
  --t-h3: 28px;
  --t-body-lg: 18px;
  --t-body-md: 16px;
  --t-body-sm: 14px;
  --t-body-xs: 12px;

  
  --lh-hero: 72px;
  --lh-h1: 50px;
  --lh-h2: 42px;
  --lh-h3: 36px;
  --lh-body-lg: 30px;
  --lh-body-md: 24px;
  --lh-body-sm: 28px;
}
body.page-index, body.page-index * { box-sizing: border-box; margin: 0; padding: 0; }
html, body.page-index {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--c-text-dark);
  background: var(--c-bg-white);
  font-size: var(--t-body-md);
  line-height: var(--lh-body-md);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.page-index img { display: block; max-width: 100%; }
body.page-index a { color: inherit; text-decoration: none; }
body.page-index strong { font-weight: 600; color: var(--c-text-dark); }
body.page-index .h-header, body.page-index .h1, body.page-index .h2, body.page-index .h3 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-weight: 600;
  font-variation-settings: "opsz" 14;
  color: var(--c-text-dark);
}
body.page-index .h-header { font-size: var(--t-hero); line-height: var(--lh-hero); letter-spacing: -4px; }
body.page-index .h1 { font-size: var(--t-h1); line-height: var(--lh-h1); letter-spacing: -1px; }
body.page-index .h2 { font-size: var(--t-h2); line-height: var(--lh-h2); letter-spacing: -1px; }
body.page-index .h3 { font-size: var(--t-h3); line-height: var(--lh-h3); letter-spacing: -1px; }
body.page-index .text-red { color: var(--c-accent-red); }
body.page-index .text-blue { color: var(--c-accent-blue); }
body.page-index .text-white { color: var(--c-bg-white); }
body.page-index .muted-handle { color: var(--c-text-dark-gray); font-weight: 500; }
body.page-index .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 56px;
  padding: 0 36px;
  border-radius: var(--r-block-s);
  font-weight: 600;
  font-size: var(--t-body-md);
  letter-spacing: -0.5px;
  cursor: pointer;
  border: none;
  white-space: nowrap;
  transition: opacity .2s;
}
body.page-index .btn:hover { opacity: .9; }
body.page-index .btn--red { background: var(--c-accent-red); color: #fff; }
body.page-index .btn--dark { background: var(--c-bg-dark); color: #fff; }
body.page-index .btn--header { height: 46px; padding: 0 16px; }
body.page-index .btn--full { width: 100%; }
body.page-index .btn__icon { width: 20px; height: 14px; }
body.page-index .tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 13px;
  border-radius: var(--r-tag);
  border: 1px solid var(--c-border);
  background: #fff;
  font-size: var(--t-body-sm);
  font-weight: 500;
  color: var(--c-text-dark-gray);
  line-height: 28px;
  white-space: nowrap;
}
body.page-index .tag--icon { padding-left: 9px; }
body.page-index .tag--blue {
  border-color: var(--c-accent-blue);
  color: var(--c-text-dark-gray);
  height: 36px;
  padding: 0 16px;
}
body.page-index .tag--glass {
  height: 37px;
  padding: 0 18px;
  border-radius: 100px;
  border: 1px solid rgba(255,255,255,.50);
  background: linear-gradient(265deg, rgba(255,255,255,.20) -21.2%, rgba(255,255,255,.04) 284.15%);
  backdrop-filter: blur(35px);
  color: #fff;
}
body.page-index .pill {
  display: inline-flex;
  align-items: center;
  height: 37px;
  padding: 0 16px;
  border-radius: var(--r-tag);
  font-size: var(--t-body-sm);
  font-weight: 500;
  white-space: nowrap;
}
body.page-index .pill--white { background: #fff; color: var(--c-bg-gradient-gray); }
body.page-index .pill--glass {
  background: linear-gradient(252deg, rgba(255,255,255,.16) 21%, rgba(255,255,255,.028) 284%);
  border: 1px solid rgba(255,255,255,.5);
  color: #fff;
  backdrop-filter: blur(25px);
  gap: 8px;
}
body.page-index .tags { display: flex; gap: 4px; flex-wrap: wrap; }
body.page-index .nav {
  background: linear-gradient(90deg, var(--c-bg-dark), var(--c-bg-gradient-gray));
  padding: 16px var(--page-pad);
  margin: 8px;
  border-radius: var(--r-block-s);
}
body.page-index .nav__inner {
  max-width: var(--content-w);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.page-index .logo { display: inline-flex; align-items: center; gap: 9.6px; flex-shrink: 0; }
body.page-index .logo__mark { height: 25.4px; width: 37.2px; flex: none; }
body.page-index .logo__word { height: 18.7px; width: 67.2px; flex: none; }
body.page-index .logo--footer .logo__word { filter: brightness(0) invert(1); }
body.page-index .scta {
  background: var(--c-bg-light);
  margin: 0 8px;
  border-radius: 4px;
  padding: 9px var(--page-pad);
}
body.page-index .scta__inner {
  max-width: var(--content-w);
  margin: 0 auto;
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
body.page-index .scta__rating-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
body.page-index .scta__favicon {
  display: inline-flex;
  width: 22px; height: 22px;
  flex: none;
}
body.page-index .scta__favicon svg { width: 100%; height: 100%; }
body.page-index .scta__rating-text {
  color: var(--c-text-dark-gray);
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: var(--t-body-xs);
  line-height: 20px;
}
body.page-index .scta__rating { display: inline-flex; align-items: center; gap: 10px; }
body.page-index .scta__score { color: var(--c-text-dark-gray); font-size: var(--t-body-sm); }
body.page-index .stars { display: inline-flex; gap: 2px; color: #FFD700; font-size: 16px; line-height: 1; }
body.page-index .stars--lg { font-size: 22px; }
body.page-index .star--half { background: linear-gradient(90deg, #FFD700 50%, #DADBE0 50%); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.page-index .star--dim { color: #DADBE0; }
body.page-index .hero { padding: var(--section-pad) var(--page-pad) 41px; }
body.page-index .hero__inner {
  max-width: var(--content-w);
  margin: 0 auto;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
body.page-index .hero__content { flex: 0 0 600px; display: flex; flex-direction: column; gap: 36px; }
body.page-index .hero__title { display: flex; flex-direction: column; }
body.page-index .hero__row1, body.page-index .hero__row2 { display: block; }
body.page-index .hero__row1 { display: inline-flex; align-items: center; gap: 2px; }
body.page-index .hero__cup { width: 60px; height: 60px; flex: none; }
body.page-index .hero__desc {
  font-size: var(--t-body-lg);
  line-height: var(--lh-body-lg);
  color: var(--c-text-light-gray);
  letter-spacing: -0.5px;
}
body.page-index .hero__actions { display: flex; gap: 8px; flex-wrap: wrap; }
body.page-index .hero__visual {
  flex: 0 0 600px;
  height: 600px;
  position: relative;
}
body.page-index .hero__visual-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  display: block;
}
body.page-index .phone {
  position: absolute;
  width: 396px;
  height: 826px;
  left: calc(50% - 198px + 0px);
  top: 0;
  border-radius: 50px;
  overflow: hidden;
  background: #1c1e21;
  border: 8px solid #1c1e21;
  box-shadow:
    0 0 0 2px #3a3d44 inset,
    0 30px 60px rgba(0,0,0,.25);
}
body.page-index .phone__screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
body.page-index .hero__popup {
  position: absolute;
  top: 227px;
  left: 50%;
  transform: translateX(-50%);
  width: 549px;
  height: 275px;
  border: 2px solid rgba(255,255,255,.5);
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(35px);
  border-radius: var(--r-block-m);
  padding: 24px 36px 24px 23px;
  box-shadow: 0 1px 15px rgba(69,42,124,.1);
  overflow: hidden;
}
body.page-index .popup-signal {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: var(--c-text-dark);
}
body.page-index .popup-signal__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: var(--c-text-dark);
  margin-bottom: 2px;
}
body.page-index .popup-signal__line {
  font-weight: 400;
  color: var(--c-text-dark);
}
body.page-index .popup-signal__line strong {
  font-weight: 700;
  color: var(--c-text-dark);
}
body.page-index .stats { padding: 0 var(--page-pad) var(--section-pad); }
body.page-index .stats__inner {
  max-width: var(--content-w);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
body.page-index .stat {
  background: var(--c-bg-light);
  border-radius: var(--r-block-m);
  padding: 24px;
}
body.page-index .stat__num {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: var(--t-h1);
  line-height: var(--lh-h1);
  letter-spacing: -1px;
  color: var(--c-text-dark);
}
body.page-index .stat__num--blue { color: var(--c-accent-blue); }
body.page-index .stat__label {
  margin-top: 8px;
  color: var(--c-text-light-gray);
  font-size: var(--t-body-sm);
  line-height: var(--lh-body-sm);
}
body.page-index .features { padding: var(--section-pad) var(--page-pad); }
body.page-index .features__inner { max-width: var(--content-w); margin: 0 auto; }
body.page-index .features__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
body.page-index .features__links { display: inline-flex; gap: 10px; align-items: center; font-size: var(--t-body-md); color: var(--c-text-light-gray); }
body.page-index .link-arrow { color: var(--c-text-dark-gray); font-weight: 500; }
body.page-index .dot { width: 2px; height: 2px; background: var(--c-text-light-gray); border-radius: 50%; display: inline-block; }
body.page-index .feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
body.page-index .feature {
  height: 590px;
  border-radius: var(--r-block-m);
  padding: 24px;
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  overflow: hidden;
}
body.page-index .feature--light { background: var(--c-bg-light); }
body.page-index .feature--gray { background: var(--c-bg-light); }
body.page-index .feature--red { background: var(--c-accent-red); color: #fff; }
body.page-index .feature--red .h3 { color: #fff; }
body.page-index .feature--dark {
  background:
    linear-gradient(180deg, rgba(18,20,22,0.35) 0%, rgba(18,20,22,0.82) 100%),
    #1a1d24 url('../assets/feature-card1-bg.jpg') center/cover no-repeat;
  color: #fff;
  position: relative;
}
body.page-index .feature--dark .h3 { color: #fff; }
body.page-index .feature--dark .pill--white { background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.5); backdrop-filter: blur(20px); }
body.page-index .feature--dark .feature__desc { color: rgba(255,255,255,.8); }
body.page-index .feature--dark .feature__desc strong { color: #fff; }
body.page-index .feature__tags { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; align-self: stretch; }
body.page-index .feature .h3 { align-self: stretch; }
body.page-index .feature__desc {
  color: var(--c-text-light-gray);
  font-size: var(--t-body-md);
  line-height: 26px;
  letter-spacing: -0.5px;
  align-self: stretch;
}
body.page-index .feature__desc--light { color: var(--c-bg-light); }
body.page-index .feature__desc--light strong { color: #fff; }
body.page-index .feature__desc--grey { color: var(--c-accent-grey); }
body.page-index .feature__content { display: flex; flex-direction: column; gap: 12px; align-self: stretch; }
body.page-index .feature__visual {
  flex: 1;
  align-self: stretch;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
body.page-index .feature__visual--core {
  background: url('../assets/feature-card3.png') center/contain no-repeat transparent;
  min-height: 200px;
}
body.page-index .feature__visual--pnl {
  background: url('../assets/feature-card3-pnl-1.png') center/contain no-repeat transparent;
  flex: none;
  align-self: stretch;
  aspect-ratio: 1184 / 553;
}
body.page-index .feature--red .feature__visual {
  background: transparent;
  border-radius: 0;
  overflow: visible;
  min-height: 276px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page-index .feature--red .signal-card--glass {
  background: linear-gradient(180deg, rgba(238,60,59,0) 0%, rgb(238,60,59) 100%),
              linear-gradient(262deg, rgba(255,255,255,.28) 21%, rgba(255,255,255,.049) 284%);
  width: 100%;
  align-self: stretch;
  margin-top: 0;
}
body.page-index .signal-card {
  align-self: stretch;
  margin-top: auto;
  background: #fff;
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
}
body.page-index .signal-card--glass {
  background: linear-gradient(262deg, rgba(255,255,255,.16) 21%, rgba(255,255,255,.028) 284%);
  border: 1.5px solid rgba(255,255,255,.5);
  backdrop-filter: blur(25px);
  box-shadow: 0 1px 11px rgba(69,42,124,.1);
  padding: 18px 26px;
  width: 402px;
  align-self: center;
  border-radius: 12px;
  gap: 6px;
}
body.page-index .signal-card--glass .signal-row {
  padding: 2px 0;
  border-bottom: 1px dashed rgba(255,255,255,.15);
}
body.page-index .signal-card--glass .signal-row:last-child { border-bottom: none; }
body.page-index .signal-card--glass .signal-key { color: rgba(247,248,251,.5); font-size: 12px; line-height: 18px; }
body.page-index .signal-card--glass .signal-val { color: #fff; font-size: 12px; font-weight: 600; line-height: 18px; }
body.page-index .signal-card--glass .signal-val.signal-risk { color: var(--c-accent-red); }
body.page-index .signal-card--glass .signal-val.signal-status { color: var(--c-text-success); }
body.page-index .signal-card--glass .signal-val--big { font-size: 12px; line-height: 18px; }
body.page-index .signal-card--glass .signal-buy-tag { font-size: 11px; font-weight: 500; background: rgba(247,248,251,0.92); border-radius: 6px; color: var(--c-bg-dark); }
body.page-index .signal-pair { display: inline-flex; align-items: center; gap: 6px; }
body.page-index .signal-asset-icon {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #121416;
}
body.page-index .signal-asset-icon__logo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
body.page-index .signal-buy-tag {
  background: var(--c-bg-light);
  color: var(--c-bg-dark);
  font-weight: 400;
  font-size: 9px;
  padding: 4px 12px;
  border-radius: 4px;
  line-height: 13px;
}
body.page-index .signal-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--t-body-sm);
}
body.page-index .signal-key { color: var(--c-text-light-gray); }
body.page-index .signal-val { color: var(--c-text-dark); font-weight: 500; }
body.page-index .signal-val--big { font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 16px; }
body.page-index .signal-buy { color: var(--c-text-success); font-weight: 600; }
body.page-index .signal-status { color: var(--c-text-success); font-weight: 600; }
body.page-index .signal-val--muted { opacity: 0.5; }
body.page-index .signal-unlock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
body.page-index .features__cta { display: flex; justify-content: center; margin-top: 46px; }
body.page-index .steps { padding: var(--section-pad) var(--page-pad); }
body.page-index .steps__inner { max-width: var(--content-w); margin: 0 auto; display: flex; flex-direction: column; gap: 46px; align-items: center; }
body.page-index .steps__header { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; max-width: var(--content-w); }
body.page-index .steps__desc { color: var(--c-text-light-gray); font-size: var(--t-body-lg); line-height: var(--lh-body-lg); }
body.page-index .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; }
body.page-index .step {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--r-block-m);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
body.page-index .step__num {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: var(--t-hero);
  line-height: var(--lh-hero);
  letter-spacing: -4px;
  color: var(--c-accent-red);
}
body.page-index .step .tag { align-self: flex-start; }
body.page-index .step .h3 { min-height: calc(var(--lh-h3) * 2); }
body.page-index .step__desc {
  color: var(--c-text-light-gray);
  font-size: var(--t-body-md);
  line-height: var(--lh-body-md);
  letter-spacing: -0.5px;
}
body.page-index .results { padding: var(--section-pad) var(--page-pad); }
body.page-index .results__inner { max-width: var(--content-w); margin: 0 auto; display: flex; flex-direction: column; gap: 46px; }
body.page-index .results__header { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; }
body.page-index .results__header .h2 { margin-bottom: 0; }
body.page-index .results__desc { color: var(--c-text-light-gray); font-size: var(--t-body-lg); line-height: var(--lh-body-lg); }
body.page-index .results-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
body.page-index .results-carousel {
  overflow: hidden;
  width: 100%;
}
body.page-index .results-track {
  display: flex;
  gap: 24px;
  transition: transform .5s cubic-bezier(.4,.0,.2,1);
  will-change: transform;
}
body.page-index .results-track .result {
  flex: 0 0 288px;
  width: 288px;
}
body.page-index .result {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--r-block-m);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.page-index .result__country { font-size: var(--t-body-md); color: var(--c-text-dark); }
body.page-index .result__quote { color: var(--c-text-light-gray); font-size: var(--t-body-md); line-height: var(--lh-body-md); flex: 1; }
body.page-index .result__name { display: flex; align-items: center; gap: 14px; font-weight: 600; font-size: var(--t-body-lg); }
body.page-index .avatar {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #e6ebf5, #c0c8d8);
  flex: none;
  object-fit: cover;
  overflow: hidden;
}
body.page-index img.avatar { object-position: center; }
body.page-index .avatar--sm { width: 39px; height: 39px; }
body.page-index .result__metrics { display: flex; justify-content: space-between; gap: 8px; }
body.page-index .result__metric-num { color: var(--c-text-success); font-weight: 600; font-size: var(--t-body-lg); }
body.page-index .result__metric-lbl { color: var(--c-text-light-gray); font-size: var(--t-body-xs); line-height: 20px; margin-top: 4px; }
body.page-index .paginator { display: flex; justify-content: space-between; align-items: center; margin-top: 46px; }
body.page-index .paginator__arrow {
  width: 42px; height: 42px;
  border-radius: var(--r-block-s);
  background: #fff;
  border: 1px solid var(--c-border);
  font-size: 22px;
  color: var(--c-text-dark);
  cursor: pointer;
}
body.page-index .assets-block { background: var(--c-bg-light); padding: 144px var(--page-pad); }
body.page-index .assets-block__inner { max-width: var(--content-w); margin: 0 auto; display: flex; flex-direction: column; gap: 46px; }
body.page-index .assets-block__header { text-align: center; max-width: var(--content-w); }
body.page-index .assets-block__header .h2 { margin-bottom: 16px; }
body.page-index .assets-block__desc { color: var(--c-text-light-gray); font-size: var(--t-body-lg); line-height: var(--lh-body-lg); }
body.page-index .assets-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
body.page-index .asset-box {
  background: #fff;
  border-radius: var(--r-block-m);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.page-index .asset-box__head { display: flex; align-items: center; gap: 6px; }
body.page-index .asset-icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: inline-block;
  flex: none;
}
body.page-index .asset-icon__a, body.page-index .asset-icon__b {
  position: absolute;
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
body.page-index .asset-icon__a {
  
  inset: 34.38% 34.37% 0 0;
}
body.page-index .asset-icon__b {
  
  inset: 0 0 34.71% 34.71%;
}
body.page-index .asset-icon--eurusd .asset-icon__a { background-image: url('../assets/icons/eur-fill-full.svg'); }
body.page-index .asset-icon--eurusd .asset-icon__b { background-image: url('../assets/icons/us-flag-eur.svg'); }
body.page-index .asset-icon--gbpusd .asset-icon__a { background-image: url('../assets/icons/gbp-artwork.svg'); }
body.page-index .asset-icon--gbpusd .asset-icon__b { background-image: url('../assets/icons/us-flag-gbp.svg'); }
body.page-index .asset-icon--usdjpy .asset-icon__a { background-image: url('../assets/icons/usd-flag-full.svg'); }
body.page-index .asset-icon--usdjpy .asset-icon__b {
  background-color: #fff;
  border-radius: 50%;
  background-image: url('../assets/icons/jp-dot.svg');
  background-size: 50% 50%;
  border: 1px solid #eee;
}
body.page-index .asset-icon--xauusd {
  background: url('../assets/icons/xau-circle.svg') center/cover no-repeat;
  border-radius: 50%;
}
body.page-index .asset-icon--xauusd::after {
  content: '';
  position: absolute;
  inset: 28.6% 18.55% 33.36% 17.5%;
  background: url('../assets/icons/xau-layer.svg') center/contain no-repeat;
}
body.page-index .asset-box__pair { color: var(--c-text-dark-gray); font-size: var(--t-body-lg); }
body.page-index .asset-box__price {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: var(--t-h2);
  line-height: var(--lh-h1);
  letter-spacing: -1px;
}
body.page-index .asset-box__change { color: var(--c-text-success); font-size: var(--t-body-sm); font-weight: 500; }
body.page-index .pricing { padding: 144px var(--page-pad) var(--section-pad); }
body.page-index .pricing__inner { max-width: var(--content-w); margin: 0 auto; }
body.page-index .pricing__header { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; margin-bottom: 46px; }
body.page-index .pricing__desc { color: var(--c-text-light-gray); font-size: var(--t-body-lg); line-height: var(--lh-body-lg); max-width: 1224px; }
body.page-index .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
body.page-index .price-card {
  background: var(--c-bg-light);
  border: 1px solid var(--c-border);
  border-radius: var(--r-block-m);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.page-index .price-card--vip {
  background: linear-gradient(135deg, var(--c-bg-dark), var(--c-bg-gradient-gray));
  border: none;
  color: #fff;
}
body.page-index .price-card__head { display: flex; justify-content: space-between; align-items: center; }
body.page-index .price-card__tier { color: var(--c-accent-blue); font-weight: 500; font-size: var(--t-body-lg); }
body.page-index .price-card__tier--vip { color: var(--c-accent-red); }
body.page-index .price-card__price { display: flex; align-items: baseline; gap: 8px; }
body.page-index .price-card__amount {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 64px;
  line-height: 50px;
  letter-spacing: -1px;
  color: var(--c-text-dark);
}
body.page-index .price-card__price--light .price-card__amount { color: #fff; }
body.page-index .price-card__period { color: var(--c-text-dark-gray); font-size: var(--t-body-md); }
body.page-index .price-card__price--light .price-card__period { color: var(--c-bg-light); }
body.page-index .price-card__sub { color: var(--c-text-light-gray); font-size: var(--t-body-sm); line-height: var(--lh-body-sm); }
body.page-index .price-card__sub--light { color: var(--c-text-light-gray); }
body.page-index .price-card__monthly {
  background: #fff;
  color: var(--c-text-dark);
  padding: 2px 8px;
  border-radius: var(--r-button);
  font-size: var(--t-body-sm);
  align-self: flex-start;
}
body.page-index .price-card__divider { border: none; border-top: 1px solid var(--c-border); margin: 0; }
body.page-index .price-card__divider--vip { border-top-color: rgba(255,255,255,.1); }
body.page-index .price-card__list { list-style: none; display: flex; flex-direction: column; gap: 12px; flex: 1; align-self: stretch; }
body.page-index .price-card .btn { margin-top: auto; }
body.page-index .price-card__list li { display: flex; align-items: center; gap: 12px; font-size: var(--t-body-sm); line-height: var(--lh-body-sm); color: var(--c-text-dark); }
body.page-index .price-card__list--vip li { color: #fff; }
body.page-index .price-card__list li.no { color: var(--c-accent-grey); }
body.page-index .dot-blue, body.page-index .dot-red, body.page-index .dot-gray {
  width: 24px; height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  flex: none;
}
body.page-index .dot-blue { background: var(--c-accent-blue); }
body.page-index .dot-red { background: var(--c-accent-red); }
body.page-index .dot-gray { background: var(--c-border); }
body.page-index .badge-save {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 37px;
  padding: 0 16px;
  border-radius: var(--r-tag);
  border: 1px solid rgba(255,255,255,.5);
  background: linear-gradient(252deg, rgba(255,255,255,.2) 21%, rgba(255,255,255,.035) 284%);
  backdrop-filter: blur(35px);
  font-size: var(--t-body-sm);
  font-weight: 500;
  color: #fff;
}
body.page-index .vip-banner { padding: 0 var(--page-pad) var(--section-pad); }
body.page-index .vip-banner__inner {
  max-width: var(--content-w);
  margin: 0 auto;
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 46px;
  border-radius: var(--r-block-m);
  background: url('../assets/banner-bot-bg.jpg') center/cover no-repeat, linear-gradient(135deg, #2a1a4f, #1a0d3a);
  position: relative;
  overflow: hidden;
}
body.page-index .vip-banner__copy { flex: 0 0 549px; display: flex; flex-direction: column; gap: 36px; position: relative; z-index: 1; align-items: flex-start; }
body.page-index .vip-banner__copy .h1, body.page-index .vip-banner__copy .vip-banner__desc, body.page-index .vip-banner__copy .vip-banner__mini { width: 100%; align-self: stretch; }
body.page-index .vip-banner__copy .tags { gap: 8px; }
body.page-index .vip-banner__desc { color: var(--c-accent-grey); font-size: var(--t-body-lg); line-height: var(--lh-body-sm); }
body.page-index .vip-banner__mini { display: flex; gap: 16px; }
body.page-index .mini-pack {
  flex: 1;
  border: 1.5px solid rgba(255,255,255,.5);
  border-radius: var(--r-block-m);
  padding: 18px 16px;
  background: linear-gradient(258deg, rgba(255,255,255,.16) 21%, rgba(255,255,255,.028) 284%);
  backdrop-filter: blur(26px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #fff;
}
body.page-index .mini-pack--bright {
  background: linear-gradient(258deg, rgba(255,255,255,.36) 21%, rgba(255,255,255,.063) 284%);
}
body.page-index .mini-pack__tags { display: flex; gap: 4px; }
body.page-index .mini-pill {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: var(--r-tag);
  background: #f7f8fb;
  color: var(--c-text-dark-gray);
  font-size: 9.6px;
  font-weight: 500;
  white-space: nowrap;
}
body.page-index .mini-pill--ghost { background: var(--c-bg-light); }
body.page-index .mini-pill--red { background: var(--c-accent-red); color: #fff; }
body.page-index .mini-pill--gradient { background: linear-gradient(90deg, var(--c-accent-red), var(--c-accent-orange)); color: #fff; font-size: 7px; }
body.page-index .mini-pack__num {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
}
body.page-index .mini-pack__num strong { font-size: 38px; line-height: 50px; letter-spacing: -1px; color: #f7f8fb; }
body.page-index .mini-pack__pre, body.page-index .mini-pack__suf {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: var(--t-body-md);
  color: var(--c-bg-light);
  letter-spacing: -.5px;
  line-height: 24px;
}
body.page-index .vip-banner__visual { flex: 0 0 549px; height: 550px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }
body.page-index .bot-preview-img { display: block; width: 100%; height: 100%; }
body.page-index .bot-preview-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
body.page-index .bot-preview {
  width: 100%;
  height: 100%;
  background: #17181b;
  border: 1px solid rgba(128,128,128,.1);
  border-radius: 21px;
  overflow: hidden;
  display: flex;
  flex-direction: column;

}
body.page-index .bot-preview__head {
  background: var(--c-bg-gradient-gray);
  border-bottom: 1px solid rgba(255,255,255,.05);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex: none;
}
body.page-index .bot-preview__avatar {
  width: 38px; height: 38px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
body.page-index .bot-preview__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-index .bot-preview__title { color: #fff; font-size: 15px; font-weight: 500; }
body.page-index .bot-preview__title small { display: block; color: #8b8f96; font-size: 11px; font-weight: 400; }
body.page-index .bot-preview__body { padding: 16px; background: var(--c-bg-dark); flex: 1; overflow: hidden; color: #fff; }
body.page-index .bot-msg { display: flex; gap: 12px; align-items: flex-start; }
body.page-index .bot-msg__avatar {
  width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; overflow: hidden;
}
body.page-index .bot-msg__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-index .bot-msg__bubble { flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
body.page-index .bot-msg__head { display: flex; justify-content: space-between; font-size: 13px; }
body.page-index .bot-msg__author { color: var(--c-accent-red); font-weight: 500; }
body.page-index .bot-msg__time { color: #8b8f96; font-size: 11px; }
body.page-index .bot-msg__shot { width: 311px; height: 195px; aspect-ratio: 8/5; object-fit: cover; border-radius: 8px; display: block; }
body.page-index .bot-msg__signal {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  line-height: 1.4;
  color: #fff;
  white-space: pre-wrap;
}
body.page-index .bot-msg__analysis { font-size: 11px; line-height: 1.4; color: #fff; }
body.page-index .bot-msg__analysis em { font-style: italic; color: #fff; }
body.page-index .reviews { background: var(--c-bg-light); padding: 144px var(--page-pad); }
body.page-index .reviews__inner { max-width: var(--content-w); margin: 0 auto; }
body.page-index .reviews__header { margin-bottom: 46px; }
body.page-index .reviews__header .h2 { margin-bottom: 16px; text-align: center; }
body.page-index .reviews__desc { color: var(--c-text-light-gray); font-size: var(--t-body-lg); line-height: var(--lh-body-lg); text-align: center; }
body.page-index .reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
body.page-index .review {
  position: relative;
  aspect-ratio: 288 / 512;
  border-radius: var(--r-block-m);
  background: #fff;
  border: 1px solid #e1e3e9;
  overflow: hidden;
  box-shadow: 5px 9px 20px rgba(0,0,0,.03);
}
body.page-index .review__bg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
body.page-index .review::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 110px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}
body.page-index .review__brand {
  position: absolute;
  top: 34px; left: 12px;
  display: flex;
  align-items: center;
  gap: 8.5px;
  z-index: 3;
}
body.page-index .review__brand-logo { width: 33px; height: 22.6px; display: block; flex: none; }
body.page-index .review__brand-text { width: 60px; height: 16.6px; display: block; flex: none; }
body.page-index .review__play {
  position: absolute;
  top: 155px; left: 50%;
  transform: translateX(-50%);
  width: 62px; height: 62px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  z-index: 3;
}
body.page-index .review__play-bg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  display: block;
}
body.page-index .review__play-icon {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  display: block;
}
body.page-index .review__panel {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 202px;
  background: #fff;
  padding: 16px 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
  box-shadow: 0 4px 30px rgba(0,0,0,.1);
  border-radius: 16px;
}
body.page-index .review__author {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
body.page-index .review__avatar {
  width: 39px; height: 39px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
body.page-index .review__avatar img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
body.page-index .review__avatar--crop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}
body.page-index .review__info { display: flex; flex-direction: column; gap: 4px; }
body.page-index .review__name {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 16.4px;
  color: #06122f;
  line-height: 21px;
}
body.page-index .review__country {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'DM Sans', sans-serif;
  font-size: 11.5px;
  color: #727272;
  line-height: 15px;
}
body.page-index .review__flag {
  width: 12px; height: 12px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  flex: none;
}
body.page-index .review__quote {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 16.4px;
  line-height: 22px;
  letter-spacing: -.5px;
  color: #1e2027;
  margin: 0;
}
body.page-index .reviews__cta { display: flex; justify-content: center; margin-top: 46px; }
body.page-index .review__player {
  position: absolute;
  inset: 0;
  z-index: 10;
  background: #000;
  border-radius: var(--r-block-m);
  overflow: hidden;
}
body.page-index .review__player iframe {
  width: 100%; height: 100%;
  border: none;
  display: block;
}
body.page-index .review__player-close {
  position: absolute;
  top: 10px; right: 10px;
  z-index: 11;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
  border: 1.5px solid rgba(255,255,255,.35);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s;
}
body.page-index .review__player-close:hover { background: rgba(0,0,0,.8); }
body.page-index .faq { padding: 144px var(--page-pad); }
body.page-index .faq__inner { max-width: var(--content-w); margin: 0 auto; }
body.page-index .faq__header { text-align: center; margin-bottom: 46px; }
body.page-index .faq__header .h2 { margin-bottom: 16px; }
body.page-index .faq__desc { color: var(--c-text-light-gray); font-size: var(--t-body-lg); line-height: var(--lh-body-lg); }
body.page-index .faq__list { max-width: 808px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
body.page-index .faq-item {
  background: var(--c-bg-light);
  border-radius: var(--r-block-m);
  padding: 16px 24px;
  cursor: pointer;
}
body.page-index .faq-item summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: var(--t-body-lg);
  line-height: 30px;
  letter-spacing: -0.5px;
  color: var(--c-text-dark);
  min-width: 0;
}
body.page-index .faq-item summary > span { min-width: 0; flex: 1; overflow-wrap: break-word; word-break: break-word; hyphens: auto; }
body.page-index .faq-item summary { overflow: hidden; }
body.page-index .faq-item summary::-webkit-details-marker { display: none; }
body.page-index .faq-item summary::after {
  content: '';
  width: 24px; height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.625' y='10.8' width='18.75' height='2.4' rx='1.2' fill='%23EE3C3B'/%3E%3Crect x='10.8' y='2.625' width='2.4' height='18.75' rx='1.2' fill='%23EE3C3B'/%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  flex: none;
}
body.page-index .faq-item[open] summary::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.625' y='10.8' width='18.75' height='2.4' rx='1.2' fill='%23EE3C3B'/%3E%3C/svg%3E");
}
body.page-index .faq-item p, body.page-index .faq-item .faq-list {
  margin-top: 16px;
  color: var(--c-text-light-gray);
  font-size: var(--t-body-md);
  line-height: 26px;
  letter-spacing: -.5px;
}
body.page-index .faq-item .faq-list { padding-left: 24px; list-style: disc; }
body.page-index .faq-item .faq-list li { margin-bottom: 0; }
body.page-index .footer {
  background: linear-gradient(90deg, var(--c-bg-dark), var(--c-bg-gradient-gray));
  color: var(--c-text-light-gray);
  padding: var(--section-pad) var(--page-pad);
}
body.page-index .footer__inner { max-width: var(--content-w); margin: 0 auto; display: flex; flex-direction: column; gap: 46px; }
body.page-index .footer__cols {
  display: grid;
  grid-template-columns: 288px 1fr 1fr 1fr;
  gap: 24px;
}
body.page-index .footer__col { display: flex; flex-direction: column; gap: 24px; }
body.page-index .footer__col3-wrap { display: flex; flex-direction: column; gap: 24px; }
body.page-index .footer__list { list-style: none; display: flex; flex-direction: column; gap: 24px; font-size: var(--t-body-md); }
body.page-index .footer__list li, body.page-index .footer__list a { color: var(--c-text-light-gray); letter-spacing: -.5px; }
body.page-index .footer__list a:hover { color: #fff; }
body.page-index .footer__divider { border: none; border-top: 1px solid rgba(255,255,255,.1); }
body.page-index .footer__legal { display: flex; flex-direction: column; gap: 24px; font-size: var(--t-body-md); line-height: 26px; letter-spacing: -.5px; }
body.page-index .footer__legal a { text-decoration: underline; color: var(--c-text-light-gray); }
body.page-index .footer__legal .text-white { color: #fff; font-weight: 400; }
body.page-index .footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.page-index .footer__copy { font-size: var(--t-body-md); line-height: 26px; color: var(--c-text-light-gray); letter-spacing: -.5px; }
body.page-index .footer__ssl { display: flex; align-items: center; gap: 8px; color: var(--c-text-light-gray); font-size: var(--t-body-md); letter-spacing: -.5px; }
body.page-index .footer__ssl-icon { width: 22px; height: auto; display: block; }
@media (max-width: 1023px) {
body.page-index {
    --page-pad: 16px;
    --content-w: 100%;
    --section-pad: 54px;
    --t-hero: 42px;
    --t-h1: 28px;
    --t-h2: 24px;
    --t-h3: 20px;
    --t-body-lg: 16px;
    --t-body-md: 14px;
    --lh-hero: 42px;
    --lh-h1: 36px;
    --lh-h2: 32px; 
    --lh-h3: 32px;
    --lh-body-lg: 26px;
    --lh-body-md: 24px;
  }
body.page-index .h-header { letter-spacing: -2px; }
body.page-index .nav { padding: 12px 16px; margin: 4px; }
body.page-index .btn--header { padding: 0 12px; height: 40px; font-size: 14px; }
body.page-index .logo__mark { height: 22px; }
body.page-index .logo__word { height: 16px; }
body.page-index .scta { padding: 6px 16px; margin: 0; border-radius: 0; }
body.page-index .scta__inner { gap: 8px; flex-wrap: nowrap; overflow: hidden; justify-content: center; }
body.page-index .scta__rating-label { flex: none; gap: 4px; }
body.page-index .scta__rating { gap: 6px; flex: none; }
body.page-index .scta__rating-text { white-space: nowrap; font-size: 12px; }
body.page-index .stars { font-size: 13px; flex: none; }
body.page-index .scta__score { font-size: 12px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
body.page-index .scta__score-suffix { display: none; }
body.page-index .hero { padding: 32px 16px 36px; }
body.page-index .hero__inner { flex-direction: column; gap: 36px; }
body.page-index .hero__content { flex: none; width: 100%; gap: 24px; }
body.page-index .hero__row1 { gap: 4px; flex-wrap: wrap; }
body.page-index .hero__cup { width: 40px; height: 40px; }
body.page-index .hero__visual { width: 100%; height: 344px; flex: none; }
body.page-index .hero__visual-img { object-position: center center; }
body.page-index .phone { width: 240px; height: 500px; left: calc(50% - 120px); border-radius: 28px; border-width: 5px; }
body.page-index .hero__popup {
    width: calc(100% - 16px);
    max-width: 100%;
    height: auto;
    top: 210px;
    padding: 20px;
    left: 8px;
    transform: none;
  }
body.page-index .popup-signal { font-size: 15px; line-height: 22px; gap: 8px; }
body.page-index .popup-signal__title { font-size: 17px; line-height: 24px; }
body.page-index .hero__actions { flex-direction: row; align-items: stretch; }
body.page-index .hero__actions .btn { flex: 1; }
body.page-index .btn { height: 50px; padding: 0 24px; font-size: 14px; }
body.page-index .stats { padding: 46px 0 32px; }
body.page-index .stats__inner { display: flex; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding: 0 16px; gap: 8px; }
body.page-index .stats__inner::-webkit-scrollbar { display: none; }
body.page-index .stat { width: 224px; min-width: 224px; flex-shrink: 0; }
body.page-index .stat__num { font-size: 28px; line-height: 36px; }
body.page-index .features { padding: var(--section-pad) 16px; }
body.page-index .features__header { flex-direction: column; align-items: flex-start; gap: 16px; }
body.page-index .features__links { font-size: 12px; flex-wrap: wrap; }
body.page-index .feature-grid { grid-template-columns: minmax(0, 1fr); }
body.page-index .feature { height: auto; min-height: 460px; padding: 20px; gap: 16px; padding-bottom: 20px; min-width: 0; }
body.page-index .feature .h3 { font-size: var(--t-h3); line-height: var(--lh-h3); }
body.page-index .signal-card { padding: 14px; }
body.page-index .signal-card--glass { width: 100%; max-width: 100%; padding: 14px 16px; }
body.page-index .feature__visual--pnl {
    background: url('../assets/feature-card3-pnl-1-mob.png') center / contain no-repeat;
    width: 100%;
    height: 277px;
    aspect-ratio: unset;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }
body.page-index .steps { padding: var(--section-pad) 16px; }
body.page-index .steps-grid { grid-template-columns: 1fr; }
body.page-index .step__num { font-size: 56px; line-height: 56px; letter-spacing: -2px; }
body.page-index .results { padding: var(--section-pad) 16px; }
body.page-index .results-grid { grid-template-columns: 1fr; }
body.page-index .results-track .result { flex: 0 0 100%; max-width: 100%; }
body.page-index .paginator { gap: 8px; }
body.page-index .assets-block { padding: var(--section-pad) 16px; }
body.page-index .assets-block__header { text-align: left; }
body.page-index .assets-grid {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 12px;
    margin: 0 -16px;
    padding: 0 16px 4px;
  }
body.page-index .assets-grid::-webkit-scrollbar { display: none; }
body.page-index .asset-box { min-width: 220px; flex-shrink: 0; padding: 16px; gap: 14px; }
body.page-index .asset-box__price { font-size: 24px; line-height: 32px; }
body.page-index .pricing { padding: var(--section-pad) 16px; }
body.page-index .pricing__header { text-align: center; align-items: center; }
body.page-index .pricing-grid { grid-template-columns: 1fr; }
body.page-index .price-card__amount { font-size: 48px; line-height: 48px; }
body.page-index .vip-banner { padding: 0 16px var(--section-pad); }
body.page-index .vip-banner__inner { flex-direction: column; padding: 24px; }
body.page-index .vip-banner__copy { flex: none; width: 100%; gap: 24px; }
body.page-index .vip-banner__mini { flex-direction: column; }
body.page-index .vip-banner__visual { width: 100%; flex: none; height: auto; aspect-ratio: 549/550; padding-left:0;}
body.page-index .reviews { padding: var(--section-pad) 16px; }
body.page-index .reviews-grid {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 12px;
    margin: 0 -16px;
    padding: 0 16px 4px;
  }
body.page-index .reviews-grid::-webkit-scrollbar { display: none; }
body.page-index .review { min-width: 260px; flex-shrink: 0; }
body.page-index .reviews__cta { justify-content: stretch; }
body.page-index .reviews__cta .btn { width: 100%; }
body.page-index .review__play { top: calc((100% - 202px) / 2); }
body.page-index .review__name { font-size: 14px; }
body.page-index .review__quote { font-size: 13px; line-height: 18px; }
body.page-index .faq { padding: var(--section-pad) 16px; }
body.page-index .faq-item { padding: 16px; }
body.page-index .faq-item summary { font-size: 16px; line-height: 24px; gap: 12px; letter-spacing: -.5px; }
body.page-index .faq-item p { font-size: 13px; }
body.page-index .footer { padding: var(--section-pad) 16px; }
body.page-index .footer__inner { gap: 36px; }
body.page-index .footer__cols { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
body.page-index .footer__col { grid-column: 1 / -1; }
body.page-index .footer__col3-wrap { display: contents; }
body.page-index .footer__col3-wrap > .footer__list:first-child { grid-column: 2; grid-row: 3; }
body.page-index .footer__col3-wrap > .footer__list:last-child { grid-column: 1; grid-row: 3; }
body.page-index .footer__list { gap: 24px; font-size: 14px; }
body.page-index .footer__legal { font-size: 12px; line-height: 24px; gap: 36px; }
body.page-index .footer__copy { font-size: 12px; line-height: 24px; }
body.page-index .footer__ssl { font-size: 12px; }
body.page-index .footer__bottom { flex-direction: column; align-items: flex-start; gap: 36px; }
}
body.page-index.body--dark {
  background: var(--c-bg-dark);
  color: #d6d6d6;
}
body.page-index.body--dark strong { color: #fff; }
body.page-index.body--dark a { color: #fff; }
body.page-index.body--dark a:hover { text-decoration: underline; }
body.page-index .legal-page {
  padding: 48px var(--page-pad) 80px;
}
body.page-index .legal-page__inner {
  max-width: 800px;
  margin: 0 auto;
}
body.page-index .legal-document {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
body.page-index .legal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.page-index .legal-header h1 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-weight: 600;
  font-size: var(--t-h1);
  line-height: var(--lh-h1);
  letter-spacing: -1px;
  color: #fff;
}
body.page-index .legal-meta {
  font-size: var(--t-body-sm);
  color: var(--c-text-light-gray);
}
body.page-index .legal-document h2 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-weight: 600;
  font-size: var(--t-h3);
  line-height: var(--lh-h3);
  color: #fff;
  margin-top: 8px;
}
body.page-index .legal-document h3 {
  font-family: 'DM Sans', 'Inter', sans-serif;
  font-weight: 600;
  font-size: var(--t-body-lg);
  line-height: var(--lh-body-lg);
  color: #fff;
}
body.page-index .legal-document p, body.page-index .legal-document li {
  font-size: var(--t-body-md);
  line-height: 28px;
  color: #d6d6d6;
}
body.page-index .legal-document ul, body.page-index .legal-document ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
}
body.page-index .legal-document li::marker {
  color: var(--c-text-light-gray);
}
body.page-index .legal-callout {
  background: rgba(255, 255, 255, 0.05);
  border-left: 3px solid var(--c-accent-red);
  border-radius: 0 var(--r-block-s) var(--r-block-s) 0;
  padding: 16px 20px;
  font-size: var(--t-body-md);
  line-height: 28px;
  color: #d6d6d6;
}
body.page-index .legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--t-body-sm);
  line-height: var(--lh-body-sm);
}
body.page-index .legal-table th, body.page-index .legal-table td {
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  vertical-align: top;
}
body.page-index .legal-table th {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-weight: 600;
}
body.page-index .legal-table td {
  color: #d6d6d6;
}
body.page-index.body--dark .nav {
  background: rgba(18, 20, 22, 0.8);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.page-index.body--dark .logo__word { filter: brightness(0) invert(1); }
body.page-index.body--dark .footer {
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body.page-index.body--dark .footer__divider { border-color: rgba(255, 255, 255, 0.08); }
body.page-index.body--dark .footer__list a { color: #d6d6d6; }
body.page-index.body--dark .footer__list a:hover { color: #fff; }
body.page-index.body--dark .footer__legal { color: var(--c-text-light-gray); }
body.page-index.body--dark .footer__copy { color: var(--c-text-light-gray); }
body.page-index.body--dark .footer__ssl { color: var(--c-text-light-gray); }
@media (max-width: 640px) {
body.page-index .legal-page { padding: 32px 16px 60px; }
body.page-index .legal-header h1 { font-size: 32px; line-height: 38px; letter-spacing: -.5px; }
body.page-index .legal-document h2 { font-size: 20px; line-height: 28px; }
body.page-index .legal-document p, body.page-index .legal-document li { font-size: var(--t-body-sm); line-height: 24px; }
}