/* from home.html */
:root {
    --sf-img-3: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-33-30a61557.png");
    --sf-img-4: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-34-86a58d93.png");
    --sf-img-10: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-35-dbcdce3b.avif");
    --sf-img-11: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-36-af007574.avif");
    --sf-img-6: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-37-ab8f47d0.avif");
    --sf-img-7: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-38-eb5bded9.avif");
    --sf-img-9: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-39-e371cd22.avif");
    --sf-img-13: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-40-202d1790.avif");
    --sf-img-5: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-41-3733b819.avif");
    --sf-img-8: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-42-5f541740.avif");
    --sf-img-12: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-43-39e074a6.avif")
  }

/* from home.html */
*,
  :after,
  :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0#0000;
    --tw-ring-shadow: 0 0#0000;
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
  }

  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0#0000;
    --tw-ring-shadow: 0 0#0000;
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
  }

  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
  }

  :after,
  :before {
    --tw-content: ""
  }

  :host,
  html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
  }

  body {
    margin: 0;
    line-height: inherit
  }

  a {
    color: inherit;
    text-decoration: inherit
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  button {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
  }

  button {
    text-transform: none
  }

  button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
  }

  :-moz-focusring {
    outline: auto
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }

  h1,
  h2,
  h3,
  h4,
  p {
    margin: 0
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
  }

  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af
  }

  button {
    cursor: pointer
  }

  :disabled {
    cursor: default
  }

  canvas,
  iframe,
  img,
  svg,
  video {
    display: block;
    vertical-align: middle
  }

  img,
  video {
    max-width: 100%;
    height: auto
  }

  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 221.2 75.35% 49.27%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --muted: 210 50% 94.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 221.2 83.2% 53.3%;
    --radius: 0.5rem;
    --chart-1: 221.2 83.2% 53.3%;
    --chart-2: 212 95% 68%;
    --chart-3: 216 92% 60%;
    --chart-4: 210 98% 78%;
    --chart-5: 212 97% 87%;
    --chart-6: 212 97% 27%;
    --chart-background: 210 40% 90%
  }

  .container {
    width: 100%
  }

  @media (min-width:640px) {
    .container {
      max-width: 640px
    }
  }

  @media (min-width:768px) {
    .container {
      max-width: 768px
    }
  }

  @media (min-width:1024px) {
    .container {
      max-width: 1024px
    }
  }

  @media (min-width:1280px) {
    .container {
      max-width: 1280px
    }
  }

  @media (min-width:1536px) {
    .container {
      max-width: 1536px
    }
  }

  .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
  }

  .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
  }

  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
  }

  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
  }

  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
  }

  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
  }

  .pointer-events-none {
    pointer-events: none
  }

  .pointer-events-auto {
    pointer-events: auto
  }

  .invisible {
    visibility: hidden
  }

  .fixed {
    position: fixed
  }

  .absolute {
    position: absolute
  }

  .relative {
    position: relative
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: 0
  }

  .inset-x-0 {
    left: 0;
    right: 0
  }

  .inset-y-0 {
    top: 0;
    bottom: 0
  }

  .-bottom-80 {
    bottom: -20rem
  }

  .-right-0 {
    right: 0
  }

  .bottom-0 {
    bottom: 0
  }

  .bottom-5 {
    bottom: 1.25rem
  }

  .left-0 {
    left: 0
  }

  .left-1\/2 {
    left: 50%
  }

  .right-5 {
    right: 1.25rem
  }

  .top-0 {
    top: 0
  }

  .top-16 {
    top: 4rem
  }

  .top-\[1px\] {
    top: 1px
  }

  .top-full {
    top: 100%
  }

  .isolate {
    isolation: isolate
  }

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .z-\[10000\] {
    z-index: 10000
  }

  .z-\[10001\] {
    z-index: 10001
  }

  .z-\[10002\] {
    z-index: 10002
  }

  .z-\[10003\] {
    z-index: 10003
  }

  .mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
  }

  .mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
  }

  .mx-auto {
    margin-left: auto;
    margin-right: auto
  }

  .my-0 {
    margin-top: 0;
    margin-bottom: 0
  }

  .-mr-4 {
    margin-right: -1rem
  }

  .-mt-\[3px\] {
    margin-top: -3px
  }

  .mb-0 {
    margin-bottom: 0
  }

  .mb-1 {
    margin-bottom: .25rem
  }

  .mb-10 {
    margin-bottom: 2.5rem
  }

  .mb-12 {
    margin-bottom: 3rem
  }

  .mb-16 {
    margin-bottom: 4rem
  }

  .mb-2 {
    margin-bottom: .5rem
  }

  .mb-3 {
    margin-bottom: .75rem
  }

  .mb-4 {
    margin-bottom: 1rem
  }

  .mb-6 {
    margin-bottom: 1.5rem
  }

  .mb-8 {
    margin-bottom: 2rem
  }

  .ml-1 {
    margin-left: .25rem
  }

  .ml-10 {
    margin-left: 2.5rem
  }

  .ml-2 {
    margin-left: .5rem
  }

  .ml-6 {
    margin-left: 1.5rem
  }

  .mr-2 {
    margin-right: .5rem
  }

  .mr-4 {
    margin-right: 1rem
  }

  .mt-1 {
    margin-top: .25rem
  }

  .mt-10 {
    margin-top: 2.5rem
  }

  .mt-12 {
    margin-top: 3rem
  }

  .mt-16 {
    margin-top: 4rem
  }

  .mt-2 {
    margin-top: .5rem
  }

  .mt-20 {
    margin-top: 5rem
  }

  .mt-24 {
    margin-top: 6rem
  }

  .mt-3 {
    margin-top: .75rem
  }

  .mt-4 {
    margin-top: 1rem
  }

  .mt-6 {
    margin-top: 1.5rem
  }

  .mt-8 {
    margin-top: 2rem
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2
  }

  .line-clamp-2 {
    overflow: hidden;
    -webkit-box-orient: vertical
  }

  .block {
    display: block
  }

  .inline-block {
    display: inline-block
  }

  .flex {
    display: flex
  }

  .inline-flex {
    display: inline-flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .aspect-video {
    aspect-ratio: 16/9
  }

  .h-0 {
    height: 0
  }

  .h-10 {
    height: 2.5rem
  }

  .h-12 {
    height: 3rem
  }

  .h-14 {
    height: 3.5rem
  }

  .h-16 {
    height: 4rem
  }

  .h-2 {
    height: .5rem
  }

  .h-20 {
    height: 5rem
  }

  .h-28 {
    height: 7rem
  }

  .h-3 {
    height: .75rem
  }

  .h-4 {
    height: 1rem
  }

  .h-40 {
    height: 10rem
  }

  .h-5 {
    height: 1.25rem
  }

  .h-6 {
    height: 1.5rem
  }

  .h-60 {
    height: 15rem
  }

  .h-8 {
    height: 2rem
  }

  .h-\[56px\] {
    height: 56px
  }

  .h-\[70vh\] {
    height: 70vh
  }

  .h-auto {
    height: auto
  }

  .h-full {
    height: 100%
  }

  .min-h-\[500px\] {
    min-height: 500px
  }

  .min-h-fit {
    min-height: fit-content
  }

  .w-0 {
    width: 0
  }

  .w-1 {
    width: .25rem
  }

  .w-10 {
    width: 2.5rem
  }

  .w-12 {
    width: 3rem
  }

  .w-14 {
    width: 3.5rem
  }

  .w-16 {
    width: 4rem
  }

  .w-2 {
    width: .5rem
  }

  .w-20 {
    width: 5rem
  }

  .w-3 {
    width: .75rem
  }

  .w-4 {
    width: 1rem
  }

  .w-5 {
    width: 1.25rem
  }

  .w-6 {
    width: 1.5rem
  }

  .w-8 {
    width: 2rem
  }

  .w-\[56px\] {
    width: 56px
  }

  .w-auto {
    width: auto
  }

  .w-full {
    width: 100%
  }

  .w-max {
    width: max-content
  }

  .min-w-\[200px\] {
    min-width: 200px
  }

  .max-w-2xl {
    max-width: 42rem
  }

  .max-w-3xl {
    max-width: 48rem
  }

  .max-w-4xl {
    max-width: 56rem
  }

  .max-w-5xl {
    max-width: 64rem
  }

  .max-w-6xl {
    max-width: 72rem
  }

  .max-w-7xl {
    max-width: 80rem
  }

  .max-w-\[10rem\] {
    max-width: 10rem
  }

  .max-w-\[95\%\] {
    max-width: 95%
  }

  .max-w-lg {
    max-width: 32rem
  }

  .max-w-md {
    max-width: 28rem
  }

  .max-w-sm {
    max-width: 24rem
  }

  .max-w-xl {
    max-width: 36rem
  }

  .max-w-xs {
    max-width: 20rem
  }

  .flex-1 {
    flex: 1 1 0%
  }

  .flex-shrink-0 {
    flex-shrink: 0
  }

  .origin-center {
    transform-origin: center
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%
  }

  .translate-y-2 {
    --tw-translate-y: 0.5rem
  }

  .scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
  }

  .scale-95,
  .scale-\[1\.1\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .scale-\[1\.1\] {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
  }

  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  @keyframes pulse {
    50% {
      opacity: .5
    }
  }

  .cursor-pointer {
    cursor: pointer
  }

  .list-none {
    list-style-type: none
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .flex-row {
    flex-direction: row
  }

  .flex-col {
    flex-direction: column
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .items-start {
    align-items: flex-start
  }

  .items-center {
    align-items: center
  }

  .justify-start {
    justify-content: flex-start
  }

  .justify-center {
    justify-content: center
  }

  .justify-between {
    justify-content: space-between
  }

  .gap-1 {
    gap: .25rem
  }

  .gap-10 {
    gap: 2.5rem
  }

  .gap-12 {
    gap: 3rem
  }

  .gap-2 {
    gap: .5rem
  }

  .gap-3 {
    gap: .75rem
  }

  .gap-4 {
    gap: 1rem
  }

  .gap-6 {
    gap: 1.5rem
  }

  .gap-8 {
    gap: 2rem
  }

  .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
    margin-left: calc(.5rem*calc(1 - var(--tw-space-x-reverse)))
  }

  .space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem*var(--tw-space-x-reverse));
    margin-left: calc(.75rem*calc(1 - var(--tw-space-x-reverse)))
  }

  .space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem*var(--tw-space-x-reverse));
    margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))
  }

  .space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse))
  }

  .space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse))
  }

  .space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem*var(--tw-space-y-reverse))
  }

  .space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
  }

  .space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem*var(--tw-space-y-reverse))
  }

  .divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
  }

  .divide-neutral-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-divide-opacity, 1))
  }

  .overflow-hidden {
    overflow: hidden
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .text-pretty {
    text-wrap: pretty
  }

  .rounded-2xl {
    border-radius: 1rem
  }

  .rounded-3xl {
    border-radius: 1.5rem
  }

  .rounded-\[16px\] {
    border-radius: 16px
  }

  .rounded-\[20px\] {
    border-radius: 20px
  }

  .rounded-\[24px\] {
    border-radius: 24px
  }

  .rounded-full {
    border-radius: 9999px
  }

  .rounded-lg {
    border-radius: var(--radius)
  }

  .rounded-br-full {
    border-bottom-right-radius: 9999px
  }

  .rounded-tr-full {
    border-top-right-radius: 9999px
  }

  .border {
    border-width: 1px
  }

  .border-2 {
    border-width: 2px
  }

  .border-y-\[8px\] {
    border-top-width: 8px;
    border-bottom-width: 8px
  }

  .border-b {
    border-bottom-width: 1px
  }

  .border-l-\[12px\] {
    border-left-width: 12px
  }

  .border-t {
    border-top-width: 1px
  }

  .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
  }

  .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
  }

  .border-input {
    border-color: hsl(var(--input))
  }

  .border-muted-foreground\/40 {
    border-color: hsl(var(--muted-foreground)/.4)
  }

  .border-neutral-100 {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1))
  }

  .border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity, 1))
  }

  .border-transparent {
    border-color: transparent
  }

  .border-y-transparent {
    border-top-color: transparent;
    border-bottom-color: transparent
  }

  .border-l-primary {
    border-left-color: hsl(var(--primary))
  }

  .bg-\[\#0a0f1c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 15 28/var(--tw-bg-opacity, 1))
  }

  .bg-\[\#4c63d2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(76 99 210/var(--tw-bg-opacity, 1))
  }

  .bg-background {
    background-color: hsl(var(--background))
  }

  .bg-black\/20 {
    background-color: rgb(0 0 0/.2)
  }

  .bg-black\/70 {
    background-color: rgb(0 0 0/.7)
  }

  .bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
  }

  .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
  }

  .bg-muted\/30 {
    background-color: hsl(var(--muted)/.3)
  }

  .bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
  }

  .bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
  }

  .bg-neutral-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64/var(--tw-bg-opacity, 1))
  }

  .bg-primary {
    background-color: hsl(var(--primary))
  }

  .bg-primary\/10 {
    background-color: hsl(var(--primary)/.1)
  }

  .bg-primary\/20 {
    background-color: hsl(var(--primary)/.2)
  }

  .bg-secondary {
    background-color: hsl(var(--secondary))
  }

  .bg-transparent {
    background-color: transparent
  }

  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  }

  .bg-white\/90 {
    background-color: rgb(255 255 255/.9)
  }

  .bg-\[radial-gradient\(circle_at_1px_1px\2c rgba\(59\2c 130\2c 246\2c 0\.3\)_1px\2c transparent_0\)\] {
    background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, .3) 1px, transparent 0)
  }

  .bg-\[radial-gradient\(hsl\(var\(--primary\)\)_40\%\2c transparent_60\%\)\] {
    background-image: radial-gradient(hsl(var(--primary)) 40%, transparent 60%)
  }

  .bg-\[url\(\'\/world\.svg\'\)\] {
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-44-280cc7c5.svg)
  }

  .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
  }

  .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
  }

  .from-gray-50 {
    --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 250 251/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .from-primary\/10 {
    --tw-gradient-from: hsl(var(--primary)/0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .via-black\/20 {
    --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0/0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
  }

  .via-white {
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
  }

  .via-white\/30 {
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255/0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)
  }

  .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
  }

  .to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
  }

  .to-white\/80 {
    --tw-gradient-to: rgb(255 255 255/0.8) var(--tw-gradient-to-position)
  }

  .bg-center {
    background-position: 50%
  }

  .bg-repeat {
    background-repeat: repeat
  }

  .fill-yellow-400 {
    fill: #facc15
  }

  .stroke-\[1px\] {
    stroke-width: 1px
  }

  .object-contain {
    -o-object-fit: contain;
    object-fit: contain
  }

  .object-cover {
    -o-object-fit: cover;
    object-fit: cover
  }

  .object-top {
    -o-object-position: top;
    object-position: top
  }

  .p-1 {
    padding: .25rem
  }

  .p-2 {
    padding: .5rem
  }

  .p-4 {
    padding: 1rem
  }

  .p-6 {
    padding: 1.5rem
  }

  .p-\[1px\] {
    padding: 1px
  }

  .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

  .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .pb-10 {
    padding-bottom: 2.5rem
  }

  .pb-12 {
    padding-bottom: 3rem
  }

  .pb-2 {
    padding-bottom: .5rem
  }

  .pb-4 {
    padding-bottom: 1rem
  }

  .pl-4 {
    padding-left: 1rem
  }

  .pl-8 {
    padding-left: 2rem
  }

  .pt-10 {
    padding-top: 2.5rem
  }

  .pt-12 {
    padding-top: 3rem
  }

  .pt-3 {
    padding-top: .75rem
  }

  .pt-4 {
    padding-top: 1rem
  }

  .pt-6 {
    padding-top: 1.5rem
  }

  .pt-8 {
    padding-top: 2rem
  }

  .text-left {
    text-align: left
  }

  .text-center {
    text-align: center
  }

  .font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
  }

  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .text-6xl {
    font-size: 3.75rem;
    line-height: 1
  }

  .text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .text-xs {
    font-size: .75rem;
    line-height: 1rem
  }

  .font-bold {
    font-weight: 700
  }

  .font-medium {
    font-weight: 500
  }

  .font-semibold {
    font-weight: 600
  }

  .uppercase {
    text-transform: uppercase
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
  }

  .leading-7 {
    line-height: 1.75rem
  }

  .leading-8 {
    line-height: 2rem
  }

  .leading-relaxed {
    line-height: 1.625
  }

  .leading-tight {
    line-height: 1.25
  }

  .tracking-tight {
    letter-spacing: -.025em
  }

  .tracking-wider {
    letter-spacing: .05em
  }

  .\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
  }

  .text-\[\#49494b\] {
    --tw-text-opacity: 1;
    color: rgb(73 73 75/var(--tw-text-opacity, 1))
  }

  .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
  }

  .text-gray-400 {
    --tw-text-opacity: 1
  }

  .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
  }

  .text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
  }

  .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
  }

  .text-muted-foreground {
    color: hsl(var(--muted-foreground))
  }

  .text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
  }

  .text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity, 1))
  }

  .text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity, 1))
  }

  .text-primary {
    color: hsl(var(--primary))
  }

  .text-primary-foreground {
    color: hsl(var(--primary-foreground))
  }

  .text-secondary-foreground {
    color: hsl(var(--secondary-foreground))
  }

  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
  }

  .text-white\/90 {
    color: rgb(255 255 255/.9)
  }

  .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity, 1))
  }

  .text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity, 1))
  }

  .underline {
    text-decoration-line: underline
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
  }

  .placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-60 {
    opacity: .6
  }

  .opacity-\[0\.02\] {
    opacity: .02
  }

  .opacity-\[0\.8\] {
    opacity: .8
  }

  .shadow-\[0_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_2px_24px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 24px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color), 0 2px 24px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-\[0px_-1px_0px_0px_\#FFFFFF40_inset\2c _0px_1px_0px_0px_\#FFFFFF40_inset\] {
    --tw-shadow: 0px -1px 0px 0px #FFFFFF40 inset, 0px 1px 0px 0px #FFFFFF40 inset;
    --tw-shadow-colored: inset 0px -1px 0px 0px var(--tw-shadow-color), inset 0px 1px 0px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
  }

  .shadow-lg,
  .shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
  }

  .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0/0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  }

  .shadow-sm,
  .shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
  }

  .shadow-black {
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored)
  }

  .drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0/0.15))
  }

  .drop-shadow-2xl,
  .drop-shadow-lg {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }

  .drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0/0.04)) drop-shadow(0 4px 3px rgb(0 0 0/0.1))
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
  }

  .backdrop-blur-sm,
  .backdrop-blur-xl {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px)
  }

  .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  .duration-150,
  .transition-transform {
    transition-duration: .15s
  }

  .duration-200 {
    transition-duration: .2s
  }

  .duration-300 {
    transition-duration: .3s
  }

  .\[background-size\:16px_16px\] {
    background-size: 16px 16px
  }

  .\[mask-image\:linear-gradient\(to_right\2c transparent\2c black_20\%\2c black_80\%\2c transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, transparent, black 20%, black 80%, transparent);
    mask-image: linear-gradient(90deg, transparent, black 20%, black 80%, transparent)
  }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
  }

  @theme inline {
    --shadow-derek: 0px 0px 0px 1px rgb(0 0 0/0.06), 0px 1px 1px -0.5px rgb(0 0 0/0.06), 0px 3px 3px -1.5px rgb(0 0 0/0.06), 0px 6px 6px -3px rgb(0 0 0/0.06), 0px 12px 12px -6px rgb(0 0 0/0.06), 0px 24px 24px -12px rgb(0 0 0/0.06);
    --shadow-input: 0px 2px 3px -1px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(25, 28, 33, 0.02), 0px 0px 0px 1px rgba(25, 28, 33, 0.08)
  }

  .file\:border-0::file-selector-button {
    border-width: 0
  }

  .file\:bg-transparent::file-selector-button {
    background-color: transparent
  }

  .file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .file\:font-medium::file-selector-button {
    font-weight: 500
  }

  .placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
  }

  .placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
  }

  .placeholder\:text-muted-foreground::-moz-placeholder {
    color: hsl(var(--muted-foreground))
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: hsl(var(--muted-foreground))
  }

  .focus-within\:border-primary:focus-within {
    border-color: hsl(var(--primary))
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000)
  }

  .focus-within\:ring-primary:focus-within {
    --tw-ring-color: hsl(var(--primary))
  }

  .hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
  }

  .hover\:scale-105:hover,
  .hover\:scale-110:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
  }

  .hover\:border-neutral-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity, 1))
  }

  .hover\:bg-\[\#4151b8\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(65 81 184/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-\[\#4752C4\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(71 82 196/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-accent:hover {
    background-color: hsl(var(--accent))
  }

  .hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-destructive\/90:hover {
    background-color: hsl(var(--destructive)/.9)
  }

  .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-muted\/30:hover {
    background-color: hsl(var(--muted)/.3)
  }

  .hover\:bg-neutral-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-neutral-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-neutral-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-primary\/10:hover {
    background-color: hsl(var(--primary)/.1)
  }

  .hover\:bg-primary\/90:hover {
    background-color: hsl(var(--primary)/.9)
  }

  .hover\:bg-secondary\/80:hover {
    background-color: hsl(var(--secondary)/.8)
  }

  .hover\:bg-white\/10:hover {
    background-color: rgb(255 255 255/.1)
  }

  .hover\:bg-white\/50:hover {
    background-color: rgb(255 255 255/.5)
  }

  .hover\:bg-white\/\[0\.02\]:hover {
    background-color: rgb(255 255 255/.02)
  }

  .hover\:from-purple-700:hover {
    --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(126 34 206/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777 var(--tw-gradient-to-position)
  }

  .hover\:text-\[\#4151b8\]:hover {
    --tw-text-opacity: 1;
    color: rgb(65 81 184/var(--tw-text-opacity, 1))
  }

  .hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground))
  }

  .hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
  }

  .hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
  }

  .hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
  }

  .hover\:text-neutral-600:hover {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
  }

  .hover\:text-neutral-900:hover {
    --tw-text-opacity: 1;
    color: rgb(23 23 23/var(--tw-text-opacity, 1))
  }

  .hover\:text-primary:hover {
    color: hsl(var(--primary))
  }

  .hover\:text-primary\/80:hover {
    color: hsl(var(--primary)/.8)
  }

  .hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
  }

  .hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgb(254 240 138/var(--tw-text-opacity, 1))
  }

  .hover\:text-zinc-800:hover {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity, 1))
  }

  .hover\:underline:hover {
    text-decoration-line: underline
  }

  .hover\:opacity-100:hover {
    opacity: 1
  }

  .hover\:opacity-80:hover {
    opacity: .8
  }

  .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
  }

  .hover\:shadow-lg:hover,
  .hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
  }

  .hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .focus\:border-primary:focus {
    border-color: hsl(var(--primary))
  }

  .focus\:border-transparent:focus {
    border-color: transparent
  }

  .focus\:bg-accent:focus {
    background-color: hsl(var(--accent))
  }

  .focus\:text-accent-foreground:focus {
    color: hsl(var(--accent-foreground))
  }

  .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
  }

  .focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  }

  .focus\:ring-0:focus,
  .focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000)
  }

  .focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  }

  .focus\:ring-\[\#4c63d2\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(76 99 210/var(--tw-ring-opacity, 1))
  }

  .focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
  }

  .focus\:ring-neutral-950:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(10 10 10/var(--tw-ring-opacity, 1))
  }

  .focus\:ring-primary:focus {
    --tw-ring-color: hsl(var(--primary))
  }

  .focus\:ring-primary\/20:focus {
    --tw-ring-color: hsl(var(--primary)/0.2)
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring))
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
  }

  .focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000)
  }

  .focus-visible\:ring-primary:focus-visible {
    --tw-ring-color: hsl(var(--primary))
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring))
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }

  .disabled\:bg-gray-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
  }

  .disabled\:opacity-50:disabled {
    opacity: .5
  }

  .group:hover .group-hover\:pointer-events-auto {
    pointer-events: auto
  }

  .group:hover .group-hover\:visible {
    visibility: visible
  }

  .group\/feature:hover .group-hover\/feature\:h-8 {
    height: 2rem
  }

  .group\/feature:hover .group-hover\/feature\:translate-x-2 {
    --tw-translate-x: 0.5rem
  }

  .group:hover .group-hover\:translate-x-1,
  .group\/feature:hover .group-hover\/feature\:translate-x-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem
  }

  .group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
  }

  .group:hover .group-hover\:scale-100,
  .group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
  }

  .group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
  }

  .group:hover .group-hover\:scale-105,
  .group:hover .group-hover\:scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
  }

  .group:hover .group-hover\:scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:border-primary {
    border-color: hsl(var(--primary))
  }

  .group\/feature:hover .group-hover\/feature\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
  }

  .group\/feature:hover .group-hover\/feature\:bg-primary {
    background-color: hsl(var(--primary))
  }

  .group:hover .group-hover\:bg-black\/30 {
    background-color: rgb(0 0 0/.3)
  }

  .group:hover .group-hover\:bg-primary {
    background-color: hsl(var(--primary))
  }

  .group:hover .group-hover\:bg-primary\/15 {
    background-color: hsl(var(--primary)/.15)
  }

  .group:hover .group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  }

  .group:hover .group-hover\:text-neutral-900 {
    --tw-text-opacity: 1;
    color: rgb(23 23 23/var(--tw-text-opacity, 1))
  }

  .group:hover .group-hover\:text-primary {
    color: hsl(var(--primary))
  }

  .group:hover .group-hover\:text-primary\/80 {
    color: hsl(var(--primary)/.8)
  }

  .group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
  }

  .group:hover .group-hover\:opacity-100,
  .group\/feature:hover .group-hover\/feature\:opacity-100 {
    opacity: 1
  }

  .hover\:prose-a\:underline :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover {
    text-decoration-line: underline
  }

  .prose-a\:hover\:underline:hover :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    text-decoration-line: underline
  }

  @media (min-width:640px) {
    .sm\:mb-0 {
      margin-bottom: 0
    }

    .sm\:table-cell {
      display: table-cell
    }

    .sm\:flex-row {
      flex-direction: row
    }

    .sm\:text-4xl {
      font-size: 2.25rem;
      line-height: 2.5rem
    }

    .sm\:text-5xl {
      font-size: 3rem;
      line-height: 1
    }
  }

  @media (min-width:768px) {
    .md\:-bottom-72 {
      bottom: -18rem
    }

    .md\:-right-10 {
      right: -2.5rem
    }

    .md\:flex {
      display: flex
    }

    .md\:h-24 {
      height: 6rem
    }

    .md\:h-60 {
      height: 15rem
    }

    .md\:max-w-full {
      max-width: 100%
    }

    .md\:auto-rows-\[25rem\] {
      grid-auto-rows: 25rem
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:flex-row {
      flex-direction: row
    }

    .md\:items-center {
      align-items: center
    }

    .md\:gap-12 {
      gap: 3rem
    }

    .md\:p-1\.5 {
      padding: .375rem
    }

    .md\:p-3 {
      padding: .75rem
    }

    .md\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem
    }

    .md\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
    }

    .md\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
    }

    .md\:py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
    }

    .md\:py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem
    }

    .md\:pb-20 {
      padding-bottom: 5rem
    }

    .md\:pb-8 {
      padding-bottom: 2rem
    }

    .md\:pt-20 {
      padding-top: 5rem
    }

    .md\:pt-8 {
      padding-top: 2rem
    }

    .md\:text-5xl {
      font-size: 3rem;
      line-height: 1
    }

    .md\:text-6xl {
      font-size: 3.75rem;
      line-height: 1
    }

    .md\:text-7xl {
      font-size: 4.5rem;
      line-height: 1
    }

    .md\:text-base {
      font-size: 1rem;
      line-height: 1.5rem
    }

    .md\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem
    }

    .md\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem
    }

    .md\:leading-8 {
      line-height: 2rem
    }
  }

  @media (min-width:1024px) {
    .lg\:block {
      display: block
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:gap-16 {
      gap: 4rem
    }

    .lg\:border-b {
      border-bottom-width: 1px
    }

    .lg\:border-l {
      border-left-width: 1px
    }

    .lg\:border-r {
      border-right-width: 1px
    }

    .lg\:text-6xl {
      font-size: 3.75rem;
      line-height: 1
    }

    .lg\:text-7xl {
      font-size: 4.5rem;
      line-height: 1
    }

    .lg\:text-9xl {
      font-size: 8rem;
      line-height: 1
    }
  }

  @media (prefers-color-scheme:dark) {
    .dark\:bg-transparent {
      background-color: transparent
    }

    .dark\:hover\:bg-gray-800:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
    }
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none
  }

/* from home.html */
@font-face {font-display:swap;
    font-family: GeistSans;
    src: url(assets/asset-45-c030052e.woff2)format("woff2");
    font-weight: 100 900
  }

  @font-face {font-display:swap;
    font-family: GeistSans Fallback;
    src: local("Arial");
    ascent-override: 85.83%;
    descent-override: 20.53%;
    line-gap-override: 9.33%;
    size-adjust: 107.19%
  }

  .__className_fb8f2c {
    font-family: GeistSans, GeistSans Fallback
  }

/* from home.html */
.index-module_slot_wrap__ZT-DX {
    display: inline-block;
    white-space: nowrap
  }

  .index-module_slot__DpPgW {
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    will-change: transform
  }

  .index-module_separator__7GhtE {
    display: inline-block;
    vertical-align: middle;
    text-align: center
  }

  .index-module_numbers__sqlqm {
    display: block
  }

  .index-module_num__j6XH3 {
    display: block
  }

  [aria-hidden=true] {
    user-select: none
  }

/* from home.html */
.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform)
  }

  .rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover)
  }

  .rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click)
  }

  .rfm-overlay::before,
  .rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none
  }

  .rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
  }

  .rfm-overlay::before {
    left: 0;
    top: 0
  }

  .rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction)
  }

  @keyframes scroll {
    0% {
      transform: translateX(0%)
    }

    100% {
      transform: translateX(-100%)
    }
  }

  .rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center
  }

  .rfm-child {
    transform: var(--transform)
  }

/* from home.html */
.sf-hidden {
    display: none !important
  }

/* from home.html */
img[src="data:,"],
  source[src="data:,"] {
    display: none !important
  }

/* from home.html */
@media (max-width:640px){.mfai-tabm{padding:16px !important}.mfai-tabm-l{padding:16px 0 16px 16px !important}.mfai-hero-pb{padding-bottom:2.5rem !important}.mfai-heroframe{box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -1px 2px rgba(0,0,0,.16),0 14px 26px rgba(15,23,42,.16) !important}}
@media (max-width:400px){.mfai-tabm{padding:11px !important}.mfai-tabm-l{padding:11px 0 11px 11px !important}}

/* from about.html */
.ab-hero{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 60%);padding:96px 20px 40px;text-align:center;font-family:inherit}
.ab-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;background:#eaf1ff;border:1px solid #d7e3ff;padding:7px 16px;border-radius:999px}
.ab-h1{margin:22px auto 0;max-width:900px;font-size:clamp(34px,4.8vw,54px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#0a1b3d}
.ab-h1 span{color:#2563eb}
.ab-sub{margin:20px auto 0;max-width:680px;font-size:18px;line-height:1.6;color:#64748b}
.ab-mission{max-width:820px;margin:0 auto;padding:56px 20px 8px;font-family:inherit}
.ab-mh{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2563eb;text-align:center}
.ab-mp{margin:18px 0 0;font-size:17px;line-height:1.7;color:#475569;text-align:center}
.ab-values{max-width:1140px;margin:0 auto;padding:64px 20px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-family:inherit}
.ab-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px 28px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.ab-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#eaf1ff;border:1px solid #d7e3ff}
.ab-ic svg{width:26px;height:26px}
.ab-ch{margin:18px 0 0;font-size:19px;font-weight:700;color:#0a1b3d}
.ab-cp{margin:10px 0 0;font-size:15px;line-height:1.6;color:#64748b}
.ab-cta{max-width:1140px;margin:56px auto 100px;padding:56px 40px;border-radius:26px;background:radial-gradient(90% 140% at 50% 0%,#16336F 0%,#0a1b3d 60%);text-align:center;font-family:inherit}
.ab-cta h2{margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.02em;color:#fff}
.ab-cta p{margin:14px auto 0;max-width:560px;font-size:16px;line-height:1.6;color:#b8c6e6}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;padding:15px 30px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 12px 28px rgba(37,99,235,.4);transition:transform .18s ease,box-shadow .18s ease}
.ab-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,99,235,.52)}
@media(max-width:900px){.ab-values{grid-template-columns:1fr;max-width:460px}.ab-cta{margin:48px 16px 72px;padding:44px 24px}}

/* from pricing.html */
.pr-wrap{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 55%);padding:90px 20px 100px;font-family:inherit}
.pr-head{max-width:840px;margin:0 auto;text-align:center}
.pr-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;background:#eaf1ff;border:1px solid #d7e3ff;padding:7px 16px;border-radius:999px}
.pr-h1{margin:22px 0 0;font-size:clamp(34px,4.6vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#0a1b3d}
.pr-h1 span{color:#2563eb}
.pr-sub{margin:18px auto 0;max-width:640px;font-size:17px;line-height:1.6;color:#64748b}
.pr-grid{max-width:1160px;margin:58px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.pr-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:36px 30px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.pr-card.feat{border:2px solid #2563eb;box-shadow:0 26px 54px rgba(37,99,235,.20);background:linear-gradient(180deg,#f5f8ff,#ffffff)}
.pr-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#2563eb;color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;padding:7px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 18px rgba(37,99,235,.35)}
.pr-name{font-size:21px;font-weight:700;color:#0a1b3d}
.pr-desc{margin-top:9px;font-size:14px;line-height:1.5;color:#64748b;min-height:60px}
.pr-price{margin-top:20px;display:flex;align-items:baseline;gap:7px}
.pr-amt{font-size:46px;font-weight:800;letter-spacing:-.02em;color:#0a1b3d;line-height:1}
.pr-per{font-size:15px;font-weight:600;color:#64748b}
.pr-was{margin-top:9px;font-size:14px;min-height:20px}
.pr-was s{color:#94a3b8}
.pr-was b{color:#16a34a;font-weight:700}
.pr-list{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:13px;flex:1}
.pr-list li{display:flex;gap:11px;font-size:14.5px;line-height:1.45;color:#334155}
.pr-list li svg{flex:none;width:20px;height:20px;margin-top:1px}
.pr-cta{margin-top:30px;display:flex}
.pr-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 22px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}
.pr-btn.solid{background:#2563eb;color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.32)}
.pr-btn.solid:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(37,99,235,.44)}
.pr-btn.ghost{background:#fff;color:#0a1b3d;border:1px solid #d7dee8}
.pr-btn.ghost:hover{border-color:#2563eb;color:#2563eb}
.pr-note{max-width:840px;margin:42px auto 0;text-align:center;font-size:14px;line-height:1.6;color:#94a3b8}
@media(max-width:900px){.pr-grid{grid-template-columns:1fr;max-width:460px}.pr-card.feat{order:-1}}

/* from training.html */
.tr-hero{background:linear-gradient(180deg,#f8fafc,#fff 62%);padding:92px 20px 34px;text-align:center;font-family:inherit}
.tr-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;background:#eaf1ff;border:1px solid #d7e3ff;padding:7px 16px;border-radius:999px}
.tr-h1{margin:22px auto 0;max-width:860px;font-size:clamp(34px,4.6vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.06;color:#0a1b3d}
.tr-h1 span{color:#2563eb}
.tr-sub{margin:18px auto 0;max-width:620px;font-size:17px;line-height:1.6;color:#64748b}
.tr-nav{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.tr-navlink{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:600;font-size:14.5px;text-decoration:none;color:#0a1b3d;background:#fff;border:1px solid #d7dee8;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease}
.tr-navlink:hover{border-color:#2563eb;color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.14)}
.tr-navlink svg{width:17px;height:17px}
.tr-section{max-width:1160px;margin:0 auto;padding:60px 20px 0;scroll-margin-top:90px}
.tr-shead{display:flex;align-items:center;gap:15px;margin-bottom:28px}
.tr-sicon{flex:none;width:48px;height:48px;border-radius:13px;background:#eaf1ff;border:1px solid #d7e3ff;display:flex;align-items:center;justify-content:center}
.tr-sicon svg{width:25px;height:25px}
.tr-stitle{font-size:26px;font-weight:700;color:#0a1b3d;letter-spacing:-.01em;margin:0}
.tr-sdesc{font-size:14.5px;color:#64748b;margin:3px 0 0}
.tr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.tr-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.05);display:flex;flex-direction:column}
.tr-video{position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;display:block;background:radial-gradient(120% 130% at 50% 0%,#16336F 0%,#0a1b3d 66%);overflow:hidden}
.tr-video:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(46,109,246,.28),transparent 58%);pointer-events:none}
.tr-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;z-index:1}
.tr-video:hover .tr-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(37,99,235,.92);border-color:rgba(37,99,235,.92)}
.tr-play svg{width:26px;height:26px;margin-left:3px}
.tr-badge{position:absolute;top:14px;left:14px;z-index:1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#cfe0ff;background:rgba(10,27,61,.55);border:1px solid rgba(120,150,210,.34);padding:5px 11px;border-radius:999px}
.tr-meta{padding:20px 22px 24px}
.tr-title{font-size:17px;font-weight:700;color:#0a1b3d;margin:0;line-height:1.3}
.tr-desc{font-size:14px;line-height:1.55;color:#64748b;margin:8px 0 0}
.tr-foot{max-width:1160px;margin:60px auto 96px;padding:0 20px;text-align:center}
.tr-foot p{font-size:14px;color:#94a3b8;margin:0}
@media(max-width:860px){.tr-grid{grid-template-columns:1fr}}

/* from contact.html */
.ct-wrap{background:linear-gradient(180deg,#f8fafc,#fff 58%);padding:96px 20px 104px;font-family:inherit}
.ct-head{max-width:760px;margin:0 auto;text-align:center}
.ct-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;background:#eaf1ff;border:1px solid #d7e3ff;padding:7px 16px;border-radius:999px}
.ct-h1{margin:22px auto 0;font-size:clamp(34px,4.6vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.06;color:#0a1b3d}
.ct-h1 span{color:#2563eb}
.ct-sub{margin:18px auto 0;max-width:600px;font-size:17px;line-height:1.6;color:#64748b}
.ct-grid{max-width:900px;margin:52px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ct-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:40px 32px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.ct-ic{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:16px}
.ct-ic.mail{background:#eaf1ff;border:1px solid #d7e3ff}
.ct-ic.wa{background:#e7f9ee;border:1px solid #c5efd4}
.ct-ic svg{width:30px;height:30px}
.ct-ct{margin-top:18px;font-size:20px;font-weight:700;color:#0a1b3d}
.ct-cd{margin-top:9px;font-size:15px;line-height:1.55;color:#64748b}
.ct-val{margin-top:16px;margin-bottom:6px;font-size:16px;font-weight:600;color:#334155;text-decoration:none;word-break:break-word}
a.ct-val:hover{color:#2563eb}
.ct-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;padding:14px 26px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;color:#fff;transition:transform .18s ease,box-shadow .18s ease}
.ct-btn svg{width:18px;height:18px}
.ct-btn.mail{background:#2563eb;box-shadow:0 10px 24px rgba(37,99,235,.32)}
.ct-btn.mail:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(37,99,235,.44)}
.ct-btn.wa{background:#25D366;box-shadow:0 10px 24px rgba(37,211,102,.34)}
.ct-btn.wa:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(37,211,102,.46)}
.ct-note{max-width:760px;margin:40px auto 0;text-align:center;font-size:14px;line-height:1.6;color:#94a3b8}
@media(max-width:820px){.ct-grid{grid-template-columns:1fr;max-width:440px}}

/* from privacy.html */
.lg-hero{background:linear-gradient(180deg,#f8fafc,#fff);padding:82px 20px 38px;text-align:center;border-bottom:1px solid #eef2f7;font-family:inherit}
.lg-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;background:#eaf1ff;border:1px solid #d7e3ff;padding:7px 16px;border-radius:999px}
.lg-h1{margin:20px auto 0;font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.08;color:#0a1b3d}
.lg-updated{margin-top:14px;font-size:14px;color:#94a3b8}
.lg-body{max-width:820px;margin:0 auto;padding:52px 20px 96px;font-family:inherit}
.lg-body h2{margin:36px 0 0;font-size:19px;font-weight:700;color:#0a1b3d;letter-spacing:-.01em}
.lg-body h2:first-of-type{margin-top:0}
.lg-body p{margin:12px 0 0;font-size:15px;line-height:1.75;color:#475569}
.lg-body ul{margin:12px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.lg-body li{font-size:15px;line-height:1.65;color:#475569}
.lg-body a{color:#2563eb;text-decoration:none}
.lg-body a:hover{text-decoration:underline}
.lg-note{margin-top:44px;padding:20px 22px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;font-size:13.5px;line-height:1.65;color:#64748b}

/* from trial.html */
.tl-hero{background:linear-gradient(180deg,#f8fafc,#fff 72%);padding:88px 20px 40px;text-align:center;font-family:inherit}
.tl-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#16a34a;background:#e7f9ee;border:1px solid #c5efd4;padding:7px 15px;border-radius:999px}
.tl-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.tl-h1{margin:20px auto 0;max-width:820px;font-size:clamp(32px,4.4vw,50px);font-weight:700;letter-spacing:-.02em;line-height:1.06;color:#0a1b3d}
.tl-h1 span{color:#2563eb}
.tl-sub{margin:16px auto 0;max-width:600px;font-size:17px;line-height:1.6;color:#64748b}
.tl-videowrap{max-width:860px;margin:34px auto 0}
.tl-video{position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;display:block;border-radius:20px;overflow:hidden;background:radial-gradient(120% 130% at 50% 0%,#16336F 0%,#0a1b3d 66%);box-shadow:0 30px 60px rgba(10,27,61,.28)}
.tl-video:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(46,109,246,.28),transparent 58%);pointer-events:none}
.tl-vlabel{position:absolute;top:16px;left:16px;z-index:1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#cfe0ff;background:rgba(10,27,61,.55);border:1px solid rgba(120,150,210,.34);padding:5px 12px;border-radius:999px}
.tl-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;z-index:1}
.tl-video:hover .tl-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(37,99,235,.92);border-color:rgba(37,99,235,.92)}
.tl-play svg{width:30px;height:30px;margin-left:4px}
.tl-body{max-width:780px;margin:0 auto;padding:64px 20px 100px;font-family:inherit}
.tl-h2{font-size:clamp(26px,3.2vw,34px);font-weight:700;letter-spacing:-.02em;color:#0a1b3d;text-align:center;margin:0}
.tl-lead{margin:14px auto 0;max-width:560px;font-size:16px;line-height:1.6;color:#64748b;text-align:center}
.tl-code{margin:38px 0 0;background:linear-gradient(180deg,#f5f8ff,#ffffff);border:1px solid #d7e3ff;border-radius:18px;padding:28px;text-align:center;box-shadow:0 10px 30px rgba(37,99,235,.08)}
.tl-code-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2563eb}
.tl-code-row{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.tl-code-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;letter-spacing:.06em;color:#0a1b3d;background:#fff;border:1px dashed #b9cdf5;border-radius:10px;padding:12px 20px}
.tl-copy{border:0;cursor:pointer;background:#2563eb;color:#fff;font-weight:700;font-size:14px;padding:13px 20px;border-radius:10px;transition:background .18s ease,transform .18s ease}
.tl-copy:hover{background:#1d4ed8;transform:translateY(-1px)}
.tl-code-note{margin:16px auto 0;max-width:520px;font-size:13.5px;line-height:1.55;color:#64748b}
.tl-steps{list-style:none;margin:44px 0 0;padding:0;display:flex;flex-direction:column;gap:24px}
.tl-step{display:flex;gap:18px;align-items:flex-start}
.tl-num{flex:none;width:42px;height:42px;border-radius:50%;background:#2563eb;color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(37,99,235,.32)}
.tl-sc h3{margin:8px 0 0;font-size:18px;font-weight:700;color:#0a1b3d}
.tl-sc p{margin:8px 0 0;font-size:15px;line-height:1.6;color:#64748b}
.tl-sc p b{color:#334155;font-weight:700}
.tl-cta{margin:48px 0 0;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.tl-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}
.tl-btn.solid{background:#2563eb;color:#fff;box-shadow:0 12px 26px rgba(37,99,235,.34)}
.tl-btn.solid:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(37,99,235,.46)}
.tl-btn.ghost{background:#fff;color:#0a1b3d;border:1px solid #d7dee8}
.tl-btn.ghost:hover{border-color:#2563eb;color:#2563eb}
.tl-help{margin:28px auto 0;text-align:center;font-size:14px;color:#94a3b8}
.tl-help a{color:#2563eb;text-decoration:none;font-weight:600}
@media(max-width:600px){.tl-code-row code{font-size:18px}}

/* from lander1.html */
@font-face {
    font-family: GeistSans;
    src: url(assets/asset-45-c030052e.woff2)format("woff2");
    font-weight: 100 900
  }

  @font-face {
    font-family: GeistSans Fallback;
    src: local("Arial");
    ascent-override: 85.83%;
    descent-override: 20.53%;
    line-gap-override: 9.33%;
    size-adjust: 107.19%
  }

:root,:host{--font-sans:GeistSans,"GeistSans Fallback",ui-sans-serif,system-ui,sans-serif!important;--font-mono:GeistSans,"GeistSans Fallback",ui-monospace,monospace!important;}
h1,h2,h3,h4,h5,h6{font-family:GeistSans,"GeistSans Fallback",sans-serif!important;font-weight:600!important}h1,h2{letter-spacing:-.025em!important}

.mfi-tv{display:inline-flex;align-items:center;gap:13px;padding:12px 20px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mfi-tv .tvlogo{flex:none;width:36px;height:36px;border-radius:9px;background:#0b1220;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff}
.mfi-tv .tvlogo svg{width:21px;height:17px}
.mfi-tv b{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff}
.mfi-tv>div>span{display:block;font-size:12px;color:#93a6c8;margin-top:2px}
.mfi-tvwrap{display:flex;justify-content:center;margin-top:24px;opacity:0;animation:mfi-up .8s ease .5s forwards}
.mfi-carousel{position:relative;max-width:1240px;margin:52px auto 0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);opacity:0;animation:mfi-up .9s ease .9s forwards}
.mfi-track{display:flex;width:max-content;animation:mfi-scroll 48s linear infinite}
.mfi-carousel:hover .mfi-track{animation-play-state:paused}
.mfi-pill{display:flex;align-items:center;gap:12px;margin:0 9px;padding:14px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);white-space:nowrap}
.mfi-pill .ic{flex:none;width:36px;height:36px;border-radius:9px;background:rgba(59,130,246,.13);border:1px solid rgba(99,140,230,.3);display:flex;align-items:center;justify-content:center;color:#6ea8ff}
.mfi-pill .ic svg{width:20px;height:20px}
.mfi-pill b{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#dbe6fb}
@keyframes mfi-scroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* from lander1.html */
:root {
    --sf-img-6: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-94-dd7e78f8.avif");
    --sf-img-26: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-95-1827872a.avif");
    --sf-img-25: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-96-0ecec955.avif");
    --sf-img-27: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-97-225d1494.avif");
    --sf-img-28: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-98-04db6930.avif");
    --sf-img-29: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-99-48acebd8.avif");
    --sf-img-30: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-100-ec06e6b9.avif");
    --sf-img-31: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-101-cc97884c.avif")
  }

/* from lander1.html */
.wf-force-outline-none[tabindex="-1"]:focus {
    outline: none
  }

/* from lander1.html */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
  }

  header,
  nav,
  section {
    display: block
  }

  template {
    display: none
  }

  a {
    background-color: #0000
  }

  a:active,
  a:hover {
    outline: 0
  }

  h1 {
    margin: .67em 0
  }

  img {
    border: 0
  }

  svg:not(:root) {
    overflow: hidden
  }

  input {
    color: inherit;
    font: inherit
  }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  input {
    line-height: normal
  }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    height: auto
  }

  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }

  @font-face {
    font-family: webflow-icons;
    src: url(assets/asset-182-cd8065b5.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
  }

  [class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
  }

  .w-icon-slider-right:before {
    content: ""
  }

  .w-icon-slider-left:before {
    content: ""
  }

  .w-icon-nav-menu:before {
    content: ""
  }

  .w-icon-arrow-down:before,
  .w-icon-dropdown-toggle:before {
    content: ""
  }

  .w-icon-file-upload-remove:before {
    content: ""
  }

  .w-icon-file-upload-icon:before {
    content: ""
  }

  * {
    box-sizing: border-box
  }

  html {
    height: 100%
  }

  body {
    background-color: #fff;
    min-height: 100%;
    margin: 0
  }

  img {
    vertical-align: middle
  }

  .w-inline-block {
    max-width: 100%;
    display: inline-block
  }

  .w-clearfix:before,
  .w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-clearfix:after {
    clear: both
  }

  .w-button {
    line-height: inherit;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    display: inline-block
  }

  p {
    margin-top: 0
  }

  .w-embed:before,
  .w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-embed:after {
    clear: both
  }

  .w-input::placeholder,
  .w-select::placeholder {
    color: #999
  }

  .w-input:focus,
  .w-select:focus {
    border-color: #3b82f6;
    outline: 0
  }

  .w-radio:before,
  .w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-radio:after {
    clear: both
  }

  .w-container:before,
  .w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-container:after {
    clear: both
  }

  .w-row:before,
  .w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-row:after {
    clear: both
  }

  .w-widget-twitter-count-shim:not(.w--vertical):before,
  .w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
  }

  .w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #64748b00 #64748b #64748b00 #64748b00;
    margin-top: -4px;
    margin-left: -9px
  }

  .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
  }

  .w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px
  }

  .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
  }

  .w-widget-twitter-count-shim.w--vertical:before,
  .w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
  }

  .w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #64748b #64748b00 #64748b00;
    margin-left: -5px
  }

  .w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px
  }

  .w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
  }

  .w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
  }

  .w-slider-dot:focus.w-active {
    box-shadow: none
  }

  .w-slider-arrow-left:focus,
  .w-slider-arrow-right:focus {
    outline: 0
  }

  .w-dropdown {
    text-align: left;
    z-index: 900;
    margin-right: auto;
    position: relative
  }

  .w-dropdown-toggle {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    position: relative
  }

  .w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px
  }

  .w-dropdown-toggle:focus {
    outline: 0
  }

  .w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
  }

  .w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    position: absolute
  }

  .w-dropdown-link:focus {
    outline: 0
  }

  .w-lightbox-view:before {
    content: "";
    height: 100vh
  }

  .w-lightbox-group .w-lightbox-view:before {
    height: 86vh
  }

  .w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
  }

  .w-lightbox-spinner:after {
    content: "";
    border: 3px solid #0000;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    inset: -4px
  }

  @media (min-width:768px) {
    .w-lightbox-view:before {
      height: 96vh
    }

    .w-lightbox-group .w-lightbox-view:before {
      height: 84vh
    }

    .w-lightbox-control:hover {
      opacity: 1
    }
  }

  .w-lightbox-inactive:hover {
    opacity: 0
  }

  .w-richtext:before,
  .w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-richtext:after {
    clear: both
  }

  .w-richtext[contenteditable=true]:before,
  .w-richtext[contenteditable=true]:after {
    white-space: initial
  }

  .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
  .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after {
    outline: 2px solid #3b82f6
  }

  .w-richtext figure.w-richtext-figure-type-video>div:after,
  .w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0
  }

  .w-richtext figure>div:before {
    cursor: default !important
  }

  .w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
  }

  .w-nav:before,
  .w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-nav:after {
    clear: both
  }

  .w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    position: relative
  }

  .w-nav-menu {
    float: right;
    position: relative
  }

  .w-nav-overlay {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
  }

  .w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    position: relative
  }

  .w-nav-button:focus {
    outline: 0
  }

  @media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
      display: none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
      display: block
    }
  }

  .w-tabs {
    position: relative
  }

  .w-tabs:before,
  .w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-tabs:after {
    clear: both
  }

  .w-tab-menu {
    position: relative
  }

  .w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    position: relative
  }

  .w-tab-link:focus {
    outline: 0
  }

  .w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
  }

  .w-tab-pane {
    position: relative
  }

  .w--tab-active {
    display: block
  }

  @media screen and (max-width:479px) {
    .w-tab-link {
      display: block
    }
  }

  .w-ix-emptyfix:after {
    content: ""
  }

  @keyframes spin {
    0% {
      transform: rotate(0)
    }

    to {
      transform: rotate(360deg)
    }
  }

  @font-face {
    font-family: FA Regular;
    src: url(assets/asset-102-ff36e7b2.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: FA Brands;
    src: url(assets/asset-103-4020ed1a.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: FA Solid;
    src: url(assets/asset-104-c1e34985.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
  }

/* from lander1.html */
:root {
    --light-blue-text: #475569;
    --dark-blue: #111827;
    --background-tint: #f7faff;
    --faint-blue: var(--transparent);
    --rich-purple: #2563eb;
    --midnight-blue: #1e293b;
    --darker-blue: #0a0f1c;
    --black: #0a0f1c;
    --lavender: white;
    --blue: #2563eb;
    --white: white;
    --midnight-blue-2: #1e293b;
    --light-text: #bfdbfe;
    --pink-2: #2563eb;
    --light-purple: #f0f0ff;
    --ice-green: #93c5fd;
    --bright-orange: #2563eb;
    --pink: #2563eb;
    --light-dimmed-text: #94a3b8;
    --grey: #6b7280;
    --black-2: #0a0f1c;
    --slate-blue: #475569;
    --dim-grey: #454653;
    --black-3: #111827;
    --grey-2: #6b7280;
    --accessible-components--dark-grey: #94a3b8;
    --transparent: transparent;
    --state-blue-2: #3e3f69;
    --light-stroke: var(--light-blue-text);
    --accessible-components--dodger-blue: #1378d1
  }

  body {
    color: var(--light-blue-text);
    letter-spacing: -.1px;
    font-family: GeistSans, "GeistSans Fallback", sans-serif;
    font-size: 17px;
    line-height: 1.75em
  }

  h1 {
    letter-spacing: -.015em;
    margin-top: 0;
    margin-bottom: 0
  }

  h2 {
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0
  }

  h3 {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
  }

  p {
    margin-bottom: 0
  }

  :where(.wf) a {
    color: var(--dark-blue);
    font-weight: 500;
    text-decoration: none
  }

  img {
    border-radius: 5px;
    max-width: 100%;
    display: inline-block
  }

  strong {
    font-weight: 600
  }

  .w-layout-grid {
    grid-auto-columns: 1fr;
    display: grid
  }

  .section {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
  }

  .section.black {
    background-color: var(--black);
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-105-215bc0f9.png);
    background-position: 50%0;
    background-size: 200px
  }

  .section.section_pricing-faq {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .section.section_pricing-faq.darker-blue {
    background-color: var(--darker-blue)
  }

  .section.section-darker-blue {
    background-color: var(--darker-blue)
  }

  .section.section_journal-logo {
    background-color: #0a0f1c
  }

  .container {
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative
  }

  .container.large-bottom {
    padding-bottom: 100px
  }

  .container.large-top {
    padding-top: 100px
  }

  .navbar {
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    box-shadow: 1px 0 16px 1px #0000001f
  }

  .nav-link {
    white-space: nowrap;
    border-radius: 8px;
    align-items: center;
    padding: 8px;
    font-size: 16px;
    line-height: 24px;
    transition: all .2s ease-out;
    display: flex
  }

  .nav-link:hover {
    color: var(--dark-blue);
    background-color: #dadfed66
  }

  .nav-link.light-text.w--current:hover {
    color: #fff
  }

  .nav-link.dd-link {
    color: var(--dark-blue);
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500
  }

  .nav-link.dd-link.dd-link-top-mar-30.new {
    margin-left: 0
  }

  .nav-link.dd-link.dd-link-top-mar-30.new:hover {
    background-color: #dadfed00
  }

  .nav-link.dd-link.new {
    padding-top: 16px;
    padding-bottom: 16px
  }

  .nav-link.dd-link.new:hover {
    background-color: #dadfed00
  }

  .nav-link.nav-link-top--mar-30-tab.is-hover:hover {
    background-color: #dadfed66
  }

  .nav-link.is-hover:hover {
    background-color: #dadfed66
  }

  .nav-menu {
    justify-content: space-between;
    align-items: center;
    display: flex
  }

  .medium-button {
    text-align: center;
    border-radius: 5px;
    align-items: center;
    padding: 14px 24px;
    box-shadow: 0 2px 6px #1e293b17, inset 0 0 0 1px #1118271c
  }

  .medium-button.rich-purple.rich-purple-resources:hover {
    box-shadow: 0 0 0 1px var(--faint-blue)
  }

  .medium-button.is-secondary {
    border: 1px solid var(--white);
    color: var(--white);
    background-color: #fff0;
    transition: all .25s cubic-bezier(.25, .46, .45, .94)
  }

  .medium-button.is-secondary:hover {
    background-color: var(--lavender);
    color: var(--rich-purple)
  }

  .medium-button.is-secondary.is-alternate {
    border-style: none;
    padding-top: 12px;
    padding-bottom: 12px
  }

  .large-button {
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    flex: none;
    align-items: center;
    padding: 16px 32px;
    font-size: 17px;
    position: relative;
    box-shadow: 0 0 0 1px #1118271c, 0 2px 6px #1e293b17
  }

  .large-button:hover {
    background-image: none;
    box-shadow: 0 2px 5px #0003, 0 2px 6px #1e293b17
  }

  .large-button.large-button-home-new.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-red.is-smaller:hover {
    opacity: .8
  }

  .large-button.large-button-red.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-alternate.is-smaller:hover {
    color: var(--black);
    background-color: #ddd
  }

  .large-button.large-button-alternate.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-white:hover {
    color: var(--lavender);
    background-color: #fff0
  }

  .large-button.large-button-white.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-alternate-broker.is-smaller:hover {
    opacity: .8
  }

  .large-button.large-button-alternate-broker.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-dark:hover {
    background-color: var(--black);
    box-shadow: 0 6px 32px #0f1d3cbf
  }

  .large-button.large-button-dark.is-smaller:hover {
    opacity: .8
  }

  .large-button.large-button-dark.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-home {
    background-image: linear-gradient(90deg, var(--rich-purple), var(--blue) 28%, var(--pink-2) 89%, var(--pink-2));
    color: var(--lavender);
    padding-left: 96px;
    padding-right: 96px;
    display: block;
    position: relative;
    overflow: hidden
  }

  .large-button.large-button-home.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-home.is-smaller {
    padding: 14px 48px
  }

  .large-button.large-button-nav {
    background-image: linear-gradient(90deg, var(--rich-purple), var(--blue) 28%, var(--pink-2) 89%, var(--pink-2));
    color: var(--lavender);
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden
  }

  .large-button.is-dark-text {
    color: var(--dark-blue);
    transition: all .25s cubic-bezier(.25, .46, .45, .94)
  }

  .large-button.is-dark-text:hover {
    background-color: var(--light-purple);
    color: var(--lavender)
  }

  ._1-25em-bottom-margin {
    margin-bottom: 1.25em
  }

  ._5em-right-margin {
    margin-right: .5em
  }

  .footer-1---1,
  .footer-1---3 {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .footer-1 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template: ". . ." ". .Area" /1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
  }

  .footer-1---2 {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .footer-link-light {
    color: #bac4df
  }

  .footer-link-light._5em-bottom-margin {
    margin-bottom: 0
  }

  .footer-link-light._5em-bottom-margin.compare-thin {
    color: var(--light-blue-text);
    margin-bottom: .125em;
    font-size: 15px;
    font-weight: 300
  }

  .footer-link-light.is-small {
    font-size: 14px
  }

  .footer-1---social-links-lockup {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
  }

  .brand-icons-override {
    font-family: FA Brands, sans-serif
  }

  .footer---link-block-dark {
    background-color: var(--midnight-blue);
    width: 44px;
    height: 44px;
    color: var(--background-tint);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-family: FA Regular, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
    display: flex
  }

  .faq-question-wrap {
    cursor: pointer;
    border-bottom: 1px solid #475569;
    margin-bottom: 20px
  }

  .faq-question-bar {
    color: #1a1e27;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    display: flex
  }

  .plus-icon {
    filter: invert()
  }

  .faq-content {
    max-width: 90%;
    overflow: hidden
  }

  .faq-circle {
    background-color: var(--midnight-blue);
    color: #dadfed;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    display: flex;
    box-shadow: inset 0 0 0 1px #475569
  }

  .faq-paragraph {
    color: #dfe9ff;
    letter-spacing: -.03em;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65
  }

  .question-title {
    color: #fff;
    letter-spacing: -.03em;
    margin-right: 20px;
    line-height: 1.65
  }

  .faq-wrapper {
    margin-left: auto;
    margin-right: auto
  }

  .right-arrow-white {
    filter: invert();
    color: #0000;
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-106-4abb0620.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin-left: .25em;
    position: relative;
    top: 1px
  }

  .is-white {
    color: var(--background-tint)
  }

  .row-v {
    color: #475569;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
  }

  .margin-bot-16 {
    margin-bottom: 16px
  }

  .margin-bot-64 {
    margin-bottom: 20px
  }

  .holder-dd-faq-pricing {
    grid-row-gap: 16px;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    display: flex
  }

  .holder-dd-faq-pricing.bot-mg-64 {
    margin-bottom: 64px
  }

  .full-page {
    position: relative
  }

  .button-holder {
    grid-column-gap: 32px;
    align-items: center;
    display: flex
  }

  .button-holder.center {
    text-align: center;
    justify-content: center
  }

  .bot-marg-64 {
    margin-bottom: 64px
  }

  .bot-marg-32 {
    margin-bottom: 32px
  }

  .faq-link {
    color: #fff;
    text-decoration: underline
  }

  .full-page.overflow-visible {
    background-image: linear-gradient(90deg, #0d1429, #0a0f1c);
    overflow: visible
  }

  .margin-bot-32 {
    margin-bottom: 32px
  }

  .heading-style-1 {
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 56px;
    font-weight: 800;
    line-height: 64px
  }

  .heading-style-1.heading-style-1-white {
    color: var(--white)
  }

  .heading-style-3 {
    color: var(--darker-blue);
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
  }

  .heading-style-3.text-color-white {
    color: var(--white)
  }

  .text-medium {
    letter-spacing: .28px;
    font-size: 18px;
    line-height: 28px
  }

  .text-medium.text-medium-white {
    color: var(--white)
  }

  .text-medium.text-medium-white.all-caps {
    text-transform: uppercase
  }

  .margin-bot-24 {
    margin-bottom: 24px
  }

  .margin-top-16 {
    margin-top: 12px
  }

  .text-large {
    line-height: 1.4
  }

  .text-large.text-large-white {
    color: var(--white)
  }

  .text-large.text-large-white.text-weight-normal {
    font-size: 18px;
    font-weight: 400
  }

  .holder-mw-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
  }

  .bot-marg-40 {
    margin-bottom: 40px
  }

  .holder-mw-500 {
    max-width: 500px
  }

  .dd-nav-list {
    z-index: 99;
    border: 1px solid var(--faint-blue);
    background-color: #fff;
    border-radius: 12px;
    inset: 4.5rem auto auto 0;
    overflow: hidden;
    box-shadow: 0 1px 5px #0022a840
  }

  .dd-nav-list.is-new {
    left: -240px
  }

  .dd-nav-toggle {
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 30px 8px 8px;
    transition: all .2s ease-out;
    display: flex
  }

  .dd-nav-toggle:hover {
    background-color: #dadfed66
  }

  .dd-nav-arrow {
    margin-right: 10px
  }

  .footer-small-text {
    color: #dadfed;
    font-size: .875rem;
    line-height: 1.375rem
  }

  .logo-footer-image {
    width: 150px
  }

  .footer-holder {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    display: flex
  }

  .footer-left-column {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 32%;
    display: flex
  }

  .large-button-hover {
    background-image: linear-gradient(90deg, var(--rich-purple), var(--midnight-blue) 0%, var(--rich-purple) 34%, #2563eb 50%, #2563eb 100%, var(--pink));
    width: 200%;
    transition: all .4s ease-out;
    position: absolute;
    inset: 0%0 0%auto;
    transform: none
  }

  .large-button-text {
    z-index: 1;
    position: relative
  }

  .wrapper-nav {
    z-index: 999;
    background-color: #fff0;
    display: block;
    position: fixed;
    inset: 0% 0%auto
  }

  .separator-nav {
    background-color: #1118271a;
    width: 100%;
    height: 1px;
    position: absolute;
    inset: auto 0% 0%
  }

  .text-medium-l {
    width: auto;
    letter-spacing: .28px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
  }

  .text-medium-l.text-medium-white,
  .text-medium-l.text-medium-l-white {
    color: var(--white)
  }

  .text-large-s {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4
  }

  .text-large-s.text-large-s-white {
    color: var(--lavender)
  }

  .backtesting-span {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #2563eb, #2563eb 0%, #2563eb 63%, #2563eb);
    -webkit-background-clip: text;
    background-clip: text
  }

  .resources_nav-dd-desktop:hover {
    background-color: #dadfed66
  }

  .nav-right-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex
  }

  .container-small {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
  }

  .padding-section-large {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .text-size-medium {
    font-size: 1.125rem;
    line-height: 1.5
  }

  .text-size-medium.is-white {
    color: var(--lavender)
  }

  .button-group {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-wrap: wrap;
    align-items: center;
    display: flex
  }

  .logo_component {
    grid-row-gap: 64px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden
  }

  .logo_content {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    position: relative
  }

  .logo_box {
    justify-content: center;
    align-items: center;
    max-width: 120px
  }

  .logo_wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex
  }

  .logo_wrapper.swiper-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px
  }

  .logo_icon {
    object-fit: contain;
    border-radius: 0;
    max-height: 75px
  }

  .container-large {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
  }

  .text-align-center {
    text-align: center
  }

  .title-style-h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2
  }

  .title-style-h2.text-color-white {
    color: var(--lavender)
  }

  .logo_banner {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    position: relative
  }

  .logo-gradient2 {
    z-index: 1;
    width: 40px;
    height: 100%;
    position: absolute;
    inset: 0%auto 0% 0%
  }

  .logo-gradient2.logo-gradient2-right {
    inset: 0% 0% 0%auto
  }

  .logo-gradient2.logo-gradient2-right.journal-page {
    background-image: linear-gradient(90deg, #0a0f1c00, #0a0f1c)
  }

  .logo-gradient2.journal-page {
    background-image: linear-gradient(90deg, #0a0f1c, #0a0f1c00)
  }

  .holder-mw-625 {
    max-width: 625px;
    margin-left: auto;
    margin-right: auto
  }

  .holder-mw-625.left-aligned {
    margin-left: 0;
    margin-right: 0
  }

  .text-size-small {
    font-size: .875rem;
    line-height: 1.5
  }

  .text-size-regular {
    font-size: 1rem;
    line-height: 1.5em
  }

  .text-size-regular.text-color-white {
    color: var(--lavender)
  }

  .margin-bot-40 {
    margin-bottom: 40px
  }

  .swiper-slide {
    flex: none;
    width: 100%;
    display: flex
  }

  .bas-wrapper {
    border-radius: 24px;
    width: 100%
  }

  .bas-wrapper.jornal-compare-page {
    margin-bottom: 0
  }

  .bas-image-before {
    object-fit: cover;
    width: 100%;
    height: 100%
  }

  .bas-image-after-h {
    object-fit: cover;
    margin-left: auto
  }

  .bas-handle-h {
    background-color: var(--blue);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    inset: 50%auto auto 50%
  }

  .bas-icon-regular {
    justify-content: center;
    align-items: center;
    display: flex
  }

  .bas-line-h {
    z-index: 1;
    background-color: var(--light-dimmed-text);
    width: 5px;
    height: 100%;
    position: absolute;
    inset: 0%auto auto 50%
  }

  .bas-label-before-h {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 6px;
    padding: 4px 12px;
    inset: 24px auto auto 24px
  }

  .bas-label-after-h {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 6px;
    padding: 4px 12px;
    inset: 24px 24px auto auto
  }

  .navbar-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
  }

  .wrapper-logo {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 14%;
    display: flex
  }

  .text-size-xlarge {
    font-size: 24px;
    line-height: 1.2
  }

  .text-size-xlarge.is-bold {
    font-weight: 700
  }

  .text-size-large {
    font-size: 20px;
    line-height: 1.4
  }

  .margin-bot-10 {
    margin-bottom: 10px
  }

  .section_journal-hero {
    z-index: 2;
    background-color: #0a0f1c;
    padding: 92px 20px 60px;
    position: relative;
    overflow: hidden
  }

  .section_journal-compare {
    z-index: 1;
    background-color: #0a0f1c;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
  }

  .journal-compare_component {
    flex-flow: column;
    display: flex
  }

  .journal-compare_top-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    flex-flow: column;
    align-items: center
  }

  .section_journal-tab {
    z-index: 1;
    background-color: var(--darker-blue);
    padding-left: 20px;
    padding-right: 20px;
    position: relative
  }

  .journal-tab_component {
    width: 100%;
    position: relative
  }

  .journal-tab_content {
    z-index: 1;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
    position: relative
  }

  .journal-tab_top-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
  }

  .section_journal-features {
    background-color: var(--darker-blue);
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden
  }

  .journal-features_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    width: 100%;
    display: flex
  }

  .journal-features_top-content {
    z-index: 1;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative
  }

  .journal-features_bottom-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    display: flex
  }

  .journal-features_bottom-content-row {
    z-index: 2;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: relative
  }

  .journal_tag {
    color: var(--lavender);
    text-align: center;
    background-image: linear-gradient(90deg, #1e293b, #1e293b 50%, #0a0f1c);
    border: 1px solid #fff6;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: .5rem 2rem;
    display: inline-flex
  }

  .holder-mw-800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
  }

  .journal-cards_card-holder {
    z-index: 1;
    background-image: linear-gradient(#1e293b, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 10px;
    padding: 1px;
    position: relative;
    overflow: hidden
  }

  .text-color-grey {
    color: #94a3b8;
    text-align: left;
    padding-top: 0
  }

  .journal-tab_bottom-content {
    z-index: 1;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .journal-tab_tabs-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 48px;
    display: flex
  }

  .journal-tab_tab {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: var(--white);
    text-align: center;
    background-color: #ddd0;
    background-image: linear-gradient(90deg, #062059, #1d1e58 50%, #11098d);
    border: 1px solid #ffffff80;
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 18.75rem;
    padding: 1rem 1.5rem;
    font-size: 20px;
    font-weight: 400;
    transition: all .25s ease-out;
    display: flex;
    overflow: hidden
  }

  .journal-tab_tab:hover {
    background-color: #4b5a79;
    background-image: linear-gradient(90deg, #1e293b00, #1e293b00 50%, #0a0f1c00)
  }

  .journal-tab_tab.w--current {
    color: var(--white);
    background-color: #0000;
    background-image: linear-gradient(90deg, #062059, #1d1e58 50%, #11098d)
  }

  .journal-tab_tabs-content {
    z-index: 1;
    width: 100%
  }

  .journal-tab_tabs-image-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative
  }

  .journal-tab_tabs-image {
    width: 100%
  }

  .journal-features_small-card-holder {
    background-image: linear-gradient(-90deg, #475569, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 20px;
    width: 35%;
    padding: 1px
  }

  .journal-features_small-card-holder.is-50-width {
    width: 48.5%
  }

  .journal-features_xlarge-card-holder {
    background-image: linear-gradient(-90deg, #475569, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 20px;
    width: 63%;
    padding: 1px
  }

  .journal-features_xlarge-card-holder.full-width {
    width: 100%
  }

  .journal-cta_component {
    z-index: 1;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: left;
    background-image: linear-gradient(135deg, #4d83f6, #447ffd);
    border-radius: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 48px;
    display: flex;
    position: relative
  }

  .section_layout497 {
    color: var(--lavender);
    background-image: linear-gradient(#0e152f, #0a0f1c);
    padding-left: 20px;
    padding-right: 20px
  }

  .layout497_content {
    flex-flow: column;
    display: flex;
    position: relative
  }

  .layout497_inner-wrapper {
    display: flex;
    position: relative
  }

  .layout497_tabs {
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: stretch stretch;
    width: 100%;
    display: flex;
    position: static
  }

  .layout497_tabs-content {
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: auto
  }

  .layout497_tab-pane {
    width: 100%
  }

  .layout497_image-wrapper {
    border-radius: var(--\<unknown\|relume-variable-radius-large\>);
    width: 100%
  }

  .layout497_image {
    width: 100%
  }

  .layout497_tabs-menu {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 30rem;
    margin-right: 4rem;
    padding-bottom: 100px;
    display: flex
  }

  .layout497_tabs-menu.gap-2-5 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem
  }

  .layout497_tabs-menu.reverse-copy {
    max-width: 30rem;
    margin-left: 3rem;
    margin-right: 0
  }

  .layout497_tab-link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: #64748b;
    background-color: #ddd0;
    padding: 0 0 0 0;
    display: flex
  }

  .layout497_tab-link.w--current {
    border-left: 1px solid var(--lavender);
    color: var(--lavender);
    background-color: #0000;
    padding-left: 1rem
  }

  .layout497_tab-title {
    width: 100%
  }

  .layout497_paragraph {
    overflow: hidden
  }

  .layout497_tab-checkbox-holder {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex
  }

  .mentor-info_card-grid {
    z-index: 1;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative
  }

  .mentor-info_card {
    flex-flow: column;
    height: 100%;
    display: flex
  }

  .mentor-info_card.hover-glow:hover {
    background-color: #0a0f1c
  }

  .mentor-info_card.left-aligned {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start
  }

  .mentor-features_card-bottom-wrapper-2 {
    padding-top: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .mentor-features_card-left-wrapper-3 {
    width: 42%
  }

  .mentor-features_card-bottom-wrapper-5 {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    padding-right: 2rem
  }

  .mentor-features_card-image-5 {
    width: 100%
  }

  .mentor-features_card-bottom-wrapper-6 {
    padding-top: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem
  }

  .spacer-small {
    height: 1.5rem;
    padding-bottom: 0
  }

  .layout497_button-wrapper {
    position: absolute;
    inset: auto auto 0% 0%
  }

  .layout497_button-wrapper.is-right {
    inset: auto 0% 0%auto
  }

  .resources_nav-dd-desktop-big:hover {
    transform: scale(1.03)
  }

  .product_nav-dd-desktop-big-top-holder:hover {
    background-color: #dadfed66
  }

  .header1_content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex
  }

  .header1_content-left {
    min-width: 31.9375rem
  }

  .header1_image-wrapper {
    min-width: 42.5625rem
  }

  .header1_image {
    width: 100%
  }

  .bot-marg-60 {
    margin-bottom: 60px
  }

  .section_journal-info {
    background-color: #0a0f1c;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden
  }

  .spacer-xxsmall {
    height: .625rem;
    padding-bottom: 0
  }

  .journal-hero_bg-image {
    z-index: -1;
    width: 100%;
    position: absolute;
    inset: auto 0% 0%
  }

  .journal-tab_card-grid {
    z-index: 1;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative
  }

  .journal-tab_card {
    border-right: .5px solid var(--lavender);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding-right: 2.5rem;
    display: flex
  }

  .journal-tab_card.hover-glow:hover {
    background-color: #0a0f1c
  }

  .journal-tab_card.is-last {
    border-right-style: none;
    padding-right: 0
  }

  .journal-tab_card-icon-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
  }

  .journal-tab_card-icon {
    width: 1rem;
    height: 1rem
  }

  .section_testimonial1 {
    color: var(--lavender);
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-107-8af6f2a7.png);
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex
  }

  .testimonial1_component {
    position: relative
  }

  .testimonial1_content {
    text-align: center
  }

  .testimonial1_logo-wrapper {
    display: inline-block
  }

  .testimonial1_logo {
    max-height: 3.5rem
  }

  .testimonial1_client {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    display: flex
  }

  .testimonial1_client-image-wrapper {
    border-radius: 100%;
    width: 4rem;
    height: 4rem;
    overflow: hidden
  }

  .testimonial1_client-image {
    object-fit: cover;
    width: 100%;
    height: 100%
  }

  .testimonial1_client-info-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .section_layout489 {
    background-color: var(--darker-blue);
    color: var(--lavender);
    padding-left: 20px;
    padding-right: 20px
  }

  .layout489_content {
    position: relative
  }

  .layout489_inner-wrapper {
    width: 50%;
    padding-right: 2.5rem
  }

  .layout489_tabs {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    position: static
  }

  .layout489_tabs-content {
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    padding-left: 2.5rem;
    display: flex;
    position: absolute;
    inset: 0% 0% 0%auto;
    overflow: visible
  }

  .layout489_image-wrapper {
    border-radius: var(--\<unknown\|relume-variable-radius-large\>);
    justify-content: flex-start;
    align-items: center
  }

  .layout489_image {
    width: 100%;
    display: block
  }

  .ja-features_top-content-left-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex
  }

  .ja-features_small-card-1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-image: var(--sf-img-6);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-features_card-top-wrapper-1 {
    padding: 1.5rem 2rem
  }

  .ja-features_xlarge-card-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-108-d63f7a91.avif);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-features_card-image-2 {
    width: 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
  }

  .ja-features_xlarge-card-3 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-109-788f87c7.avif);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 1.5rem 2rem;
    display: flex;
    overflow: hidden
  }

  .ja_xlarge-card-group-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    width: 63%;
    display: flex
  }

  .ja_xlarge-card-group-wrapper-small {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: space-between;
    display: flex
  }

  .ja-features_card-image-5 {
    width: 90%
  }

  .ja-features_card-image-6 {
    width: 100%
  }

  .ja-features_small-card-5 {
    background-image: var(--sf-img-6);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-features_small-card-6 {
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-110-a28e0faf.avif);
    background-position: 100%0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-features_small-card-4 {
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-111-389508fd.avif);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-top: 1.5rem;
    display: flex;
    overflow: hidden
  }

  .ja-features_card-image-4 {
    width: 100%
  }

  .ja-features_card-bottom-wrapper-4 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .ja-features_card-image-7 {
    width: 85%
  }

  .ja-features_xlarge-card-7 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-112-cfadce2b.avif);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-features_small-card-8 {
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-113-30fd9084.avif);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    overflow: hidden
  }

  .section_layout401 {
    background-color: var(--darker-blue);
    padding-left: 20px;
    padding-right: 20px
  }

  .layout401_grid-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr
  }

  .layout401_row {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
  }

  .layout401_card {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex;
    position: relative;
    overflow: hidden
  }

  .layout401_card-content {
    aspect-ratio: 1.4;
    text-align: center;
    background-color: #0a0f1c;
    border-radius: 10px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    display: flex;
    transform: translate(0)
  }

  .layout401_item-icon-wrapper {
    display: inline-block
  }

  .journal-cards_card-holder-flip {
    z-index: 1;
    transform-style: preserve-3d;
    background-image: linear-gradient(#1e293b, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 10px;
    padding: 1px;
    position: absolute;
    inset: 0%;
    overflow: hidden;
    transform: rotateX(0) rotateY(180deg) rotate(0)
  }

  .layout401_card-content-flip {
    aspect-ratio: 1.4;
    text-align: center;
    background-color: #363956;
    border-radius: 10px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    display: flex
  }

  .layout401_card-content-flip-text {
    color: #94a3b8
  }

  .ja-habits_small-card-holder {
    background-image: linear-gradient(-90deg, #475569, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 20px;
    width: 49%;
    padding: 1px
  }

  .ja-habits_card-top-wrapper-1 {
    width: 100%;
    padding: 1.5rem 2rem 0
  }

  .ja-habits_small-card-1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: var(--sf-img-6);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-habits_card-image-1,
  .ja-habits_card-image-2 {
    width: 95%
  }

  .ja-habits_small-card-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-114-c1a5c686.avif);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-habits_xsmall-card-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: var(--sf-img-6);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-habits_xsmall-card-holder {
    background-image: linear-gradient(-90deg, #475569, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 20px;
    width: 32%;
    padding: 1px
  }

  .ja-habits_xsmall-card-4 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: var(--sf-img-6);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-habits_card-image-4 {
    width: 80%
  }

  .ja-habits_xsmall-card-5 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-image: var(--sf-img-6);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
  }

  .ja-habits_card-image-5 {
    width: 80%
  }

  .layout401_card-holder {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: relative
  }

  .text-rich-text_faq {
    color: #dfe9ff;
    padding-bottom: 24px
  }

  .text-rich-text_faq p {
    font-size: 16px;
    line-height: 1.65
  }

  .text-rich-text_faq a {
    color: #dfe9ff;
    text-decoration: underline
  }

  .tz-faq-plus {
    width: 14px;
    height: 14px;
    position: relative
  }

  @media screen and (min-width:1440px) {
    .nav-link {
      padding: 10px;
      font-size: 17px;
      line-height: 27px
    }

    .nav-link.dd-link.dd-link-top-mar-30.new {
      justify-content: flex-start;
      align-items: center;
      margin-left: 0;
      padding-left: 0
    }

    .nav-menu {
      grid-column-gap: 10px;
      grid-row-gap: 10px
    }

    .dd-nav-list {
      top: 4.9rem
    }

    .dd-nav-toggle {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px
    }

    .reels_arrow-icon:hover {
      transform: scale(1.07)
    }

    .nav-right-holder {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      margin-left: 50px
    }

    .journal-tab_tabs-content {
      width: 100%
    }

    .journal-tab_tabs-image {
      margin-left: auto;
      margin-right: auto
    }

    .layout497_tab-link {
      max-width: 100%
    }
  }

  @media screen and (max-width:991px) {
    .navbar {
      border-radius: 0;
      align-items: center;
      width: auto;
      margin-top: 0;
      padding: 16px
    }

    .nav-link {
      margin-bottom: 30px;
      margin-left: 0;
      margin-right: 0;
      padding: 0 16px
    }

    .nav-link:hover {
      background-color: #dadfed00
    }

    .nav-link.light-text:hover {
      color: var(--rich-purple)
    }

    .nav-link.light-text.w--current:hover {
      color: var(--rich-purple)
    }

    .nav-link.dd-link {
      justify-content: flex-start;
      align-items: flex-start
    }

    .nav-link.dd-link.dd-link-top-mar-30 {
      margin-top: 30px
    }

    .nav-link.dd-link.dd-link-top-mar-30.new {
      margin-left: 0;
      padding-left: 16px;
      padding-right: 16px
    }

    .nav-link.dd-link.new {
      padding: 0 16px
    }

    .nav-menu {
      background-color: #fff;
      border-radius: 0 0 7px 7px;
      flex-flow: column;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 80px;
      padding-top: 56px;
      position: fixed;
      inset: 0% 0%auto;
      overflow: hidden
    }

    .menu-button {
      color: var(--dark-blue);
      text-align: center;
      background-color: #fff;
      justify-content: center;
      align-items: center;
      padding: 0;
      font-size: 32px
    }

    .nav-link-dropdown.light-text:hover {
      color: var(--rich-purple)
    }

    .medium-button {
      font-size: 16px
    }

    .large-button {
      margin-left: 0
    }

    .large-button.large-button-home {
      align-self: center
    }

    .large-button.large-button-nav {
      text-align: left;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      width: 100%;
      margin-left: 0;
      padding: 20px;
      display: flex;
      box-shadow: 0 0 0 1px #1118271c, 0 2px 6px #1e293b17
    }

    .footer-1 {
      height: auto
    }

    .feature-list-item:hover {
      background-color: #0000
    }

    .bot-marg-64 {
      margin-bottom: 40px
    }

    .margin-bot-32 {
      margin-bottom: 24px
    }

    .margin-bot-24 {
      align-self: center
    }

    .dd-nav-list {
      left: 20px
    }

    .dd-nav-toggle {
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0
    }

    .dd-nav-toggle:hover {
      background-color: #dadfed00
    }

    .footer-holder {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      flex-flow: column
    }

    .footer-left-column {
      width: 100%
    }

    .nav-right-holder {
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-left: 0
    }

    .padding-section-large {
      padding-top: 64px;
      padding-bottom: 64px
    }

    .logo_component {
      grid-column-gap: 40px;
      grid-row-gap: 40px
    }

    .logo_content {
      grid-row-gap: 32px;
      grid-template-columns: 1fr 1fr 1fr
    }

    .title-style-h2 {
      font-size: 40px
    }

    .logo_banner {
      grid-row-gap: 32px;
      grid-template-columns: 1fr 1fr 1fr
    }

    .wrapper-logo {
      z-index: 999;
      max-width: 180px;
      position: relative
    }

    .section_journal-hero {
      padding-top: 84px;
      padding-bottom: 64px
    }

    .journal-tab_content {
      grid-column-gap: 48px;
      grid-row-gap: 48px
    }

    .journal-tab_tabs-menu {
      max-width: 650px
    }

    .journal-tab_tab {
      flex: none;
      font-size: 15px
    }

    .layout497_inner-wrapper {
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      flex-flow: column;
      padding-right: 1.5rem
    }

    .layout497_tabs {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      flex-flow: column
    }

    .layout497_tabs-content {
      padding-left: 1.5rem
    }

    .layout497_tabs-menu {
      padding-bottom: 0
    }

    .layout497_tabs-menu.reverse-copy,
    .layout497_tabs-menu.reverse-copy {
      order: -9999;
      margin-left: 0
    }

    .mentor-info_card-grid {
      grid-template-columns: 1fr 1fr
    }

    .mentor-features_card-bottom-wrapper-2 {
      padding: 1.5rem
    }

    .mentor-features_card-left-wrapper-3 {
      width: 50%
    }

    .mentor-features_card-bottom-wrapper-5 {
      padding-bottom: 1.5rem;
      padding-right: 1.5rem
    }

    .layout497_button-wrapper {
      position: relative
    }

    .resources_nav-dd-desktop-big:hover {
      transform: none
    }

    .product_nav-dd-desktop-big-top-holder:hover {
      background-color: #dadfed00
    }

    .header1_content {
      grid-column-gap: 4rem;
      grid-row-gap: 4rem;
      flex-flow: column;
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      align-items: stretch;
      min-height: auto
    }

    .header1_content-left,
    .header1_image-wrapper {
      min-width: 0
    }

    .bot-marg-60 {
      margin-bottom: 40px
    }

    .journal-tab_card-grid {
      grid-template-columns: 1fr 1fr
    }

    .layout489_inner-wrapper {
      padding-right: 1.5rem
    }

    .layout489_tabs {
      grid-column-gap: 3rem
    }

    .layout489_tabs-content {
      padding-left: 1.5rem
    }

    .ja-features_card-image-3 {
      width: 50%
    }

    .layout401_row {
      grid-template-columns: 1fr 1fr
    }
  }

  @media screen and (max-width:767px) {
    body {
      font-size: 15px
    }

    h3 {
      font-size: 20px
    }

    .section.section_pricing-faq.darker-blue {
      padding-top: 48px;
      padding-bottom: 48px
    }

    .container.large-top {
      padding-top: 50px
    }

    .container.large-bottom {
      padding-bottom: 50px
    }

    .nav-link {
      margin-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px
    }

    .nav-link.dd-link.dd-link-top-mar-30 {
      margin-top: 20px
    }

    .nav-link.dd-link.dd-link-top-mar-30.new,
    .nav-link.dd-link.new {
      padding-left: 15px;
      padding-right: 15px
    }

    .medium-button {
      padding-top: 12px;
      padding-bottom: 12px
    }

    .large-button {
      padding: 18px 24px;
      font-size: 16px
    }

    .large-button.large-button-home {
      padding-left: 56px;
      padding-right: 56px
    }

    .large-button.large-button-home.is-smaller {
      padding: 12px 32px
    }

    ._1-25em-bottom-margin {
      font-size: 16px
    }

    .footer-1---1 {
      width: 50%;
      padding-right: 16px
    }

    .footer-1---3 {
      grid-column: auto;
      align-items: flex-start;
      width: 100%
    }

    .footer-1 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      flex-flow: wrap;
      grid-template-columns: 1fr 1fr;
      gap: 24px 0;
      display: flex
    }

    .footer-1---2 {
      width: 50%;
      padding-right: 16px
    }

    .footer-link-light.is-small {
      font-size: 15px
    }

    .faq-circle {
      width: 40px;
      min-width: 40px;
      height: 40px;
      min-height: 40px
    }

    .question-title {
      font-size: 16px
    }

    .margin-bot-64 {
      margin-bottom: 40px
    }

    .button-holder {
      width: 100%
    }

    .heading-style-1 {
      font-size: 40px;
      line-height: 48px
    }

    .heading-style-3 {
      font-size: 24px;
      line-height: 32px
    }

    .text-medium {
      font-size: 16px;
      line-height: 24px
    }

    .margin-bot-24 {
      margin-bottom: 16px
    }

    .margin-bot-24.left-align-mob {
      margin-right: auto
    }

    .text-large {
      font-size: 18px;
      line-height: 1.3
    }

    .bot-marg-40 {
      margin-bottom: 20px
    }

    .dd-nav-list {
      margin-bottom: 10px
    }

    .footer-left-column {
      width: 100%;
      max-width: 100%
    }

    .large-button-text {
      font-size: 15px
    }

    .text-medium-l {
      font-size: 18px;
      line-height: 24px
    }

    .text-large-s {
      font-size: 18px;
      line-height: 24px
    }

    .padding-section-large {
      padding-top: 48px;
      padding-bottom: 48px
    }

    .text-size-medium {
      font-size: 1rem
    }

    .button-group {
      grid-column-gap: 16px;
      grid-row-gap: 16px
    }

    .title-style-h2 {
      font-size: 32px
    }

    .title-style-h2.text-color-white.text-align-center-mob {
      text-align: center
    }

    .margin-bot-40 {
      margin-bottom: 40px
    }

    .bas-wrapper {
      margin-bottom: 80px
    }

    .text-size-xlarge.is-white {
      font-size: 20px
    }

    .section_journal-hero {
      padding-bottom: 48px
    }

    .section_journal-tab {
      overflow: hidden
    }

    .journal-features_top-content {
      grid-column-gap: 2.5rem;
      grid-row-gap: 2.5rem;
      text-align: center;
      flex-flow: column;
      justify-content: space-between;
      align-items: center
    }

    .journal-features_bottom-content.mob-gap-0-75 {
      grid-column-gap: .75rem;
      grid-row-gap: .75rem
    }

    .journal-features_bottom-content-row {
      flex-flow: column
    }

    .journal_tag {
      padding: .375rem 1.5rem
    }

    .journal-tab_tabs-menu {
      grid-column-gap: .75rem;
      grid-row-gap: .75rem;
      justify-content: center;
      align-items: center;
      max-width: none;
      margin-bottom: 24px;
      padding-bottom: 24px;
      overflow: auto
    }

    .journal-tab_tab {
      padding: .5rem 1rem;
      font-size: 14px
    }

    .journal-features_small-card-holder,
    .journal-features_small-card-holder.is-50-width,
    .journal-features_small-card-holder.is-50-width,
    .journal-features_xlarge-card-holder {
      width: 100%
    }

    .journal-cta_component {
      text-align: center;
      padding-left: 24px;
      padding-right: 24px
    }

    .layout497_content {
      flex-flow: column;
      display: flex
    }

    .layout497_inner-wrapper {
      width: 100%;
      padding-right: 0
    }

    .layout497_header {
      text-align: center;
      flex-flow: column;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      display: flex
    }

    .layout497_tabs {
      grid-template-columns: 1fr
    }

    .layout497_tabs-content {
      width: 100%;
      margin-bottom: 3rem;
      padding-left: 0;
      position: relative
    }

    .layout497_tabs-menu {
      place-items: start stretch;
      max-width: none
    }

    .layout497_tab-link {
      flex-flow: column
    }

    .mentor-info_card-grid {
      grid-template-columns: 1fr
    }

    .mentor-features_card-left-wrapper-3 {
      width: 100%
    }

    .mentor-features_card-bottom-wrapper-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
    }

    .header1_content {
      grid-column-gap: 3rem;
      grid-row-gap: 3rem
    }

    .header1_image-wrapper {
      display: none
    }

    .journal-tab_card-grid {
      grid-template-columns: 1fr
    }

    .journal-tab_card {
      border-right-style: none;
      justify-content: flex-start;
      align-items: flex-start;
      padding-right: 0
    }

    .layout489_content {
      flex-flow: column;
      display: flex
    }

    .layout489_inner-wrapper {
      width: 100%;
      padding-right: 0
    }

    .layout489_tabs {
      grid-column-gap: 0rem;
      grid-row-gap: 3rem;
      flex-flow: column;
      grid-template-columns: 1fr;
      display: flex
    }

    .layout489_tabs-content {
      width: 100%;
      padding-left: 0;
      position: relative
    }

    .ja-features_top-content-left-wrapper {
      width: 100%
    }

    .ja-features_small-card-1 {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      width: 100%
    }

    .ja-features_xlarge-card-2 {
      width: 100%
    }

    .ja-features_xlarge-card-3 {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      flex-flow: column;
      width: 100%;
      padding-left: 1.5rem;
      padding-right: 1.5rem
    }

    .ja-features_card-image-3 {
      width: 100%
    }

    .ja_xlarge-card-group-wrapper {
      grid-column-gap: .75rem;
      grid-row-gap: .75rem;
      width: 100%
    }

    .ja_xlarge-card-group-wrapper-small {
      flex-flow: column
    }

    .ja-features_small-card-5,
    .ja-features_small-card-6,
    .ja-features_small-card-4 {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      width: 100%
    }

    .ja-features_xlarge-card-7 {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      width: 100%
    }

    .ja-features_small-card-8 {
      grid-column-gap: 2rem;
      grid-row-gap: 2rem;
      width: 100%;
      padding-left: 1.5rem;
      padding-right: 1.5rem
    }

    .layout401_grid-list {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem
    }

    .layout401_row {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem;
      grid-template-columns: 1fr 1fr
    }

    .layout401_card {
      grid-template-columns: 1fr
    }

    .layout401_card-content {
      justify-content: center;
      align-items: center;
      padding: 1.5rem
    }

    .layout401_card-content-flip {
      padding: 1.5rem
    }

    .ja-habits_small-card-holder {
      width: 100%
    }

    .ja-habits_small-card-1,
    .ja-habits_small-card-2,
    .ja-habits_xsmall-card-3 {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      width: 100%
    }

    .ja-habits_xsmall-card-holder {
      width: 100%
    }

    .ja-habits_xsmall-card-4,
    .ja-habits_xsmall-card-5 {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      width: 100%
    }
  }

  @media screen and (max-width:479px) {
    h1 {
      font-size: 34px
    }

    h2 {
      font-size: 26px
    }

    h3 {
      font-size: 17px
    }

    .navbar {
      padding-left: 16px;
      padding-right: 16px
    }

    .nav-link.dd-link {
      padding-left: 16px;
      padding-right: 16px
    }

    .medium-button {
      padding-left: 15px;
      padding-right: 15px
    }

    .large-button {
      text-align: center;
      padding: 13px 15px
    }

    .large-button.large-button-home {
      width: 100%
    }

    .large-button.large-button-home.is-smaller {
      display: block
    }

    .large-button.large-button-nav {
      width: 100%;
      padding: 15px
    }

    .footer-1---1 {
      width: 100%;
      padding-right: 0
    }

    .footer-1 {
      flex-direction: column;
      grid-template-columns: 1fr;
      row-gap: 24px;
      display: flex
    }

    .footer-1---2 {
      width: 100%;
      padding-right: 0
    }

    .faq-content {
      max-width: 100%
    }

    .question-title {
      flex: 1
    }

    .button-holder {
      grid-row-gap: 16px;
      flex-direction: column;
      justify-content: center
    }

    .full-page.overflow-visible {
      overflow: hidden
    }

    .heading-style-1.heading-style-1-white {
      font-size: 38px;
      line-height: 1
    }

    .dd-nav-list {
      top: 3rem
    }

    .large-button-hover {
      text-align: left
    }

    .text-medium-l {
      font-size: 16px
    }

    .button-group {
      flex-flow: column;
      align-items: stretch
    }

    .logo_content {
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      grid-template-columns: 1fr 1fr 1fr
    }

    .logo_banner {
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      grid-template-columns: 1fr 1fr 1fr
    }

    .margin-bot-40 {
      margin-bottom: 32px
    }

    .bas-wrapper {
      margin-bottom: 60px
    }

    .bas-label-before-h {
      font-size: 14px;
      top: 16px;
      left: 16px
    }

    .bas-label-after-h {
      font-size: 14px;
      top: 16px;
      right: 16px
    }

    .wrapper-logo {
      background-size: auto 28px;
      max-width: 150px
    }

    .journal-compare_top-content {
      grid-column-gap: 24px;
      grid-row-gap: 24px
    }

    .journal-tab_content {
      grid-column-gap: 32px;
      grid-row-gap: 32px
    }

    .journal-tab_tabs-menu {
      grid-column-gap: .5rem;
      grid-row-gap: .5rem
    }

    .journal-tab_tab {
      width: 100%;
      min-width: 0
    }

    .journal-cta_component {
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      padding: 40px 20px
    }

    .layout497_tabs {
      grid-template-columns: 1fr
    }

    .layout497_tabs-content {
      order: 9999;
      margin-bottom: 2rem
    }

    .mentor-features_card-bottom-wrapper-2 {
      padding-left: 1.2rem;
      padding-right: 1.2rem
    }

    .mentor-features_card-bottom-wrapper-6 {
      padding-top: 1.5rem;
      padding-left: 1.2rem;
      padding-right: 1.2rem
    }

    .header1_content,
    .layout489_tabs {
      grid-template-columns: 1fr
    }

    .ja-features_card-top-wrapper-1,
    .ja-features_xlarge-card-3 {
      padding-left: 1.2rem;
      padding-right: 1.2rem
    }

    .ja-features_card-bottom-wrapper-4 {
      padding-left: 1.2rem;
      padding-right: 1.2rem
    }

    .ja-features_small-card-8 {
      padding-bottom: 3rem;
      padding-left: 1.2rem;
      padding-right: 1.2rem
    }

    .layout401_row {
      grid-template-columns: 1fr
    }

    .ja-habits_card-top-wrapper-1 {
      padding-left: 1.2rem;
      padding-right: 1.2rem
    }

    .sol-step_card:hover {
      box-shadow: 0 0 0-20px #0003
    }

    .sol-feature_card:hover {
      box-shadow: 0 0 25px 0 var(--rich-purple)
    }
  }

  #w-node-_84ceb9e9-62a5-14e1-be11-0f55f6475176-85180355 {
    grid-area: 1/1/2/2
  }

  #w-node-b61a0a85-b238-f0ad-5823-efbd3167c9a7-85180355,
  #w-node-_9d9f07bd-6189-26b8-232f-a655970ec378-4b19c3a8,
  #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
  #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
  #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3ba-4b19c3a8 {
    grid-area: span 1/span 1/span 1/span 1
  }

  #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
    grid-area: Area
  }

  @media screen and (max-width:991px) {

    #w-node-_9d9f07bd-6189-26b8-232f-a655970ec378-4b19c3a8,
    #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
    #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3ba-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
      grid-area: span 1/span 1/span 1/span 1
    }
  }

  @media screen and (max-width:767px) {

    #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
    #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
      grid-area: span 1/span 2/span 1/span 2
    }
  }

  @media screen and (max-width:479px) {

    #w-node-_9d9f07bd-6189-26b8-232f-a655970ec378-4b19c3a8,
    #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
    #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
      grid-area: span 1/span 1/span 1/span 1
    }
  }

/* from lander1.html */
@font-face {
    font-family: "Inconsolata";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(assets/asset-115-b01f3236.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inconsolata";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(assets/asset-115-b01f3236.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    src: url(assets/asset-116-1dc044f4.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url(assets/asset-116-1dc044f4.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url(assets/asset-116-1dc044f4.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src: url(assets/asset-116-1dc044f4.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: url(assets/asset-116-1dc044f4.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 100;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 200;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 300;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 400;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 500;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 600;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 700;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 800;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Inter Tight";
    font-style: normal;
    font-weight: 900;
    src: url(assets/asset-117-35babd43.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Unbounded";
    font-style: normal;
    font-weight: 300;
    src: url(assets/asset-118-aef5c246.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Unbounded";
    font-style: normal;
    font-weight: 400;
    src: url(assets/asset-118-aef5c246.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Unbounded";
    font-style: normal;
    font-weight: 500;
    src: url(assets/asset-118-aef5c246.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Unbounded";
    font-style: normal;
    font-weight: 600;
    src: url(assets/asset-118-aef5c246.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

  @font-face {
    font-family: "Unbounded";
    font-style: normal;
    font-weight: 700;
    src: url(assets/asset-118-aef5c246.woff2)format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
  }

/* from lander1.html */
body {
    -webkit-font-smoothing: antialiased
  }

/* from lander1.html */
.large-button:hover .large-button-hover {
    transform: translate(50%)
  }

/* from lander1.html */
#logos-slider {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important
  }

/* from lander1.html */
.shadow-smt-app {
    display: block !important
  }

/* from lander1.html */
[fb-before-after-input]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: var(--fb-thumb-width, 40px);
    height: var(--fb-thumb-height, 40px)
  }

  [fb-before-after-input]::-moz-range-thumb {
    -webkit-appearance: none;
    width: var(--fb-thumb-width, 40px);
    height: var(--fb-thumb-height, 40px)
  }

/* from lander1.html */
:root {
    --sf-img-3: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-33-30a61557.png");
    --sf-img-4: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-34-86a58d93.png");
    --sf-img-10: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-35-dbcdce3b.avif");
    --sf-img-11: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-36-af007574.avif");
    --sf-img-6: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-37-ab8f47d0.avif");
    --sf-img-7: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-38-eb5bded9.avif");
    --sf-img-9: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-39-e371cd22.avif");
    --sf-img-13: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-40-202d1790.avif");
    --sf-img-5: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-41-3733b819.avif");
    --sf-img-8: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-42-5f541740.avif");
    --sf-img-12: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-43-39e074a6.avif")
  }


  *,
  :after,
  :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0#0000;
    --tw-ring-shadow: 0 0#0000;
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
  }

  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0#0000;
    --tw-ring-shadow: 0 0#0000;
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
  }

  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
  }

  :after,
  :before {
    --tw-content: ""
  }

  :host,
  html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
  }

  body {
    margin: 0;
    line-height: inherit
  }

  a {
    color: inherit;
    text-decoration: inherit
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  button {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
  }

  button {
    text-transform: none
  }

  button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
  }

  :-moz-focusring {
    outline: auto
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }

  h1,
  h2,
  h3,
  h4,
  p {
    margin: 0
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
  }

  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af
  }

  button {
    cursor: pointer
  }

  :disabled {
    cursor: default
  }

  canvas,
  iframe,
  img,
  svg,
  video {
    display: block;
    vertical-align: middle
  }

  img,
  video {
    max-width: 100%;
    height: auto
  }

  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 221.2 75.35% 49.27%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --muted: 210 50% 94.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 221.2 83.2% 53.3%;
    --radius: 0.5rem;
    --chart-1: 221.2 83.2% 53.3%;
    --chart-2: 212 95% 68%;
    --chart-3: 216 92% 60%;
    --chart-4: 210 98% 78%;
    --chart-5: 212 97% 87%;
    --chart-6: 212 97% 27%;
    --chart-background: 210 40% 90%
  }

  

  @media (min-width:640px) {
    
  }

  @media (min-width:768px) {
    
  }

  @media (min-width:1024px) {
    
  }

  @media (min-width:1280px) {
    
  }

  @media (min-width:1536px) {
    
  }

  .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
  }

  .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
  }

  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
  }

  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
  }

  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
  }

  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
  }

  .pointer-events-none {
    pointer-events: none
  }

  .pointer-events-auto {
    pointer-events: auto
  }

  .invisible {
    visibility: hidden
  }

  .fixed {
    position: fixed
  }

  .absolute {
    position: absolute
  }

  .relative {
    position: relative
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: 0
  }

  .inset-x-0 {
    left: 0;
    right: 0
  }

  .inset-y-0 {
    top: 0;
    bottom: 0
  }

  .-bottom-80 {
    bottom: -20rem
  }

  .-right-0 {
    right: 0
  }

  .bottom-0 {
    bottom: 0
  }

  .bottom-5 {
    bottom: 1.25rem
  }

  .left-0 {
    left: 0
  }

  .left-1\/2 {
    left: 50%
  }

  .right-5 {
    right: 1.25rem
  }

  .top-0 {
    top: 0
  }

  .top-16 {
    top: 4rem
  }

  .top-\[1px\] {
    top: 1px
  }

  .top-full {
    top: 100%
  }

  .isolate {
    isolation: isolate
  }

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .z-\[10000\] {
    z-index: 10000
  }

  .z-\[10001\] {
    z-index: 10001
  }

  .z-\[10002\] {
    z-index: 10002
  }

  .z-\[10003\] {
    z-index: 10003
  }

  .mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
  }

  .mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
  }

  .mx-auto {
    margin-left: auto;
    margin-right: auto
  }

  .my-0 {
    margin-top: 0;
    margin-bottom: 0
  }

  .-mr-4 {
    margin-right: -1rem
  }

  .-mt-\[3px\] {
    margin-top: -3px
  }

  .mb-0 {
    margin-bottom: 0
  }

  .mb-1 {
    margin-bottom: .25rem
  }

  .mb-10 {
    margin-bottom: 2.5rem
  }

  .mb-12 {
    margin-bottom: 3rem
  }

  .mb-16 {
    margin-bottom: 4rem
  }

  .mb-2 {
    margin-bottom: .5rem
  }

  .mb-3 {
    margin-bottom: .75rem
  }

  .mb-4 {
    margin-bottom: 1rem
  }

  .mb-6 {
    margin-bottom: 1.5rem
  }

  .mb-8 {
    margin-bottom: 2rem
  }

  .ml-1 {
    margin-left: .25rem
  }

  .ml-10 {
    margin-left: 2.5rem
  }

  .ml-2 {
    margin-left: .5rem
  }

  .ml-6 {
    margin-left: 1.5rem
  }

  .mr-2 {
    margin-right: .5rem
  }

  .mr-4 {
    margin-right: 1rem
  }

  .mt-1 {
    margin-top: .25rem
  }

  .mt-10 {
    margin-top: 2.5rem
  }

  .mt-12 {
    margin-top: 3rem
  }

  .mt-16 {
    margin-top: 4rem
  }

  .mt-2 {
    margin-top: .5rem
  }

  .mt-20 {
    margin-top: 5rem
  }

  .mt-24 {
    margin-top: 6rem
  }

  .mt-3 {
    margin-top: .75rem
  }

  .mt-4 {
    margin-top: 1rem
  }

  .mt-6 {
    margin-top: 1.5rem
  }

  .mt-8 {
    margin-top: 2rem
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2
  }

  .line-clamp-2 {
    overflow: hidden;
    -webkit-box-orient: vertical
  }

  .block {
    display: block
  }

  .inline-block {
    display: inline-block
  }

  .flex {
    display: flex
  }

  .inline-flex {
    display: inline-flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .aspect-video {
    aspect-ratio: 16/9
  }

  .h-0 {
    height: 0
  }

  .h-10 {
    height: 2.5rem
  }

  .h-12 {
    height: 3rem
  }

  .h-14 {
    height: 3.5rem
  }

  .h-16 {
    height: 4rem
  }

  .h-2 {
    height: .5rem
  }

  .h-20 {
    height: 5rem
  }

  .h-28 {
    height: 7rem
  }

  .h-3 {
    height: .75rem
  }

  .h-4 {
    height: 1rem
  }

  .h-40 {
    height: 10rem
  }

  .h-5 {
    height: 1.25rem
  }

  .h-6 {
    height: 1.5rem
  }

  .h-60 {
    height: 15rem
  }

  .h-8 {
    height: 2rem
  }

  .h-\[56px\] {
    height: 56px
  }

  .h-\[70vh\] {
    height: 70vh
  }

  .h-auto {
    height: auto
  }

  .h-full {
    height: 100%
  }

  .min-h-\[500px\] {
    min-height: 500px
  }

  .min-h-fit {
    min-height: fit-content
  }

  .w-0 {
    width: 0
  }

  .w-1 {
    width: .25rem
  }

  .w-10 {
    width: 2.5rem
  }

  .w-12 {
    width: 3rem
  }

  .w-14 {
    width: 3.5rem
  }

  .w-16 {
    width: 4rem
  }

  .w-2 {
    width: .5rem
  }

  .w-20 {
    width: 5rem
  }

  .w-3 {
    width: .75rem
  }

  .w-4 {
    width: 1rem
  }

  .w-5 {
    width: 1.25rem
  }

  .w-6 {
    width: 1.5rem
  }

  .w-8 {
    width: 2rem
  }

  .w-\[56px\] {
    width: 56px
  }

  .w-auto {
    width: auto
  }

  .w-full {
    width: 100%
  }

  .w-max {
    width: max-content
  }

  .min-w-\[200px\] {
    min-width: 200px
  }

  .max-w-2xl {
    max-width: 42rem
  }

  .max-w-3xl {
    max-width: 48rem
  }

  .max-w-4xl {
    max-width: 56rem
  }

  .max-w-5xl {
    max-width: 64rem
  }

  .max-w-6xl {
    max-width: 72rem
  }

  .max-w-7xl {
    max-width: 80rem
  }

  .max-w-\[10rem\] {
    max-width: 10rem
  }

  .max-w-\[95\%\] {
    max-width: 95%
  }

  .max-w-lg {
    max-width: 32rem
  }

  .max-w-md {
    max-width: 28rem
  }

  .max-w-sm {
    max-width: 24rem
  }

  .max-w-xl {
    max-width: 36rem
  }

  .max-w-xs {
    max-width: 20rem
  }

  .flex-1 {
    flex: 1 1 0%
  }

  .flex-shrink-0 {
    flex-shrink: 0
  }

  .origin-center {
    transform-origin: center
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%
  }

  .translate-y-2 {
    --tw-translate-y: 0.5rem
  }

  .scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
  }

  .scale-95,
  .scale-\[1\.1\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .scale-\[1\.1\] {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
  }

  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  @keyframes pulse {
    50% {
      opacity: .5
    }
  }

  .cursor-pointer {
    cursor: pointer
  }

  .list-none {
    list-style-type: none
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .flex-row {
    flex-direction: row
  }

  .flex-col {
    flex-direction: column
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .items-start {
    align-items: flex-start
  }

  .items-center {
    align-items: center
  }

  .justify-start {
    justify-content: flex-start
  }

  .justify-center {
    justify-content: center
  }

  .justify-between {
    justify-content: space-between
  }

  .gap-1 {
    gap: .25rem
  }

  .gap-10 {
    gap: 2.5rem
  }

  .gap-12 {
    gap: 3rem
  }

  .gap-2 {
    gap: .5rem
  }

  .gap-3 {
    gap: .75rem
  }

  .gap-4 {
    gap: 1rem
  }

  .gap-6 {
    gap: 1.5rem
  }

  .gap-8 {
    gap: 2rem
  }

  .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
    margin-left: calc(.5rem*calc(1 - var(--tw-space-x-reverse)))
  }

  .space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem*var(--tw-space-x-reverse));
    margin-left: calc(.75rem*calc(1 - var(--tw-space-x-reverse)))
  }

  .space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem*var(--tw-space-x-reverse));
    margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))
  }

  .space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse))
  }

  .space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse))
  }

  .space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem*var(--tw-space-y-reverse))
  }

  .space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
  }

  .space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem*var(--tw-space-y-reverse))
  }

  .divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
  }

  .divide-neutral-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-divide-opacity, 1))
  }

  .overflow-hidden {
    overflow: hidden
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .text-pretty {
    text-wrap: pretty
  }

  .rounded-2xl {
    border-radius: 1rem
  }

  .rounded-3xl {
    border-radius: 1.5rem
  }

  .rounded-\[16px\] {
    border-radius: 16px
  }

  .rounded-\[20px\] {
    border-radius: 20px
  }

  .rounded-\[24px\] {
    border-radius: 24px
  }

  .rounded-full {
    border-radius: 9999px
  }

  .rounded-lg {
    border-radius: var(--radius)
  }

  .rounded-br-full {
    border-bottom-right-radius: 9999px
  }

  .rounded-tr-full {
    border-top-right-radius: 9999px
  }

  .border {
    border-width: 1px
  }

  .border-2 {
    border-width: 2px
  }

  .border-y-\[8px\] {
    border-top-width: 8px;
    border-bottom-width: 8px
  }

  .border-b {
    border-bottom-width: 1px
  }

  .border-l-\[12px\] {
    border-left-width: 12px
  }

  .border-t {
    border-top-width: 1px
  }

  .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
  }

  .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
  }

  .border-input {
    border-color: hsl(var(--input))
  }

  .border-muted-foreground\/40 {
    border-color: hsl(var(--muted-foreground)/.4)
  }

  .border-neutral-100 {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1))
  }

  .border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity, 1))
  }

  .border-transparent {
    border-color: transparent
  }

  .border-y-transparent {
    border-top-color: transparent;
    border-bottom-color: transparent
  }

  .border-l-primary {
    border-left-color: hsl(var(--primary))
  }

  .bg-\[\#0a0f1c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 15 28/var(--tw-bg-opacity, 1))
  }

  .bg-\[\#4c63d2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(76 99 210/var(--tw-bg-opacity, 1))
  }

  .bg-background {
    background-color: hsl(var(--background))
  }

  .bg-black\/20 {
    background-color: rgb(0 0 0/.2)
  }

  .bg-black\/70 {
    background-color: rgb(0 0 0/.7)
  }

  .bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
  }

  .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
  }

  .bg-muted\/30 {
    background-color: hsl(var(--muted)/.3)
  }

  .bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
  }

  .bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
  }

  .bg-neutral-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64/var(--tw-bg-opacity, 1))
  }

  .bg-primary {
    background-color: hsl(var(--primary))
  }

  .bg-primary\/10 {
    background-color: hsl(var(--primary)/.1)
  }

  .bg-primary\/20 {
    background-color: hsl(var(--primary)/.2)
  }

  .bg-secondary {
    background-color: hsl(var(--secondary))
  }

  .bg-transparent {
    background-color: transparent
  }

  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  }

  .bg-white\/90 {
    background-color: rgb(255 255 255/.9)
  }

  .bg-\[radial-gradient\(circle_at_1px_1px\2c rgba\(59\2c 130\2c 246\2c 0\.3\)_1px\2c transparent_0\)\] {
    background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, .3) 1px, transparent 0)
  }

  .bg-\[radial-gradient\(hsl\(var\(--primary\)\)_40\%\2c transparent_60\%\)\] {
    background-image: radial-gradient(hsl(var(--primary)) 40%, transparent 60%)
  }

  .bg-\[url\(\'\/world\.svg\'\)\] {
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-44-280cc7c5.svg)
  }

  .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
  }

  .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
  }

  .from-gray-50 {
    --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 250 251/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .from-primary\/10 {
    --tw-gradient-from: hsl(var(--primary)/0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .via-black\/20 {
    --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0/0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
  }

  .via-white {
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
  }

  .via-white\/30 {
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255/0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)
  }

  .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
  }

  .to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
  }

  .to-white\/80 {
    --tw-gradient-to: rgb(255 255 255/0.8) var(--tw-gradient-to-position)
  }

  .bg-center {
    background-position: 50%
  }

  .bg-repeat {
    background-repeat: repeat
  }

  .fill-yellow-400 {
    fill: #facc15
  }

  .stroke-\[1px\] {
    stroke-width: 1px
  }

  .object-contain {
    -o-object-fit: contain;
    object-fit: contain
  }

  .object-cover {
    -o-object-fit: cover;
    object-fit: cover
  }

  .object-top {
    -o-object-position: top;
    object-position: top
  }

  .p-1 {
    padding: .25rem
  }

  .p-2 {
    padding: .5rem
  }

  .p-4 {
    padding: 1rem
  }

  .p-6 {
    padding: 1.5rem
  }

  .p-\[1px\] {
    padding: 1px
  }

  .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

  .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .pb-10 {
    padding-bottom: 2.5rem
  }

  .pb-12 {
    padding-bottom: 3rem
  }

  .pb-2 {
    padding-bottom: .5rem
  }

  .pb-4 {
    padding-bottom: 1rem
  }

  .pl-4 {
    padding-left: 1rem
  }

  .pl-8 {
    padding-left: 2rem
  }

  .pt-10 {
    padding-top: 2.5rem
  }

  .pt-12 {
    padding-top: 3rem
  }

  .pt-3 {
    padding-top: .75rem
  }

  .pt-4 {
    padding-top: 1rem
  }

  .pt-6 {
    padding-top: 1.5rem
  }

  .pt-8 {
    padding-top: 2rem
  }

  .text-left {
    text-align: left
  }

  .text-center {
    text-align: center
  }

  .font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
  }

  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .text-6xl {
    font-size: 3.75rem;
    line-height: 1
  }

  .text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .text-xs {
    font-size: .75rem;
    line-height: 1rem
  }

  .font-bold {
    font-weight: 700
  }

  .font-medium {
    font-weight: 500
  }

  .font-semibold {
    font-weight: 600
  }

  .uppercase {
    text-transform: uppercase
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
  }

  .leading-7 {
    line-height: 1.75rem
  }

  .leading-8 {
    line-height: 2rem
  }

  .leading-relaxed {
    line-height: 1.625
  }

  .leading-tight {
    line-height: 1.25
  }

  .tracking-tight {
    letter-spacing: -.025em
  }

  .tracking-wider {
    letter-spacing: .05em
  }

  .\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
  }

  .text-\[\#49494b\] {
    --tw-text-opacity: 1;
    color: rgb(73 73 75/var(--tw-text-opacity, 1))
  }

  .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
  }

  .text-gray-400 {
    --tw-text-opacity: 1
  }

  .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
  }

  .text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
  }

  .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
  }

  .text-muted-foreground {
    color: hsl(var(--muted-foreground))
  }

  .text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
  }

  .text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity, 1))
  }

  .text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity, 1))
  }

  .text-primary {
    color: hsl(var(--primary))
  }

  .text-primary-foreground {
    color: hsl(var(--primary-foreground))
  }

  .text-secondary-foreground {
    color: hsl(var(--secondary-foreground))
  }

  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
  }

  .text-white\/90 {
    color: rgb(255 255 255/.9)
  }

  .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity, 1))
  }

  .text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity, 1))
  }

  .underline {
    text-decoration-line: underline
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
  }

  .placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-60 {
    opacity: .6
  }

  .opacity-\[0\.02\] {
    opacity: .02
  }

  .opacity-\[0\.8\] {
    opacity: .8
  }

  .shadow-\[0_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_2px_24px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 24px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color), 0 2px 24px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-\[0px_-1px_0px_0px_\#FFFFFF40_inset\2c _0px_1px_0px_0px_\#FFFFFF40_inset\] {
    --tw-shadow: 0px -1px 0px 0px #FFFFFF40 inset, 0px 1px 0px 0px #FFFFFF40 inset;
    --tw-shadow-colored: inset 0px -1px 0px 0px var(--tw-shadow-color), inset 0px 1px 0px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
  }

  .shadow-lg,
  .shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
  }

  .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0/0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
  }

  .shadow-sm,
  .shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
  }

  .shadow-black {
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored)
  }

  .drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0/0.15))
  }

  .drop-shadow-2xl,
  .drop-shadow-lg {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }

  .drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0/0.04)) drop-shadow(0 4px 3px rgb(0 0 0/0.1))
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
  }

  .backdrop-blur-sm,
  .backdrop-blur-xl {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px)
  }

  .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  .duration-150,
  .transition-transform {
    transition-duration: .15s
  }

  .duration-200 {
    transition-duration: .2s
  }

  .duration-300 {
    transition-duration: .3s
  }

  .\[background-size\:16px_16px\] {
    background-size: 16px 16px
  }

  .\[mask-image\:linear-gradient\(to_right\2c transparent\2c black_20\%\2c black_80\%\2c transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, transparent, black 20%, black 80%, transparent);
    mask-image: linear-gradient(90deg, transparent, black 20%, black 80%, transparent)
  }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
  }

  @theme inline {
    --shadow-derek: 0px 0px 0px 1px rgb(0 0 0/0.06), 0px 1px 1px -0.5px rgb(0 0 0/0.06), 0px 3px 3px -1.5px rgb(0 0 0/0.06), 0px 6px 6px -3px rgb(0 0 0/0.06), 0px 12px 12px -6px rgb(0 0 0/0.06), 0px 24px 24px -12px rgb(0 0 0/0.06);
    --shadow-input: 0px 2px 3px -1px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(25, 28, 33, 0.02), 0px 0px 0px 1px rgba(25, 28, 33, 0.08)
  }

  .file\:border-0::file-selector-button {
    border-width: 0
  }

  .file\:bg-transparent::file-selector-button {
    background-color: transparent
  }

  .file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .file\:font-medium::file-selector-button {
    font-weight: 500
  }

  .placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
  }

  .placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
  }

  .placeholder\:text-muted-foreground::-moz-placeholder {
    color: hsl(var(--muted-foreground))
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: hsl(var(--muted-foreground))
  }

  .focus-within\:border-primary:focus-within {
    border-color: hsl(var(--primary))
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000)
  }

  .focus-within\:ring-primary:focus-within {
    --tw-ring-color: hsl(var(--primary))
  }

  .hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
  }

  .hover\:scale-105:hover,
  .hover\:scale-110:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
  }

  .hover\:border-neutral-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity, 1))
  }

  .hover\:bg-\[\#4151b8\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(65 81 184/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-\[\#4752C4\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(71 82 196/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-accent:hover {
    background-color: hsl(var(--accent))
  }

  .hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-destructive\/90:hover {
    background-color: hsl(var(--destructive)/.9)
  }

  .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-muted\/30:hover {
    background-color: hsl(var(--muted)/.3)
  }

  .hover\:bg-neutral-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-neutral-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-neutral-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23/var(--tw-bg-opacity, 1))
  }

  .hover\:bg-primary\/10:hover {
    background-color: hsl(var(--primary)/.1)
  }

  .hover\:bg-primary\/90:hover {
    background-color: hsl(var(--primary)/.9)
  }

  .hover\:bg-secondary\/80:hover {
    background-color: hsl(var(--secondary)/.8)
  }

  .hover\:bg-white\/10:hover {
    background-color: rgb(255 255 255/.1)
  }

  .hover\:bg-white\/50:hover {
    background-color: rgb(255 255 255/.5)
  }

  .hover\:bg-white\/\[0\.02\]:hover {
    background-color: rgb(255 255 255/.02)
  }

  .hover\:from-purple-700:hover {
    --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(126 34 206/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }

  .hover\:to-pink-600:hover {
    --tw-gradient-to: #db2777 var(--tw-gradient-to-position)
  }

  .hover\:text-\[\#4151b8\]:hover {
    --tw-text-opacity: 1;
    color: rgb(65 81 184/var(--tw-text-opacity, 1))
  }

  .hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground))
  }

  .hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
  }

  .hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
  }

  .hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
  }

  .hover\:text-neutral-600:hover {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
  }

  .hover\:text-neutral-900:hover {
    --tw-text-opacity: 1;
    color: rgb(23 23 23/var(--tw-text-opacity, 1))
  }

  .hover\:text-primary:hover {
    color: hsl(var(--primary))
  }

  .hover\:text-primary\/80:hover {
    color: hsl(var(--primary)/.8)
  }

  .hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
  }

  .hover\:text-yellow-200:hover {
    --tw-text-opacity: 1;
    color: rgb(254 240 138/var(--tw-text-opacity, 1))
  }

  .hover\:text-zinc-800:hover {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity, 1))
  }

  .hover\:underline:hover {
    text-decoration-line: underline
  }

  .hover\:opacity-100:hover {
    opacity: 1
  }

  .hover\:opacity-80:hover {
    opacity: .8
  }

  .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
  }

  .hover\:shadow-lg:hover,
  .hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
  }

  .hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
  }

  .focus\:border-primary:focus {
    border-color: hsl(var(--primary))
  }

  .focus\:border-transparent:focus {
    border-color: transparent
  }

  .focus\:bg-accent:focus {
    background-color: hsl(var(--accent))
  }

  .focus\:text-accent-foreground:focus {
    color: hsl(var(--accent-foreground))
  }

  .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
  }

  .focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  }

  .focus\:ring-0:focus,
  .focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000)
  }

  .focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
  }

  .focus\:ring-\[\#4c63d2\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(76 99 210/var(--tw-ring-opacity, 1))
  }

  .focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
  }

  .focus\:ring-neutral-950:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(10 10 10/var(--tw-ring-opacity, 1))
  }

  .focus\:ring-primary:focus {
    --tw-ring-color: hsl(var(--primary))
  }

  .focus\:ring-primary\/20:focus {
    --tw-ring-color: hsl(var(--primary)/0.2)
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring))
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
  }

  .focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0#0000)
  }

  .focus-visible\:ring-primary:focus-visible {
    --tw-ring-color: hsl(var(--primary))
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring))
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }

  .disabled\:bg-gray-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
  }

  .disabled\:opacity-50:disabled {
    opacity: .5
  }

  .group:hover .group-hover\:pointer-events-auto {
    pointer-events: auto
  }

  .group:hover .group-hover\:visible {
    visibility: visible
  }

  .group\/feature:hover .group-hover\/feature\:h-8 {
    height: 2rem
  }

  .group\/feature:hover .group-hover\/feature\:translate-x-2 {
    --tw-translate-x: 0.5rem
  }

  .group:hover .group-hover\:translate-x-1,
  .group\/feature:hover .group-hover\/feature\:translate-x-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem
  }

  .group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
  }

  .group:hover .group-hover\:scale-100,
  .group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
  }

  .group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
  }

  .group:hover .group-hover\:scale-105,
  .group:hover .group-hover\:scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
  }

  .group:hover .group-hover\:scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .group-hover\:border-primary {
    border-color: hsl(var(--primary))
  }

  .group\/feature:hover .group-hover\/feature\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
  }

  .group\/feature:hover .group-hover\/feature\:bg-primary {
    background-color: hsl(var(--primary))
  }

  .group:hover .group-hover\:bg-black\/30 {
    background-color: rgb(0 0 0/.3)
  }

  .group:hover .group-hover\:bg-primary {
    background-color: hsl(var(--primary))
  }

  .group:hover .group-hover\:bg-primary\/15 {
    background-color: hsl(var(--primary)/.15)
  }

  .group:hover .group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
  }

  .group:hover .group-hover\:text-neutral-900 {
    --tw-text-opacity: 1;
    color: rgb(23 23 23/var(--tw-text-opacity, 1))
  }

  .group:hover .group-hover\:text-primary {
    color: hsl(var(--primary))
  }

  .group:hover .group-hover\:text-primary\/80 {
    color: hsl(var(--primary)/.8)
  }

  .group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
  }

  .group:hover .group-hover\:opacity-100,
  .group\/feature:hover .group-hover\/feature\:opacity-100 {
    opacity: 1
  }

  .hover\:prose-a\:underline :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover {
    text-decoration-line: underline
  }

  .prose-a\:hover\:underline:hover :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    text-decoration-line: underline
  }

  @media (min-width:640px) {
    .sm\:mb-0 {
      margin-bottom: 0
    }

    .sm\:table-cell {
      display: table-cell
    }

    .sm\:flex-row {
      flex-direction: row
    }

    .sm\:text-4xl {
      font-size: 2.25rem;
      line-height: 2.5rem
    }

    .sm\:text-5xl {
      font-size: 3rem;
      line-height: 1
    }
  }

  @media (min-width:768px) {
    .md\:-bottom-72 {
      bottom: -18rem
    }

    .md\:-right-10 {
      right: -2.5rem
    }

    .md\:flex {
      display: flex
    }

    .md\:h-24 {
      height: 6rem
    }

    .md\:h-60 {
      height: 15rem
    }

    .md\:max-w-full {
      max-width: 100%
    }

    .md\:auto-rows-\[25rem\] {
      grid-auto-rows: 25rem
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:flex-row {
      flex-direction: row
    }

    .md\:items-center {
      align-items: center
    }

    .md\:gap-12 {
      gap: 3rem
    }

    .md\:p-1\.5 {
      padding: .375rem
    }

    .md\:p-3 {
      padding: .75rem
    }

    .md\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem
    }

    .md\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
    }

    .md\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
    }

    .md\:py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
    }

    .md\:py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem
    }

    .md\:pb-20 {
      padding-bottom: 5rem
    }

    .md\:pb-8 {
      padding-bottom: 2rem
    }

    .md\:pt-20 {
      padding-top: 5rem
    }

    .md\:pt-8 {
      padding-top: 2rem
    }

    .md\:text-5xl {
      font-size: 3rem;
      line-height: 1
    }

    .md\:text-6xl {
      font-size: 3.75rem;
      line-height: 1
    }

    .md\:text-7xl {
      font-size: 4.5rem;
      line-height: 1
    }

    .md\:text-base {
      font-size: 1rem;
      line-height: 1.5rem
    }

    .md\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem
    }

    .md\:text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem
    }

    .md\:leading-8 {
      line-height: 2rem
    }
  }

  @media (min-width:1024px) {
    .lg\:block {
      display: block
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:gap-16 {
      gap: 4rem
    }

    .lg\:border-b {
      border-bottom-width: 1px
    }

    .lg\:border-l {
      border-left-width: 1px
    }

    .lg\:border-r {
      border-right-width: 1px
    }

    .lg\:text-6xl {
      font-size: 3.75rem;
      line-height: 1
    }

    .lg\:text-7xl {
      font-size: 4.5rem;
      line-height: 1
    }

    .lg\:text-9xl {
      font-size: 8rem;
      line-height: 1
    }
  }

  @media (prefers-color-scheme:dark) {
    .dark\:bg-transparent {
      background-color: transparent
    }

    .dark\:hover\:bg-gray-800:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
    }
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none
  }


  @font-face {font-display:swap;
    font-family: GeistSans;
    src: url(assets/asset-45-c030052e.woff2)format("woff2");
    font-weight: 100 900
  }

  @font-face {font-display:swap;
    font-family: GeistSans Fallback;
    src: local("Arial");
    ascent-override: 85.83%;
    descent-override: 20.53%;
    line-gap-override: 9.33%;
    size-adjust: 107.19%
  }

  .__className_fb8f2c {
    font-family: GeistSans, GeistSans Fallback
  }


  .index-module_slot_wrap__ZT-DX {
    display: inline-block;
    white-space: nowrap
  }

  .index-module_slot__DpPgW {
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    will-change: transform
  }

  .index-module_separator__7GhtE {
    display: inline-block;
    vertical-align: middle;
    text-align: center
  }

  .index-module_numbers__sqlqm {
    display: block
  }

  .index-module_num__j6XH3 {
    display: block
  }

  [aria-hidden=true] {
    user-select: none
  }


  .rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform)
  }

  .rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover)
  }

  .rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click)
  }

  .rfm-overlay::before,
  .rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none
  }

  .rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
  }

  .rfm-overlay::before {
    left: 0;
    top: 0
  }

  .rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction)
  }

  @keyframes scroll {
    0% {
      transform: translateX(0%)
    }

    100% {
      transform: translateX(-100%)
    }
  }

  .rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center
  }

  .rfm-child {
    transform: var(--transform)
  }


  .sf-hidden {
    display: none !important
  }


  img[src="data:,"],
  source[src="data:,"] {
    display: none !important
  }

.mfai-container{width:100%}
@media(min-width:640px){.mfai-container{max-width:640px}}
@media(min-width:768px){.mfai-container{max-width:768px}}
@media(min-width:1024px){.mfai-container{max-width:1024px}}
@media(min-width:1280px){.mfai-container{max-width:1280px}}
@media(min-width:1536px){.mfai-container{max-width:1536px}}

/* from lander1.html */
html body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html body p,html body li,html body a,html body span,html body div,html body [class*="text-"],html body [class*="paragraph"],html body [class*="button-text"]{letter-spacing:normal!important}
html body p,html body li,html body .text-large,html body .text-medium,html body .text-size-regular,html body .text-size-medium,html body .text-color-grey,html body .faq-paragraph{line-height:1.5!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body [class^="heading-style"],html body [class*="title-style"],html body .heading-40{letter-spacing:-.025em!important;font-weight:600!important}
@media(min-width:992px){
html body .heading-style-1{font-size:60px!important;line-height:1.02!important}
html body .title-style-h2{font-size:40px!important;line-height:1.1!important}
html body .heading-40{font-size:36px!important;line-height:1.12!important}
html body .heading-style-3,html body .text-size-xlarge{font-size:20px!important;line-height:1.4!important}
}
html body .section_pricing-faq a.w-inline-block>div{color:#fff!important}
/* light-dominant reskin (match home): body sections white; hero+testimonials+faq stay dark; dark cards keep light text */
html body .section_journal-compare,html body .section_journal-logo,html body .section_journal-features,html body .section_journal-tab,html body .section_layout489,html body .section_layout401,html body .section_layout497,html body .section_journal-info{background-color:#fff!important;background-image:none!important;color:#64748b!important}
html body .section_journal-compare h1,html body .section_journal-compare h2,html body .section_journal-compare h3,html body .section_journal-compare h4,html body .section_journal-compare h5,html body .section_journal-compare h6,html body .section_journal-compare [class*=heading],html body .section_journal-compare [class*=title-style],html body .section_journal-logo h1,html body .section_journal-logo h2,html body .section_journal-logo h3,html body .section_journal-logo h4,html body .section_journal-logo h5,html body .section_journal-logo h6,html body .section_journal-logo [class*=heading],html body .section_journal-logo [class*=title-style],html body .section_journal-features h1,html body .section_journal-features h2,html body .section_journal-features h3,html body .section_journal-features h4,html body .section_journal-features h5,html body .section_journal-features h6,html body .section_journal-features [class*=heading],html body .section_journal-features [class*=title-style],html body .section_journal-tab h1,html body .section_journal-tab h2,html body .section_journal-tab h3,html body .section_journal-tab h4,html body .section_journal-tab h5,html body .section_journal-tab h6,html body .section_journal-tab [class*=heading],html body .section_journal-tab [class*=title-style],html body .section_layout489 h1,html body .section_layout489 h2,html body .section_layout489 h3,html body .section_layout489 h4,html body .section_layout489 h5,html body .section_layout489 h6,html body .section_layout489 [class*=heading],html body .section_layout489 [class*=title-style],html body .section_layout401 h1,html body .section_layout401 h2,html body .section_layout401 h3,html body .section_layout401 h4,html body .section_layout401 h5,html body .section_layout401 h6,html body .section_layout401 [class*=heading],html body .section_layout401 [class*=title-style],html body .section_layout497 h1,html body .section_layout497 h2,html body .section_layout497 h3,html body .section_layout497 h4,html body .section_layout497 h5,html body .section_layout497 h6,html body .section_layout497 [class*=heading],html body .section_layout497 [class*=title-style],html body .section_journal-info h1,html body .section_journal-info h2,html body .section_journal-info h3,html body .section_journal-info h4,html body .section_journal-info h5,html body .section_journal-info h6,html body .section_journal-info [class*=heading],html body .section_journal-info [class*=title-style]{color:#111827!important}
html body .section_journal-compare [class*=white],html body .section_journal-logo [class*=white],html body .section_journal-features [class*=white],html body .section_journal-tab [class*=white],html body .section_layout489 [class*=white],html body .section_layout401 [class*=white],html body .section_layout497 [class*=white],html body .section_journal-info [class*=white]{color:#111827!important}
html body .section_journal-compare p,html body .section_journal-compare li,html body .section_journal-compare [class*=text-medium],html body .section_journal-compare [class*=text-large],html body .section_journal-compare [class*=text-size],html body .section_journal-compare [class*=paragraph],html body .section_journal-logo p,html body .section_journal-logo li,html body .section_journal-logo [class*=text-medium],html body .section_journal-logo [class*=text-large],html body .section_journal-logo [class*=text-size],html body .section_journal-logo [class*=paragraph],html body .section_journal-features p,html body .section_journal-features li,html body .section_journal-features [class*=text-medium],html body .section_journal-features [class*=text-large],html body .section_journal-features [class*=text-size],html body .section_journal-features [class*=paragraph],html body .section_journal-tab p,html body .section_journal-tab li,html body .section_journal-tab [class*=text-medium],html body .section_journal-tab [class*=text-large],html body .section_journal-tab [class*=text-size],html body .section_journal-tab [class*=paragraph],html body .section_layout489 p,html body .section_layout489 li,html body .section_layout489 [class*=text-medium],html body .section_layout489 [class*=text-large],html body .section_layout489 [class*=text-size],html body .section_layout489 [class*=paragraph],html body .section_layout401 p,html body .section_layout401 li,html body .section_layout401 [class*=text-medium],html body .section_layout401 [class*=text-large],html body .section_layout401 [class*=text-size],html body .section_layout401 [class*=paragraph],html body .section_layout497 p,html body .section_layout497 li,html body .section_layout497 [class*=text-medium],html body .section_layout497 [class*=text-large],html body .section_layout497 [class*=text-size],html body .section_layout497 [class*=paragraph],html body .section_journal-info p,html body .section_journal-info li,html body .section_journal-info [class*=text-medium],html body .section_journal-info [class*=text-large],html body .section_journal-info [class*=text-size],html body .section_journal-info [class*=paragraph]{color:#64748b!important}
html body .section_journal-compare [class*=button-text],html body .section_journal-compare .large-button-text,html body .section_journal-logo [class*=button-text],html body .section_journal-logo .large-button-text,html body .section_journal-features [class*=button-text],html body .section_journal-features .large-button-text,html body .section_journal-tab [class*=button-text],html body .section_journal-tab .large-button-text,html body .section_layout489 [class*=button-text],html body .section_layout489 .large-button-text,html body .section_layout401 [class*=button-text],html body .section_layout401 .large-button-text,html body .section_layout497 [class*=button-text],html body .section_layout497 .large-button-text,html body .section_journal-info [class*=button-text],html body .section_journal-info .large-button-text{color:#fff!important}
html body [class*="small-card-"]:not([class*=holder]),html body [class*="xlarge-card-"]:not([class*=holder]),html body [class*="layout401_card-content"],html body [class*="mentor-problem_card-inner"]{color:#cbd5e1!important}
html body [class*="small-card-"]:not([class*=holder]) p,html body [class*="small-card-"]:not([class*=holder]) li,html body [class*="small-card-"]:not([class*=holder]) [class*=text-medium],html body [class*="small-card-"]:not([class*=holder]) [class*=text-large],html body [class*="small-card-"]:not([class*=holder]) [class*=text-size],html body [class*="small-card-"]:not([class*=holder]) [class*=paragraph],html body [class*="small-card-"]:not([class*=holder]) [class*=white],html body [class*="xlarge-card-"]:not([class*=holder]) p,html body [class*="xlarge-card-"]:not([class*=holder]) li,html body [class*="xlarge-card-"]:not([class*=holder]) [class*=text-medium],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=text-large],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=text-size],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=paragraph],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=white],html body [class*="layout401_card-content"] p,html body [class*="layout401_card-content"] li,html body [class*="layout401_card-content"] [class*=text-medium],html body [class*="layout401_card-content"] [class*=text-large],html body [class*="layout401_card-content"] [class*=text-size],html body [class*="layout401_card-content"] [class*=paragraph],html body [class*="layout401_card-content"] [class*=white],html body [class*="mentor-problem_card-inner"] p,html body [class*="mentor-problem_card-inner"] li,html body [class*="mentor-problem_card-inner"] [class*=text-medium],html body [class*="mentor-problem_card-inner"] [class*=text-large],html body [class*="mentor-problem_card-inner"] [class*=text-size],html body [class*="mentor-problem_card-inner"] [class*=paragraph],html body [class*="mentor-problem_card-inner"] [class*=white]{color:#cbd5e1!important}

/* from lander1.html */
html body .journal_tag div[class]{color:#2e6df6!important}html body .journal_tag div{color:#2e6df6!important}

/* from lander1.html */
.mfai-featlist .layout497_paragraph{height:auto!important;overflow:visible!important}.mfai-featlist .layout497_tab-link,.mfai-featlist .layout497_tab-link.w--current{padding-left:0!important;border-left:0!important}

/* from lander1.html */
@media (max-width:640px){.mfai-tabm{padding:16px !important}.mfai-tabm-l{padding:16px 0 16px 16px !important}.mfai-candletab{transform:none !important;max-width:100% !important;margin-left:0 !important;margin-top:16px !important}}
@media (max-width:400px){.mfai-tabm{padding:11px !important}.mfai-tabm-l{padding:11px 0 11px 11px !important}}

/* from lander1.html */
.smt-app {
              display: block !important;
              position: relative
            }

            .smt-app .sm-fixed {
              z-index: 100000 !important;
              position: fixed
            }

            .smt-app .sm-fixed-2 {
              z-index: 1100005 !important
            }

            .smt-app,
            .smt-app * {
              letter-spacing: normal;
              font-size: 14px;
              line-height: normal;
              font-weight: normal;
              margin: 0;
              box-sizing: border-box !important
            }

            .smt-app img {
              user-select: none
            }

            .smt-app .sm-shadow {
              box-shadow: 0 0 3px rgba(60, 72, 88, .15) !important
            }

            .smt-app .sm-shadow-2 {
              box-shadow: 0 1px 6px rgba(60, 72, 88, .35) !important
            }

            .smt-app div:empty {
              display: block
            }

            .smt-wrapper {
              background: none;
              padding: 0;
              width: auto;
              height: auto
            }

            .hover-opacity {
              cursor: pointer;
              transition: opacity 200ms linear
            }

            .hover-opacity:hover {
              opacity: .95 !important
            }

            .powered-link {
              font-size: 13px !important;
              text-decoration: none !important;
              margin-top: 5px;
              white-space: nowrap;
              align-items: center;
              display: flex;
              background-color: rgba(245, 245, 245, .062745098);
              padding: 3px 7px 3px 5px;
              border-radius: 6px;
              gap: 3px;
              color: #ddd !important
            }

            .powered-link:hover {
              background-color: rgba(245, 245, 245, .1882352941);
              color: #ccc
            }

            .powered-link img {
              width: 20px !important;
              height: 20px !important;
              transform: none !important
            }

            .sm-powered-block {
              display: flex;
              justify-content: center;
              padding: 0 0 10px 0
            }

            .sm-powered-block .powered-link {
              margin-top: 0 !important
            }

            .icon-wrapper+.powered-link {
              position: absolute;
              left: 50%;
              transform: translateX(-50%)
            }

            .sm-close {
              padding: 0;
              line-height: normal;
              position: absolute;
              color: #fff;
              top: 12px;
              right: 12px;
              width: 25px;
              height: 25px;
              font-size: 22px;
              cursor: pointer;
              text-align: center;
              z-index: 1;
              font-style: normal;
              outline: none;
              border: none;
              box-shadow: none
            }

            .material-icons {
              font-family: "Material Icons" !important
            }

            .sm-no-animation {
              animation: none !important
            }

            .sm-corner-rounded {
              border-radius: 6px !important
            }

            .sm-no-paddings {
              padding: 0 !important
            }

            .sm-row {
              display: flex;
              align-items: center
            }

            @keyframes sm-slide-show {
              0% {
                transform: translateZ(-1400px) translateY(20px);
                opacity: 0
              }

              100% {
                transform: translateZ(0) translateY(0);
                opacity: 1
              }
            }

            @keyframes sm-slide-hide {
              100% {
                transform: translateZ(-1400px) translateY(20px);
                opacity: 0
              }

              0% {
                transform: translateZ(0) translateY(0);
                opacity: 1
              }
            }

            @keyframes sm-slide-show-centered {
              0% {
                transform: translateZ(-1400px) translateY(10px) translateX(-50%);
                opacity: 0
              }

              100% {
                transform: translateZ(0) translateY(0) translateX(-50%);
                opacity: 1
              }
            }

            @keyframes sm-slide-hide-centered {
              100% {
                transform: translateZ(-1400px) translateY(20px) translateX(-50%);
                opacity: 0
              }

              0% {
                transform: translateZ(0) translateY(0) translateX(-50%);
                opacity: 1
              }
            }

            .smt-app-end_of_trial {
              font-family: GeistSans, "GeistSans Fallback", sans-serif
            }

            .smt-app-end_of_trial .sm-box.show.top-center,
            .smt-app-end_of_trial .sm-box.show.bottom-center,
            .smt-app-end_of_trial .sm-box.show.bottom,
            .smt-app-end_of_trial .sm-box.show.top {
              animation: sm-slide-show-centered .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .sm-box.show:not(.top-center):not(.bottom-center):not(.bottom):not(.top) {
              animation: sm-slide-show .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .sm-box.closing.top-center,
            .smt-app-end_of_trial .sm-box.closing.bottom-center,
            .smt-app-end_of_trial .sm-box.closing.bottom,
            .smt-app-end_of_trial .sm-box.closing.top {
              animation: sm-slide-hide-centered .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .sm-box.closing:not(.top-center):not(.bottom-center):not(.bottom):not(.top) {
              animation: sm-slide-hide .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .sm-box:not(.show):not(.closing) {
              display: none !important
            }

            .smt-app-end_of_trial .sm-box {
              width: 380px;
              border-radius: 8px;
              background: #fff;
              display: flex !important;
              flex-direction: column;
              max-height: calc(100% - 100px);
              transition: height .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
            }

            .smt-app-end_of_trial .sm-box.top-left,
            .smt-app-end_of_trial .sm-box.top-center,
            .smt-app-end_of_trial .sm-box.top,
            .smt-app-end_of_trial .sm-box.top-right {
              top: 80px
            }

            .smt-app-end_of_trial .sm-box.top-left.button-circle_bubble,
            .smt-app-end_of_trial .sm-box.top-center.button-circle_bubble,
            .smt-app-end_of_trial .sm-box.top.button-circle_bubble,
            .smt-app-end_of_trial .sm-box.top-right.button-circle_bubble {
              top: 100px
            }

            .smt-app-end_of_trial .sm-box.top-left.button-tab,
            .smt-app-end_of_trial .sm-box.top-center.button-tab,
            .smt-app-end_of_trial .sm-box.top.button-tab,
            .smt-app-end_of_trial .sm-box.top-right.button-tab {
              top: 60px
            }

            .smt-app-end_of_trial .sm-box.bottom-left,
            .smt-app-end_of_trial .sm-box.bottom-center,
            .smt-app-end_of_trial .sm-box.bottom,
            .smt-app-end_of_trial .sm-box.bottom-right {
              bottom: 80px
            }

            .smt-app-end_of_trial .sm-box.bottom-left.button-circle_bubble,
            .smt-app-end_of_trial .sm-box.bottom-center.button-circle_bubble,
            .smt-app-end_of_trial .sm-box.bottom.button-circle_bubble,
            .smt-app-end_of_trial .sm-box.bottom-right.button-circle_bubble {
              bottom: 100px
            }

            .smt-app-end_of_trial .sm-box.bottom-left.button-tab,
            .smt-app-end_of_trial .sm-box.bottom-center.button-tab,
            .smt-app-end_of_trial .sm-box.bottom.button-tab,
            .smt-app-end_of_trial .sm-box.bottom-right.button-tab {
              bottom: 60px
            }

            .smt-app-end_of_trial .sm-box.bottom-left,
            .smt-app-end_of_trial .sm-box.left,
            .smt-app-end_of_trial .sm-box.top-left {
              left: 27px
            }

            .smt-app-end_of_trial .sm-box.bottom-right,
            .smt-app-end_of_trial .sm-box.right,
            .smt-app-end_of_trial .sm-box.top-right {
              right: 27px
            }

            .smt-app-end_of_trial .sm-box.bottom-center,
            .smt-app-end_of_trial .sm-box.top-center {
              left: 50%;
              right: initial;
              transform: translateX(-50%)
            }

            .smt-app-end_of_trial .sm-box::before {
              content: "";
              position: absolute;
              width: 13px;
              height: 13px;
              transform: rotate(45deg);
              background: #fff
            }

            .smt-app-end_of_trial .sm-box.top-left::before,
            .smt-app-end_of_trial .sm-box.top-right::before,
            .smt-app-end_of_trial .sm-box.top-center::before {
              top: -6px
            }

            .smt-app-end_of_trial .sm-box.bottom-left::before,
            .smt-app-end_of_trial .sm-box.bottom-right::before,
            .smt-app-end_of_trial .sm-box.bottom-center::before {
              bottom: -6px
            }

            .smt-app-end_of_trial .sm-box.button-circle_bubble.top-left::before,
            .smt-app-end_of_trial .sm-box.button-circle_bubble.bottom-left::before {
              left: 20px
            }

            .smt-app-end_of_trial .sm-box.button-circle_bubble.top-right::before,
            .smt-app-end_of_trial .sm-box.button-circle_bubble.bottom-right::before {
              right: 20px
            }

            .smt-app-end_of_trial .sm-box:not(.button-circle_bubble).top-left::before,
            .smt-app-end_of_trial .sm-box:not(.button-circle_bubble).bottom-left::before {
              left: 10px
            }

            .smt-app-end_of_trial .sm-box:not(.button-circle_bubble).top-right::before,
            .smt-app-end_of_trial .sm-box:not(.button-circle_bubble).bottom-right::before {
              right: 10px
            }

            .smt-app-end_of_trial .sm-box.bottom-center::before,
            .smt-app-end_of_trial .sm-box.top-center::before {
              left: 50%;
              transform: rotate(45deg) translateX(-50%)
            }

            .smt-app-end_of_trial .sm-box.bottom-center::before {
              bottom: -8px
            }

            .smt-app-end_of_trial .sm-box.top-center::before {
              top: 0
            }

            .smt-app-end_of_trial .sm-box .sm-box-header .sm-close {
              top: 7px;
              right: 7px;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: rgba(0, 0, 0, 0)
            }

            .smt-app-end_of_trial .sm-box .sm-box-header .sm-close:hover svg path:first-child {
              fill: #fafafa !important
            }

            .smt-app-end_of_trial .sm-box .sm-box-header .sm-close svg {
              width: 80%;
              align-self: normal !important
            }

            .smt-app-end_of_trial .sm-box .sm-box-header .sm-close svg path:first-child {
              fill: #eee;
              transition: fill .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
            }

            .smt-app-end_of_trial .sm-box .sm-box-header {
              color: #fff;
              padding: 20px 30px;
              position: relative;
              border-top-left-radius: 8px;
              border-top-right-radius: 8px;
              box-sizing: border-box
            }

            .smt-app-end_of_trial .sm-box .sm-box-header a {
              color: #fff;
              text-decoration: underline !important
            }

            .smt-app-end_of_trial .sm-box .sm-box-header::before {
              border-top-left-radius: 8px;
              border-top-right-radius: 8px;
              content: "";
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              background: linear-gradient(250deg, transparent 0%, rgba(0, 0, 0, 0.2) 100%)
            }

            .smt-app-end_of_trial .sm-box .sm-box-header .sm-box-title,
            .smt-app-end_of_trial .sm-box .sm-box-header .sm-box-subtitle {
              position: relative;
              z-index: 5;
              color: #fff
            }

            .smt-app-end_of_trial .sm-box .sm-box-header .sm-box-title {
              font-size: 30px;
              line-height: 1.4;
              margin-bottom: 8px
            }

            .smt-app-end_of_trial .sm-box .sm-box-header .sm-box-subtitle {
              line-height: 1.5;
              font-size: 16px
            }

            .smt-app-end_of_trial .sm-box .sm-box-body {
              box-sizing: border-box;
              overflow-x: hidden;
              overflow-y: auto;
              background: #f1f1f1;
              padding-bottom: 50px;
              position: relative;
              height: 100%
            }

            .smt-app-end_of_trial .sm-box .sm-box-footer {
              position: relative;
              color: #303030;
              background-color: #fff;
              border-top: 1px solid #e6e6e6;
              border-bottom-left-radius: 8px;
              border-bottom-right-radius: 8px;
              overflow: hidden;
              box-sizing: border-box;
              min-height: 56px;
              display: flex;
              justify-content: center;
              flex-direction: column
            }

            .smt-app-end_of_trial .sm-box .sm-box-footer .sm-box-footer-info {
              padding: 12px 36px;
              width: 100%;
              font-size: 12px;
              align-items: center;
              justify-content: center;
              text-align: center;
              box-sizing: border-box !important
            }

            .smt-app-end_of_trial .sm-box .sm-box-footer a {
              color: #000;
              text-decoration: none
            }

            .smt-app-end_of_trial .sm-box .sm-box-footer .sm-button-submit img {
              display: inline !important
            }

            .smt-app-end_of_trial.force-mobile .sm-box {
              max-width: 95% !important;
              height: 100%;
              width: 100%
            }

            .smt-app-end_of_trial.force-mobile .sm-box.show {
              animation: sm-slide-show-centered .35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial.force-mobile .sm-box.closing {
              animation: sm-slide-hide-centered .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial.force-mobile .sm-box::before {
              display: none
            }

            .smt-app-end_of_trial .scale-in-and-waves {
              animation: scale-in .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .scale-in {
              animation: scale-in .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            @keyframes scale-in {
              0% {
                transform: scale(0.8);
                opacity: 0
              }

              100% {
                transform: scale(1);
                opacity: 1
              }
            }

            .smt-app-end_of_trial .scale-in-bottom {
              animation: scale-in-bottom .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            @keyframes scale-in-bottom {
              0% {
                transform: scale(0.8) translateX(-50%);
                transform-origin: 50% 100%;
                opacity: 0
              }

              100% {
                transform: scale(1) translateX(-50%);
                transform-origin: 50% 100%;
                opacity: 1
              }
            }

            .smt-app-end_of_trial .sm-button {
              box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .06), 0 2px 32px 0 rgba(0, 0, 0, .16);
              box-sizing: border-box;
              padding: 0;
              display: block;
              transition: width .25s cubic-bezier(0.25, 0.46, 0.45, 0.94)
            }

            .smt-app-end_of_trial .sm-button.top-left,
            .smt-app-end_of_trial .sm-button.bottom-left,
            .smt-app-end_of_trial .sm-button.left {
              left: 25px
            }

            .smt-app-end_of_trial .sm-button.top-right,
            .smt-app-end_of_trial .sm-button.bottom-right,
            .smt-app-end_of_trial .sm-button.right {
              right: 25px
            }

            .smt-app-end_of_trial .sm-button.left,
            .smt-app-end_of_trial .sm-button.right {
              transform: translateY(-50%);
              top: 50%
            }

            .smt-app-end_of_trial .sm-button.left .powered-link,
            .smt-app-end_of_trial .sm-button.right .powered-link {
              bottom: -25px
            }

            .smt-app-end_of_trial .sm-button.left .sm-red-dot,
            .smt-app-end_of_trial .sm-button.right .sm-red-dot {
              top: auto
            }

            .smt-app-end_of_trial .sm-button.top-left,
            .smt-app-end_of_trial .sm-button.top-right,
            .smt-app-end_of_trial .sm-button.top,
            .smt-app-end_of_trial .sm-button.top-center {
              top: 25px
            }

            .smt-app-end_of_trial .sm-button.top-left .powered-link,
            .smt-app-end_of_trial .sm-button.top-right .powered-link,
            .smt-app-end_of_trial .sm-button.top .powered-link,
            .smt-app-end_of_trial .sm-button.top-center .powered-link {
              top: -25px
            }

            .smt-app-end_of_trial .sm-button.bottom-left,
            .smt-app-end_of_trial .sm-button.bottom-right,
            .smt-app-end_of_trial .sm-button.bottom,
            .smt-app-end_of_trial .sm-button.bottom-center {
              bottom: 25px
            }

            .smt-app-end_of_trial .sm-button.bottom-left .powered-link,
            .smt-app-end_of_trial .sm-button.bottom-right .powered-link,
            .smt-app-end_of_trial .sm-button.bottom .powered-link,
            .smt-app-end_of_trial .sm-button.bottom-center .powered-link {
              bottom: -20px
            }

            .smt-app-end_of_trial .sm-button.top-center,
            .smt-app-end_of_trial .sm-button.bottom-center,
            .smt-app-end_of_trial .sm-button.top,
            .smt-app-end_of_trial .sm-button.bottom {
              left: 50%;
              transform: translateX(-50%);
              right: initial
            }

            .smt-app-end_of_trial .sm-button a:not(.powered-link) {
              text-decoration: none
            }

            .smt-app-end_of_trial .sm-button.pressed {
              justify-content: center;
              opacity: 1 !important
            }

            .smt-app-end_of_trial .sm-button.pressed.sm-button-text {
              padding: 6px !important
            }

            .smt-app-end_of_trial .sm-button.pressed.sm-button-tab {
              padding-left: 6px !important;
              padding-right: 6px !important
            }

            .smt-app-end_of_trial .sm-button.pressed img,
            .smt-app-end_of_trial .sm-button.pressed i {
              animation: sm-rotate-animation cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s
            }

            .smt-app-end_of_trial .sm-button.pressed::before:not(.button-square_text) {
              border-top-left-radius: 6px;
              border-top-right-radius: 6px
            }

            .smt-app-end_of_trial .sm-button.pressed::before {
              z-index: 2;
              content: "";
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              background: linear-gradient(135deg, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
              cursor: pointer
            }

            .smt-app-end_of_trial .sm-button.sm-button-text.sm-rounded.pressed::before {
              border-radius: 40px
            }

            .smt-app-end_of_trial .sm-button.sm-button-text,
            .smt-app-end_of_trial .sm-button.sm-button-tab {
              display: flex;
              white-space: nowrap;
              color: #fff;
              user-select: none
            }

            .smt-app-end_of_trial .sm-button.sm-button-text:not(.sm-small),
            .smt-app-end_of_trial .sm-button.sm-button-tab:not(.sm-small) {
              padding: 6px 12px
            }

            .smt-app-end_of_trial .sm-button.sm-button-text:not(.sm-small)>span,
            .smt-app-end_of_trial .sm-button.sm-button-text:not(.sm-small)>a>span,
            .smt-app-end_of_trial .sm-button.sm-button-tab:not(.sm-small)>span,
            .smt-app-end_of_trial .sm-button.sm-button-tab:not(.sm-small)>a>span {
              overflow: hidden;
              font-size: 16px;
              line-height: 28px
            }

            .smt-app-end_of_trial .sm-button.sm-button-text:not(.sm-small) img:not(.powered-by-icon),
            .smt-app-end_of_trial .sm-button.sm-button-tab:not(.sm-small) img:not(.powered-by-icon) {
              width: 30px;
              height: 30px
            }

            .smt-app-end_of_trial .sm-button.sm-button-text.sm-small,
            .smt-app-end_of_trial .sm-button.sm-button-tab.sm-small {
              padding: 3px 6px;
              display: flex;
              align-items: center
            }

            .smt-app-end_of_trial .sm-button.sm-button-text.sm-small>span,
            .smt-app-end_of_trial .sm-button.sm-button-text.sm-small>a>span,
            .smt-app-end_of_trial .sm-button.sm-button-tab.sm-small>span,
            .smt-app-end_of_trial .sm-button.sm-button-tab.sm-small>a>span {
              font-size: 13px;
              line-height: normal
            }

            .smt-app-end_of_trial .sm-button.sm-button-text.sm-small>a>span,
            .smt-app-end_of_trial .sm-button.sm-button-tab.sm-small>a>span {
              display: flex;
              align-items: center
            }

            .smt-app-end_of_trial .sm-button.sm-button-text.sm-small img:not(.powered-by-icon),
            .smt-app-end_of_trial .sm-button.sm-button-tab.sm-small img:not(.powered-by-icon) {
              width: 26px;
              height: 26px
            }

            .smt-app-end_of_trial .sm-button.sm-button-text.sm-rounded,
            .smt-app-end_of_trial .sm-button.sm-button-tab.sm-rounded {
              border-radius: 40px
            }

            .smt-app-end_of_trial .sm-button.sm-button-text a:not(.powered-link),
            .smt-app-end_of_trial .sm-button.sm-button-tab a:not(.powered-link) {
              display: inherit;
              color: #fff !important
            }

            .smt-app-end_of_trial .sm-button.sm-button-tab {
              border-radius: 10px
            }

            .smt-app-end_of_trial .sm-button.sm-button-tab.pressed::before {
              border-radius: 10px
            }

            .smt-app-end_of_trial .sm-button.sm-button-tab.top-left,
            .smt-app-end_of_trial .sm-button.sm-button-tab.top-center,
            .smt-app-end_of_trial .sm-button.sm-button-tab.top-right {
              top: -5px;
              padding-top: 12px !important
            }

            .smt-app-end_of_trial .sm-button.sm-button-tab.bottom-left,
            .smt-app-end_of_trial .sm-button.sm-button-tab.bottom-center,
            .smt-app-end_of_trial .sm-button.sm-button-tab.bottom-right {
              bottom: -5px;
              padding-bottom: 12px !important
            }

            .smt-app-end_of_trial .sm-button.sm-button-tab.left {
              transform: translateY(-50%) translateX(-50%) rotate(-90deg);
              left: 0;
              padding-top: 58px
            }

            .smt-app-end_of_trial .sm-button.sm-button-tab.right {
              transform: translateY(-50%) translateX(50%) rotate(-90deg);
              right: 0;
              padding-bottom: 58px
            }

            .smt-app-end_of_trial .sm-button.sm-button-circle:not(.sm-small),
            .smt-app-end_of_trial .sm-button.sm-button-circle:not(.sm-small) a:not(.powered-link) {
              height: 60px;
              width: 60px
            }

            .smt-app-end_of_trial .sm-button.sm-button-circle.sm-small,
            .smt-app-end_of_trial .sm-button.sm-button-circle.sm-small a:not(.powered-link) {
              height: 50px;
              width: 50px
            }

            .smt-app-end_of_trial .sm-button.sm-button-circle,
            .smt-app-end_of_trial .sm-button.sm-button-circle a:not(.powered-link) {
              justify-content: center;
              align-items: center;
              display: flex
            }

            .smt-app-end_of_trial .sm-button.sm-button-circle,
            .smt-app-end_of_trial .sm-button.sm-button-circle.pressed:before {
              border-radius: 50%
            }

            .smt-app-end_of_trial .sm-button.sm-button-circle:not(.pressed) img:not(.emoji):not(.powered-by-icon) {
              height: 100% !important;
              width: 100% !important;
              display: inline !important;
              min-height: auto !important
            }

            .smt-app-end_of_trial .sm-button .powered-link {
              display: flex;
              align-items: center;
              position: absolute !important;
              left: 50%;
              text-decoration: none !important;
              transform: translateX(-50%) !important
            }

            .smt-app-end_of_trial .sm-button .sm-red-dot {
              position: absolute;
              right: 4px;
              top: 4px;
              background: rgba(0,81,255,.85);
              width: 8px;
              height: 8px;
              border-radius: 50%
            }

            .smt-app-end_of_trial .sm-shake img,
            .smt-app-end_of_trial .sm-shake i {
              animation: sm-shake-animation linear 1.5s infinite
            }

            @keyframes sm-shake-animation {
              0% {
                transform: rotate(0) scale(1) skew(0.017rad)
              }

              25% {
                transform: rotate(0) scale(1) skew(0.017rad)
              }

              35% {
                transform: rotate(-0.3rad) scale(1) skew(0.017rad)
              }

              45% {
                transform: rotate(0.3rad) scale(1) skew(0.017rad)
              }

              55% {
                transform: rotate(-0.3rad) scale(1) skew(0.017rad)
              }

              65% {
                transform: rotate(0.3rad) scale(1) skew(0.017rad)
              }

              75% {
                transform: rotate(0) scale(1) skew(0.017rad)
              }

              100% {
                transform: rotate(0) scale(1) skew(0.017rad)
              }
            }

            @keyframes sm-rotate-animation {
              0% {
                transform: rotate(0)
              }

              100% {
                transform: rotate(180deg)
              }
            }

            .smt-app-end_of_trial .sm-icon-toggle-container {
              position: relative;
              width: 60px;
              height: 60px;
              flex-shrink: 0
            }

            .smt-app-end_of_trial .sm-button.sm-small.sm-button-circle .sm-icon-toggle-container {
              width: 50px;
              height: 50px
            }

            .smt-app-end_of_trial .sm-button-text:not(.sm-small) .sm-icon-toggle-container,
            .smt-app-end_of_trial .sm-button-tab:not(.sm-small) .sm-icon-toggle-container {
              width: 30px;
              height: 30px
            }

            .smt-app-end_of_trial .sm-button-text.sm-small .sm-icon-toggle-container,
            .smt-app-end_of_trial .sm-button-tab.sm-small .sm-icon-toggle-container {
              width: 26px;
              height: 26px
            }

            .smt-app-end_of_trial .sm-icon-toggle-item {
              position: absolute;
              inset: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              transform: rotate(0deg) scale(1);
              opacity: 1;
              transition: transform .55s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .25s ease
            }

            .smt-app-end_of_trial .sm-icon-toggle-item svg {
              width: 100%;
              height: 100%;
              display: block
            }

            .smt-app-end_of_trial .sm-icon-toggle-item--2 svg {
              width: 50%;
              height: 50%
            }

            .smt-app-end_of_trial .sm-icon-toggle-item--hidden {
              opacity: 0;
              pointer-events: none;
              transition: transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .2s ease
            }

            .smt-app-end_of_trial .sm-icon-toggle-item--1.sm-icon-toggle-item--hidden {
              transform: rotate(90deg) scale(0.3)
            }

            .smt-app-end_of_trial .sm-icon-toggle-item--2.sm-icon-toggle-item--hidden {
              transform: rotate(-90deg) scale(0.3)
            }

            .smt-app-end_of_trial .message {
              color: #000;
              font-size: 16px;
              background: #fff;
              box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, .6);
              border-radius: 8px;
              max-width: calc(100% - 120px);
              min-width: 50px;
              padding: 8px 12px;
              white-space: normal;
              text-overflow: ellipsis;
              overflow: hidden;
              margin-top: 8px !important;
              transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
              text-align: center;
              border: 1px solid #f5f5f5
            }

            .smt-app-end_of_trial .message.show.top-center,
            .smt-app-end_of_trial .message.show.bottom-center,
            .smt-app-end_of_trial .message.show.bottom,
            .smt-app-end_of_trial .message.show.top {
              animation: sm-slide-show-centered .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .message.show:not(.top-center):not(.bottom-center):not(.bottom):not(.top) {
              animation: sm-slide-show .25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .message.closing.top-center,
            .smt-app-end_of_trial .message.closing.bottom-center,
            .smt-app-end_of_trial .message.closing.bottom,
            .smt-app-end_of_trial .message.closing.top {
              animation: sm-slide-hide-centered .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .message.closing:not(.top-center):not(.bottom-center):not(.bottom):not(.top) {
              animation: sm-slide-hide .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .message:not(.show):not(.closing) {
              display: none !important
            }

            .smt-app-end_of_trial .message.top-left,
            .smt-app-end_of_trial .message.bottom-left {
              left: 105px !important
            }

            .smt-app-end_of_trial .message.top-left,
            .smt-app-end_of_trial .message.top-right {
              top: 30px
            }

            .smt-app-end_of_trial .message.top-right,
            .smt-app-end_of_trial .message.bottom-right {
              right: 105px !important
            }

            .smt-app-end_of_trial .message.bottom-left,
            .smt-app-end_of_trial .message.bottom-right {
              bottom: 40px
            }

            .smt-app-end_of_trial .message.bottom-left.sm-message-small,
            .smt-app-end_of_trial .message.bottom-right.sm-message-small {
              bottom: 32px !important
            }

            .smt-app-end_of_trial .message.top,
            .smt-app-end_of_trial .message.top-center {
              top: 85px
            }

            .smt-app-end_of_trial .message.bottom,
            .smt-app-end_of_trial .message.bottom-center {
              bottom: 100px
            }

            .smt-app-end_of_trial .message.top-center,
            .smt-app-end_of_trial .message.bottom-center,
            .smt-app-end_of_trial .message.top,
            .smt-app-end_of_trial .message.bottom {
              left: 50%;
              right: initial
            }

            .smt-app-end_of_trial .message.left,
            .smt-app-end_of_trial .message.right {
              top: calc(50% + 13px);
              bottom: initial;
              margin: 0 !important
            }

            .smt-app-end_of_trial .message.left {
              left: 110px
            }

            .smt-app-end_of_trial .message.right {
              right: 110px
            }

            .smt-app-end_of_trial .sm-button-submit {
              display: inline-block !important;
              padding: 8px 20px;
              cursor: pointer;
              outline: none;
              text-decoration: none;
              font-size: 16px;
              letter-spacing: .5px;
              -webkit-transition: all .3s;
              transition: all .3s;
              font-weight: 600;
              border-radius: 6px;
              text-align: center;
              vertical-align: middle;
              user-select: none;
              line-height: 1.5;
              position: relative;
              text-transform: uppercase;
              color: #fff
            }

            .smt-app-end_of_trial .sm-button-submit:disabled {
              pointer-events: none !important;
              opacity: .65 !important
            }

            .smt-app-end_of_trial .sm-button-submit.sm-button-submit-sm {
              font-size: 14px
            }

            .smt-app-end_of_trial .sm-button-submit.sm-button-submit-lg {
              padding: 14px 30px;
              font-size: 16px
            }

            .smt-app-end_of_trial .sm-button-submit.sm-button-submit-lg.rounded {
              width: 55px;
              height: 55px
            }

            .smt-app-end_of_trial .sm-button-submit.rounded {
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0 !important;
              width: 42px;
              height: 42px
            }

            .smt-app-end_of_trial .sm-button-submit i {
              margin-right: 5px;
              font-size: 18px;
              vertical-align: -3px
            }

            .smt-app-end_of_trial .sm-window-wrapper {
              display: flex !important;
              justify-content: center;
              align-items: center
            }

            .smt-app-end_of_trial .sm-window-wrapper:not(.show):not(.closing) {
              display: none !important
            }

            .smt-app-end_of_trial .sm-window-wrapper,
            .smt-app-end_of_trial .sm-window-wrapper .sm-window-backdrop {
              width: 100%;
              height: 100%;
              left: 0;
              top: 0
            }

            .smt-app-end_of_trial .sm-window-wrapper.sm-no-backdrop {
              pointer-events: none
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-backdrop {
              position: absolute;
              background: rgba(0, 0, 0, .65);
              backdrop-filter: blur(3px);
              z-index: 50
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-backdrop:not(.show):not(.closing) {
              display: none
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-backdrop.show {
              -webkit-animation: fade-in .5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
              animation: fade-in .5s cubic-bezier(0.39, 0.575, 0.565, 1) both
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-backdrop.closing {
              -webkit-animation: fade-out .2s ease-out both;
              animation: fade-out .2s ease-out both
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window.show {
              -webkit-animation: scale-in-center .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
              animation: scale-in-center .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window.closing {
              -webkit-animation: scale-out-center .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
              animation: scale-out-center .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window {
              pointer-events: all;
              max-height: 90%;
              max-width: 90%;
              z-index: 100
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window.tiendanube {
              max-height: 100%;
              max-width: 100%
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body {
              min-width: 60px;
              min-height: 60px;
              overflow-x: hidden;
              box-shadow: 5px 0px 10px rgba(0, 0, 0, .2);
              border-radius: 8px;
              -ms-overflow-style: none;
              scrollbar-width: none
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body::-webkit-scrollbar {
              display: none
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .powered-link {
              position: absolute;
              transform: translateX(-50%);
              left: 50%;
              bottom: -35px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper {
              position: relative;
              display: flex;
              overflow: hidden
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content {
              display: flex;
              flex-direction: column;
              justify-content: center;
              gap: 7px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content:not(.sm-no-paddings) {
              padding: 40px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content:not(.sm-no-paddings).no-text-content {
              padding: 24px !important
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-title a,
            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-subtitle a {
              color: #000;
              text-decoration: underline
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-title {
              font-weight: 700;
              font-size: 40px;
              line-height: 1.1
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-subtitle {
              font-weight: normal;
              line-height: 1.3;
              font-size: 16px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-none {
              text-align: center !important
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top,
            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top-cover {
              text-align: center;
              flex-direction: column
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top .sm-window-content,
            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top-cover .sm-window-content {
              margin-left: auto;
              margin-right: auto
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top .sm-window-addition-icon,
            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top-cover .sm-window-addition-icon {
              margin-top: 40px;
              margin-bottom: -16px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top .sm-window-image {
              margin: 35px auto 0 auto;
              border-radius: 8px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-right-cover {
              flex-direction: row-reverse
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-right-cover .sm-window-addition-icon {
              margin: 0 75px 0 30px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-left-cover .sm-window-addition-icon {
              margin: 0 50px 0 75px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-left-cover .sm-window-video,
            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-right-cover .sm-window-video {
              height: 350px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top-cover .sm-window-video,
            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top .sm-window-video {
              width: 100%
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-addition.sm-window-addition-icon {
              display: flex;
              justify-content: center;
              align-items: center
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-addition.sm-window-addition-icon i {
              animation-iteration-count: 1;
              font-size: 75px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-addition.sm-window-addition-image .sm-window-image {
              background-size: cover;
              background-position: center
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-addition.sm-window-addition-image .sm-window-image.sm-window-video {
              object-fit: fill;
              margin-left: auto;
              margin-right: auto;
              display: block
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-close {
              top: 7px;
              right: 7px;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: #efefef
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-close:hover {
              background-color: #d3d3d3
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window .sm-close img {
              width: 80%;
              align-self: normal !important
            }

            @-webkit-keyframes scale-in-center {
              0% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
              }

              50% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01)
              }

              100% {
                -webkit-transform: scale(1);
                transform: scale(1)
              }
            }

            @keyframes scale-in-center {
              0% {
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
              }

              50% {
                -webkit-transform: scale(1.01);
                transform: scale(1.01)
              }

              100% {
                -webkit-transform: scale(1);
                transform: scale(1)
              }
            }

            @-webkit-keyframes scale-out-center {
              0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
              }

              100% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
                opacity: 0
              }
            }

            @keyframes scale-out-center {
              0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
              }

              100% {
                -webkit-transform: scale(0.8);
                transform: scale(0.8);
                opacity: 0
              }
            }

            @-webkit-keyframes fade-in {
              0% {
                opacity: 0
              }

              100% {
                opacity: 1
              }
            }

            @keyframes fade-in {
              0% {
                opacity: 0
              }

              100% {
                opacity: 1
              }
            }

            @-webkit-keyframes fade-out {
              0% {
                opacity: 1
              }

              100% {
                opacity: 0
              }
            }

            @keyframes fade-out {
              0% {
                opacity: 1
              }

              100% {
                opacity: 0
              }
            }

            @-webkit-keyframes button-shine {

              90%,
              100% {
                left: 100%
              }
            }

            .smt-app-end_of_trial .sm-field {
              display: block;
              width: 100%;
              padding: 7px 12px;
              font-size: 16px !important;
              font-weight: 400;
              line-height: 1.5;
              color: #111827;
              background-color: #fff;
              background-clip: padding-box;
              border: 1px solid #ced4da;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              border-radius: 6px;
              height: auto !important;
              min-height: 42px;
              margin: 0 !important;
              transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
            }

            .smt-app-end_of_trial .sm-field:disabled {
              background-color: #dee2e6 !important;
              pointer-events: none !important
            }

            .smt-app-end_of_trial .sm-field:focus {
              color: #111827;
              background-color: #fff;
              border-color: #2f55d4 !important;
              outline: 0;
              box-shadow: none
            }

            .smt-app-end_of_trial .sm-field.sm-field-lg {
              font-size: 18px !important;
              padding: 12px 16px !important
            }

            .smt-app-end_of_trial .sm-field-label {
              display: inline-block;
              font-weight: bold;
              margin-bottom: 3px;
              font-size: 16px;
              color: #000
            }

            .smt-app-end_of_trial .sm-form {
              display: flex !important;
              flex-direction: column;
              gap: 15px;
              margin-top: 30px
            }

            .smt-app-end_of_trial .sm-form .sm-field-wrapper {
              text-align: left;
              width: 100%;
              min-width: 150px
            }

            .smt-app-end_of_trial .sm-form .sm-field-wrapper .sm-asterisk {
              color: red
            }

            .smt-app-end_of_trial .sm-form.sm-form-inline {
              align-items: center;
              flex-direction: row !important;
              gap: 10px !important
            }

            .smt-app-end_of_trial .sm-form.sm-form-inline .sm-button-submit {
              white-space: nowrap
            }

            .smt-app-end_of_trial .sm-button {
              padding: 7px
            }

            .smt-app-end_of_trial .sm-window-wrapper {
              padding: 10px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window {
              max-width: 380px
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-content {
              padding: 18px !important;
              padding-bottom: 14px !important
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-content .sm-window-title {
              font-size: 18px !important
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-content .sm-window-subtitle {
              font-size: 14px !important
            }

            .smt-app-end_of_trial .sm-window-wrapper .sm-window-content .sm-window-subtitle a {
              font-weight: bold;
              text-decoration: none !important;
              color: #0d58fa !important
            }

            .smt-app-end_of_trial .sm-window-wrapper:has(div.sm-window-content-wrapper.bottom-right) {
              align-items: flex-end;
              justify-content: flex-end
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper {
              flex-direction: column !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content:not(.sm-no-paddings) {
              padding: 24px !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-title {
              font-size: 28px !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-subtitle {
              font-size: 14px !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-form {
              margin-top: 20px
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-addition-icon {
              margin-bottom: 0 !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-addition-icon i {
              font-size: 50px !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper.sm-window-content-wrapper-addition-top-cover .sm-window-addition-icon {
              margin-top: 24px !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-form-inline .sm-button-submit {
              white-space: normal !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window {
              max-width: 100% !important;
              width: 100% !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content {
              padding: 14px !important;
              padding-bottom: 10px !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-title {
              font-size: 16px !important
            }

            .smt-app-end_of_trial.force-mobile .sm-window .sm-window-body .sm-window-content-wrapper .sm-window-content .sm-window-subtitle {
              font-size: 14px !important
            }

/* from lander1.html */
.mfi-hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 82% -10%,#12224a 0%,rgba(18,34,74,0) 55%),linear-gradient(180deg,#070b16 0%,#0a1024 100%);color:#e7ecf5;font-family:inherit;padding:120px 24px 84px}
.mfi-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:240px;background:radial-gradient(70% 150% at 50% 118%,rgba(37,99,235,.20) 0%,rgba(37,99,235,0) 72%);pointer-events:none;z-index:0}
.mfi-inner,.mfi-carousel{position:relative;z-index:1}
.mfi-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 100% at 60% 0%,#000 20%,transparent 80%);mask-image:radial-gradient(120% 100% at 60% 0%,#000 20%,transparent 80%);pointer-events:none}
.mfi-inner{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,0.86fr) minmax(0,1.14fr);gap:56px;align-items:center}
.mfi-left{opacity:0;animation:mfi-up .8s ease .05s forwards}
.mfi-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9db4e6;background:rgba(59,130,246,.10);border:1px solid rgba(99,140,230,.30);padding:7px 14px;border-radius:999px}
.mfi-eyebrow svg{width:14px;height:14px}
.mfi-h1{font-size:clamp(34px,4vw,56px);line-height:1.05;font-weight:700;letter-spacing:-.02em;margin:22px 0 0;color:#fff}
.mfi-h1 span{background:linear-gradient(92deg,#3b82f6,#60a5fa 55%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.mfi-sub{margin:22px 0 0;max-width:520px;font-size:17px;line-height:1.6;color:#9fb0cc}
.mfi-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.mfi-b1{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:12px;font-weight:600;font-size:15px;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 10px 26px rgba(37,99,235,.38);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.mfi-b1:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,99,235,.5)}
.mfi-b2{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:600;font-size:15px;color:#cdd8ee;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:background .18s ease,border-color .18s ease}
.mfi-b2:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.mfi-right{opacity:0;animation:mfi-up .9s ease .18s forwards}
.mfi-card{position:relative;background:linear-gradient(180deg,rgba(18,26,48,.92),rgba(10,15,32,.94));border:1px solid rgba(120,150,210,.16);border-radius:18px;box-shadow:0 40px 80px rgba(3,7,20,.55),inset 0 1px 0 rgba(255,255,255,.05);padding:16px 16px 6px}
.mfi-chead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 12px}
.mfi-sym{display:flex;align-items:center;gap:11px}
.mfi-tick{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#0ea5e9);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;letter-spacing:.02em;box-shadow:0 6px 16px rgba(37,99,235,.4)}
.mfi-nm{font-size:12px;color:#8aa0c6;line-height:1.35}
.mfi-nm b{display:block;color:#eaf0fb;font-size:14px;font-weight:700;letter-spacing:.01em}
.mfi-price{display:flex;align-items:baseline;gap:8px}
.mfi-price .p{font-size:20px;font-weight:700;color:#fff}
.mfi-price .c{font-size:13px;font-weight:600;color:#22c55e}
.mfi-tabs{display:flex;gap:6px;padding:0 6px 10px;flex-wrap:wrap}
.mfi-tabs span{font-size:11px;font-weight:600;letter-spacing:.03em;color:#8aa0c6;padding:5px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.08)}
.mfi-tabs span.on{color:#dbe6fb;background:rgba(59,130,246,.16);border-color:rgba(99,140,230,.4)}
.mfi-tabs span.live{color:#22c55e;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.10)}
.mfi-tabs span.live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:5px;vertical-align:middle;animation:mfi-blink 1.4s ease-in-out infinite}
.mfi-svg{display:block;width:100%;height:auto}
.mfi-grid line{stroke:rgba(150,170,210,.10);stroke-width:1;opacity:0;animation:mfi-fade .8s ease .25s forwards}
.mfi-ax{fill:#7f93b8;font-size:11px;font-weight:500;opacity:0;animation:mfi-fade .8s ease .4s forwards}
.mfi-area{opacity:0}
.mfi-area.h{animation:mfi-fade 1s ease 1.5s forwards}
.mfi-area.p{animation:mfi-fade 1s ease 2.9s forwards}
.mfi-hist{fill:none;stroke:url(#mfiHistG);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:url(#mfiGlow);stroke-dasharray:687;stroke-dashoffset:687;animation:mfi-draw 1.7s ease .5s forwards}
.mfi-proj{fill:none;stroke:url(#mfiProjG);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:url(#mfiGlow);stroke-dasharray:242;stroke-dashoffset:242;animation:mfi-draw 1.2s ease 2.1s forwards}
.mfi-cur{opacity:0;animation:mfi-fade .5s ease 2s forwards}
.mfi-cur .halo{transform-origin:center;animation:mfi-pulse 2s ease-out 2.2s infinite}
.mfi-cline{stroke:rgba(200,214,240,.35);stroke-width:1;stroke-dasharray:2 4;opacity:0;animation:mfi-fade .6s ease 2s forwards}
.mfi-tline{stroke-width:1;stroke-dasharray:3 4;opacity:0;animation:mfi-fade .6s ease 3s forwards}
.mfi-badge{opacity:0;transform:translateX(14px);animation:mfi-bin .6s cubic-bezier(.2,.8,.2,1) forwards}
.mfi-blab{font-size:9px;font-weight:700;letter-spacing:.08em}
.mfi-bval{font-size:12px;font-weight:700;fill:#eaf0fb}
.mfi-legend{display:flex;gap:20px;padding:8px 8px 12px;font-size:11px;color:#93a6c8;opacity:0;animation:mfi-fade .8s ease 1.8s forwards}
.mfi-legend i{display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
@keyframes mfi-draw{to{stroke-dashoffset:0}}
@keyframes mfi-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mfi-fade{to{opacity:1}}
@keyframes mfi-bin{to{opacity:1;transform:none}}
@keyframes mfi-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(3.2);opacity:0}100%{opacity:0}}
@keyframes mfi-blink{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:900px){.mfi-inner{grid-template-columns:1fr;gap:40px}.mfi-hero{padding:96px 18px 64px}.mfi-sub{max-width:none}}

/* from lander1.html */
.mfai-aud-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem;width:100%;max-width:1120px;margin:0 auto}.mfai-aud-grid>div{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.05)}.mfai-aud-grid>div img{display:block;width:100%;height:auto}.mfai-aud-grid>div:nth-child(-n+3){grid-column:span 2}.mfai-aud-grid>div:nth-child(4){grid-column:2/span 2}.mfai-aud-grid>div:nth-child(5){grid-column:4/span 2}@media(max-width:767px){.mfai-aud-grid{grid-template-columns:repeat(2,1fr)}.mfai-aud-grid>div{grid-column:auto!important}}

/* from lander2.html */
@font-face {
    font-family: GeistSans;
    src: url(assets/asset-45-c030052e.woff2)format("woff2");
    font-weight: 100 900
  }

  @font-face {
    font-family: GeistSans Fallback;
    src: local("Arial");
    ascent-override: 85.83%;
    descent-override: 20.53%;
    line-gap-override: 9.33%;
    size-adjust: 107.19%
  }

:root,:host{--font-sans:GeistSans,"GeistSans Fallback",ui-sans-serif,system-ui,sans-serif!important;--font-mono:GeistSans,"GeistSans Fallback",ui-monospace,monospace!important;}
h1,h2,h3,h4,h5,h6{font-family:GeistSans,"GeistSans Fallback",sans-serif!important;font-weight:600!important}h1,h2{letter-spacing:-.025em!important}

/* from lander2.html */
:root {
    --sf-img-5: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-175-f12ddf46.svg");
    --sf-img-15: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-176-3023b885.avif");
    --sf-img-64: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-177-3373f001.avif");
    --sf-img-65: url("https://marketfutureai.com/wp-content/uploads/2026/07/asset-178-dc44efa7.avif")
  }

/* from lander2.html */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
  }

  header,
  nav,
  section {
    display: block
  }

  video {
    vertical-align: baseline;
    display: inline-block
  }

  template {
    display: none
  }

  a {
    background-color: #0000
  }

  a:active,
  a:hover {
    outline: 0
  }

  h1 {
    margin: .67em 0
  }

  img {
    border: 0
  }

  svg:not(:root) {
    overflow: hidden
  }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    height: auto
  }

  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }

  @font-face {
    font-family: webflow-icons;
    src: url(assets/asset-182-cd8065b5.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
  }

  [class*=\ w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
  }

  .w-icon-slider-right:before {
    content: ""
  }

  .w-icon-slider-left:before {
    content: ""
  }

  .w-icon-nav-menu:before {
    content: ""
  }

  .w-icon-arrow-down:before,
  .w-icon-dropdown-toggle:before {
    content: ""
  }

  .w-icon-file-upload-remove:before {
    content: ""
  }

  .w-icon-file-upload-icon:before {
    content: ""
  }

  * {
    box-sizing: border-box
  }

  html {
    height: 100%
  }

  body {
    background-color: #fff;
    min-height: 100%;
    margin: 0
  }

  img {
    vertical-align: middle
  }

  .w-inline-block {
    max-width: 100%;
    display: inline-block
  }

  .w-clearfix:before,
  .w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-clearfix:after {
    clear: both
  }

  .w-button {
    line-height: inherit;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    display: inline-block
  }

  p {
    margin-top: 0
  }

  .w-embed:before,
  .w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-embed:after {
    clear: both
  }

  .w-input::placeholder,
  .w-select::placeholder {
    color: #999
  }

  .w-input:focus,
  .w-select:focus {
    border-color: #3b82f6;
    outline: 0
  }

  .w-radio:before,
  .w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-radio:after {
    clear: both
  }

  .w-container:before,
  .w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-container:after {
    clear: both
  }

  .w-row:before,
  .w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-row:after {
    clear: both
  }

  .w-widget-twitter-count-shim:not(.w--vertical):before,
  .w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
  }

  .w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #64748b00 #64748b #64748b00 #64748b00;
    margin-top: -4px;
    margin-left: -9px
  }

  .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
  }

  .w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px
  }

  .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
  }

  .w-widget-twitter-count-shim.w--vertical:before,
  .w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
  }

  .w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #64748b #64748b00 #64748b00;
    margin-left: -5px
  }

  .w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px
  }

  .w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
  }

  .w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
  }

  .w-slider-dot:focus.w-active {
    box-shadow: none
  }

  .w-slider-arrow-left:focus,
  .w-slider-arrow-right:focus {
    outline: 0
  }

  .w-dropdown {
    text-align: left;
    z-index: 900;
    margin-right: auto;
    position: relative
  }

  .w-dropdown-toggle {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    position: relative
  }

  .w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px
  }

  .w-dropdown-toggle:focus {
    outline: 0
  }

  .w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
  }

  .w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    position: absolute
  }

  .w-dropdown-link:focus {
    outline: 0
  }

  .w-lightbox-view:before {
    content: "";
    height: 100vh
  }

  .w-lightbox-group .w-lightbox-view:before {
    height: 86vh
  }

  .w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
  }

  .w-lightbox-spinner:after {
    content: "";
    border: 3px solid #0000;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    inset: -4px
  }

  @media (min-width:768px) {
    .w-lightbox-view:before {
      height: 96vh
    }

    .w-lightbox-group .w-lightbox-view:before {
      height: 84vh
    }

    .w-lightbox-control:hover {
      opacity: 1
    }
  }

  .w-lightbox-inactive:hover {
    opacity: 0
  }

  .w-richtext:before,
  .w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-richtext:after {
    clear: both
  }

  .w-richtext[contenteditable=true]:before,
  .w-richtext[contenteditable=true]:after {
    white-space: initial
  }

  .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
  .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after {
    outline: 2px solid #3b82f6
  }

  .w-richtext figure.w-richtext-figure-type-video>div:after,
  .w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0
  }

  .w-richtext figure>div:before {
    cursor: default !important
  }

  .w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
  }

  .w-nav:before,
  .w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-nav:after {
    clear: both
  }

  .w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    position: relative
  }

  .w-nav-menu {
    float: right;
    position: relative
  }

  .w-nav-overlay {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
  }

  .w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    position: relative
  }

  .w-nav-button:focus {
    outline: 0
  }

  @media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
      display: none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
      display: block
    }
  }

  .w-tabs {
    position: relative
  }

  .w-tabs:before,
  .w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
  }

  .w-tabs:after {
    clear: both
  }

  .w-tab-menu {
    position: relative
  }

  .w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    position: relative
  }

  .w-tab-link:focus {
    outline: 0
  }

  .w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
  }

  .w-tab-pane {
    position: relative
  }

  .w--tab-active {
    display: block
  }

  @media screen and (max-width:479px) {
    .w-tab-link {
      display: block
    }
  }

  .w-ix-emptyfix:after {
    content: ""
  }

  @keyframes spin {
    0% {
      transform: rotate(0)
    }

    to {
      transform: rotate(360deg)
    }
  }

  @font-face {
    font-family: FA Regular;
    src: url(assets/asset-102-ff36e7b2.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: FA Brands;
    src: url(assets/asset-103-4020ed1a.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: FA Solid;
    src: url(assets/asset-104-c1e34985.woff2)format("woff2");
    font-weight: 400;
    font-style: normal
  }

/* from lander2.html */
:root {
    --light-blue-text: #475569;
    --dark-blue: #111827;
    --background-tint: #f7faff;
    --faint-blue: var(--transparent);
    --rich-purple: #2563eb;
    --midnight-blue: #1e293b;
    --darker-blue: #0a0f1c;
    --black: #0a0f1c;
    --lavender: white;
    --blue: #2563eb;
    --white: white;
    --midnight-blue-2: #1e293b;
    --light-text: #bfdbfe;
    --pink-2: #2563eb;
    --light-purple: #f0f0ff;
    --ice-green: #93c5fd;
    --bright-orange: #2563eb;
    --pink: #2563eb;
    --light-dimmed-text: #64748b;
    --grey: #6b7280;
    --black-2: #0a0f1c;
    --slate-blue: #475569;
    --dim-grey: #454653;
    --black-3: #111827;
    --grey-2: #6b7280;
    --accessible-components--dark-grey: #64748b;
    --transparent: transparent;
    --state-blue-2: #3e3f69;
    --light-stroke: var(--light-blue-text);
    --accessible-components--dodger-blue: #1378d1
  }

  body {
    color: var(--light-blue-text);
    letter-spacing: -.1px;
    font-family: GeistSans, "GeistSans Fallback", sans-serif;
    font-size: 17px;
    line-height: 1.75em
  }

  h1 {
    margin-top: 0
  }

  h2 {
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 1.35em
  }

  h3 {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
  }

  p {
    margin-bottom: 0
  }

  :where(.wf) a {
    color: var(--dark-blue);
    font-weight: 500;
    text-decoration: none
  }

  img {
    border-radius: 5px;
    max-width: 100%;
    display: inline-block
  }

  .w-layout-grid {
    grid-auto-columns: 1fr;
    display: grid
  }

  .section {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
  }

  .section.black {
    background-color: var(--black);
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-105-215bc0f9.png);
    background-position: 50%0;
    background-size: 200px
  }

  .section.section_pricing-faq {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .section.section-backtesting-problem {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .section.section-backtesting-ideas {
    padding-top: 96px;
    padding-bottom: 80px;
    position: relative;
    background-image: radial-gradient(80% 70% at 50% 22%, #2e6df6 0%, #0a1b3d 72%)
  }

  .section.section-backtesting-assets {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
  }

  .section.section-backtesting-hero-new {
    z-index: 1;
    padding-top: 140px;
    position: relative
  }

  .container {
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative
  }

  .container.large-bottom {
    padding-bottom: 100px
  }

  .container.large-top {
    padding-top: 100px
  }

  .navbar {
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    box-shadow: 1px 0 16px 1px #0000001f
  }

  .nav-link {
    white-space: nowrap;
    border-radius: 8px;
    align-items: center;
    padding: 8px;
    font-size: 16px;
    line-height: 24px;
    transition: all .2s ease-out;
    display: flex
  }

  .nav-link:hover {
    color: var(--dark-blue);
    background-color: #dadfed66
  }

  .nav-link.light-text.w--current:hover {
    color: #fff
  }

  .nav-link.dd-link {
    color: var(--dark-blue);
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500
  }

  .nav-link.dd-link.dd-link-top-mar-30.new {
    margin-left: 0
  }

  .nav-link.dd-link.dd-link-top-mar-30.new:hover {
    background-color: #dadfed00
  }

  .nav-link.dd-link.new {
    padding-top: 16px;
    padding-bottom: 16px
  }

  .nav-link.dd-link.new:hover {
    background-color: #dadfed00
  }

  .nav-link.nav-link-top--mar-30-tab.is-hover:hover {
    background-color: #dadfed66
  }

  .nav-link.is-hover:hover {
    background-color: #dadfed66
  }

  .nav-menu {
    justify-content: space-between;
    align-items: center;
    display: flex
  }

  .large-button {
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    flex: none;
    align-items: center;
    padding: 16px 32px;
    font-size: 17px;
    position: relative;
    box-shadow: 0 0 0 1px #1118271c, 0 2px 6px #1e293b17
  }

  .large-button:hover {
    background-image: none;
    box-shadow: 0 2px 5px #0003, 0 2px 6px #1e293b17
  }

  .large-button.large-button-home-new.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-red.is-smaller:hover {
    opacity: .8
  }

  .large-button.large-button-red.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-alternate.is-smaller:hover {
    color: var(--black);
    background-color: #ddd
  }

  .large-button.large-button-alternate.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-white:hover {
    color: var(--lavender);
    background-color: #fff0
  }

  .large-button.large-button-white.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-alternate-broker.is-smaller:hover {
    opacity: .8
  }

  .large-button.large-button-alternate-broker.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-dark:hover {
    background-color: var(--black);
    box-shadow: 0 6px 32px #0f1d3cbf
  }

  .large-button.large-button-dark.is-smaller:hover {
    opacity: .8
  }

  .large-button.large-button-dark.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-home {
    background-image: linear-gradient(90deg, var(--rich-purple), var(--blue) 28%, var(--pink-2) 89%, var(--pink-2));
    color: var(--lavender);
    padding-left: 96px;
    padding-right: 96px;
    display: block;
    position: relative;
    overflow: hidden
  }

  .large-button.large-button-home.is-smaller-icon-transparent:hover {
    background-color: #ffffff1a
  }

  .large-button.large-button-home.is-smaller {
    padding: 14px 48px
  }

  .large-button.large-button-home.is-medium {
    z-index: 4;
    padding: 12px 48px
  }

  .large-button.large-button-nav {
    background-image: linear-gradient(90deg, var(--rich-purple), var(--blue) 28%, var(--pink-2) 89%, var(--pink-2));
    color: var(--lavender);
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden
  }

  .large-button.is-dark-text {
    color: var(--dark-blue);
    transition: all .25s cubic-bezier(.25, .46, .45, .94)
  }

  .large-button.is-dark-text:hover {
    background-color: var(--light-purple);
    color: var(--lavender)
  }

  ._1-25em-bottom-margin {
    margin-bottom: 1.25em
  }

  ._5em-right-margin {
    margin-right: .5em
  }

  .footer-1---1,
  .footer-1---3 {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .footer-1 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template: ". . ." ". .Area" /1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
  }

  .footer-1---2 {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .footer-link-light {
    color: #bac4df
  }

  .footer-link-light._5em-bottom-margin {
    margin-bottom: 0
  }

  .footer-link-light._5em-bottom-margin.compare-thin {
    color: var(--light-blue-text);
    margin-bottom: .125em;
    font-size: 15px;
    font-weight: 300
  }

  .footer-link-light.is-small {
    font-size: 14px
  }

  .footer-1---social-links-lockup {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
  }

  .brand-icons-override {
    font-family: FA Brands, sans-serif
  }

  .footer---link-block-dark {
    background-color: var(--midnight-blue);
    width: 44px;
    height: 44px;
    color: var(--background-tint);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-family: FA Regular, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
    display: flex
  }

  .faq-question-wrap {
    cursor: pointer;
    border-bottom: 1px solid #475569;
    margin-bottom: 20px
  }

  .faq-question-bar {
    color: #1a1e27;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    display: flex
  }

  .plus-icon {
    filter: invert()
  }

  .faq-content {
    max-width: 90%;
    overflow: hidden
  }

  .faq-circle {
    background-color: var(--midnight-blue);
    color: #dadfed;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    display: flex;
    box-shadow: inset 0 0 0 1px #475569
  }

  .faq-paragraph {
    color: #dfe9ff;
    letter-spacing: -.03em;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65
  }

  .question-title {
    color: #fff;
    letter-spacing: -.03em;
    margin-right: 20px;
    line-height: 1.65
  }

  .faq-wrapper {
    margin-left: auto;
    margin-right: auto
  }

  .right-arrow-white {
    filter: invert();
    color: #0000;
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-106-4abb0620.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin-left: .25em;
    position: relative;
    top: 1px
  }

  .is-white {
    color: var(--background-tint)
  }

  .row-v {
    color: #475569;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
  }

  .margin-bot-16 {
    margin-bottom: 16px
  }

  .margin-bot-64 {
    margin-bottom: 20px
  }

  .holder-dd-faq-pricing {
    grid-row-gap: 16px;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    display: flex
  }

  .holder-dd-faq-pricing.bot-mg-64 {
    margin-bottom: 64px
  }

  .full-page {
    position: relative
  }

  .button-holder {
    grid-column-gap: 32px;
    align-items: center;
    display: flex
  }

  .button-holder.center {
    text-align: center;
    justify-content: center
  }

  .holder-mw-700 {
    text-align: center;
    justify-content: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    display: flex
  }

  .margin-bot-48 {
    margin-bottom: 20px
  }

  .bot-marg-32 {
    margin-bottom: 32px
  }

  .faq-link {
    color: #fff;
    text-decoration: underline
  }

  .full-page.overflow-visible {
    background-image: linear-gradient(90deg, #0d1429, #0a0f1c);
    overflow: visible
  }

  .margin-bot-32 {
    margin-bottom: 32px
  }

  .text {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    font-size: 16px;
    line-height: 24px
  }

  .text.text-white {
    color: var(--white)
  }

  .text.text-white-op {
    color: #ffffffbf
  }

  .text-small {
    font-size: 14px;
    line-height: 20px
  }

  .text-small.text-small-white {
    color: var(--white)
  }

  .text-small.text-small-white.weight-text-light {
    font-weight: 400
  }

  .text-small.text-small-red {
    color: #1d4ed8
  }

  .heading-style-1 {
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 56px;
    font-weight: 800;
    line-height: 64px
  }

  .heading-style-1.heading-style-1-white {
    color: var(--white)
  }

  .heading-style-1.heading-style-1-white.center {
    text-align: center
  }

  .text-medium {
    letter-spacing: .28px;
    font-size: 18px;
    line-height: 28px
  }

  .text-medium.text-medium-white {
    color: var(--white)
  }

  .text-medium.text-medium-white.all-caps {
    text-transform: uppercase
  }

  .margin-bot-24 {
    margin-bottom: 24px
  }

  .margin-top-16 {
    margin-top: 12px
  }

  .text-large {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4
  }

  .text-large.text-large-white {
    color: var(--white)
  }

  .text-large.text-large-white.text-weight-normal {
    font-size: 18px
  }

  .text-large.text-large-white.text-weight-medium {
    font-weight: 500
  }

  .text-large.text-large-white.text-weight-normal {
    font-weight: 400
  }

  .image-full-width {
    width: 100%;
    box-shadow: none;
    border-radius: 14px;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .image-full-width.z-index-1 {
    top: 0;
    bottom: auto
  }

  .holder-mw-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
  }

  .bot-marg-40 {
    margin-bottom: 40px
  }

  .holder-mw-250 {
    max-width: 250px
  }

  .holder-mw-500 {
    max-width: 500px
  }

  .heading-40 {
    color: var(--white);
    font-size: 2.5rem
  }

  .heading-40.center {
    text-align: center
  }

  .dd-nav-list {
    z-index: 99;
    border: 1px solid var(--faint-blue);
    background-color: #fff;
    border-radius: 12px;
    inset: 4.5rem auto auto 0;
    overflow: hidden;
    box-shadow: 0 1px 5px #0022a840
  }

  .dd-nav-list.is-new {
    left: -240px
  }

  .dd-nav-toggle {
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 30px 8px 8px;
    transition: all .2s ease-out;
    display: flex
  }

  .dd-nav-toggle:hover {
    background-color: #dadfed66
  }

  .dd-nav-arrow {
    margin-right: 10px
  }

  .footer-small-text {
    color: #dadfed;
    font-size: .875rem;
    line-height: 1.375rem
  }

  .logo-footer-image {
    width: 150px
  }

  .footer-holder {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    display: flex
  }

  .footer-left-column {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 32%;
    display: flex
  }

  .large-button-hover {
    background-image: linear-gradient(90deg, var(--rich-purple), var(--midnight-blue) 0%, var(--rich-purple) 34%, #2563eb 50%, #2563eb 100%, var(--pink));
    width: 200%;
    transition: all .4s ease-out;
    position: absolute;
    inset: 0%0 0%auto;
    transform: none
  }

  .large-button-text {
    z-index: 1;
    position: relative
  }

  .wrapper-nav {
    z-index: 999;
    background-color: #fff0;
    display: block;
    position: fixed;
    inset: 0% 0%auto
  }

  .separator-nav {
    background-color: #1118271a;
    width: 100%;
    height: 1px;
    position: absolute;
    inset: auto 0% 0%
  }

  .text-medium-l {
    width: auto;
    letter-spacing: .28px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
  }

  .text-medium-l.text-medium-white,
  .text-medium-l.text-medium-l-white {
    color: var(--white)
  }

  .weight-text-semibold {
    font-weight: 600
  }

  .backtesting-hero_component {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-hero_wrapper-heading {
    text-align: center;
    max-width: 820px;
    margin-bottom: 32px
  }

  .backtesting-hero_wrapper-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    justify-content: space-between;
    margin-bottom: 32px;
    display: flex
  }

  .backtesting-hero_wrapper-lightbox {
    aspect-ratio: 16/9;
    justify-content: center;
    align-items: center;
    max-width: 1080px;
    margin-top: 48px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    position: relative
  }

  .backtesting-problem_component {
    width: 100%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto
  }

  .backtesting-problem_content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-problem_banner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-transform: uppercase;
    border: 1px solid #1d4ed8;
    border-radius: 40px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    font-weight: 600;
    display: flex
  }

  .backtesting-problem_box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid #1d4ed8;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    max-width: 340px;
    padding: 16px;
    display: flex
  }

  .backtesting-problem_wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 80%;
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex
  }

  .backtesting-problem_holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-problem_holder-right {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-problem_holder-left {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: -32px;
    display: flex
  }

  .backtesting-tab_component {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
  }

  .backtesting-tab_content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-tab_wrapper-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 650px;
    display: flex
  }

  .backtesting-tabs_wrapper {
    flex-flow: column;
    width: 100%;
    margin-top: 16px;
    display: flex
  }

  .backtesting-tabs_menu {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 40px;
    display: flex
  }

  .backtesting-tab {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    opacity: 1;
    width: 48.5%;
    color: #0a1b3d;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 40px 36px;
    font-size: 24px;
    display: flex;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .06)
  }

  .backtesting-tab.w--current {
    opacity: 1;
    background-color: #ffffff;
    border-color: #e5e7eb
  }

  .backtesting-tabs_content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-tabs_wrapper-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 40px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex
  }

  .backtesting-tabs_menu-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    order: -1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 50%;
    margin-right: auto;
    display: flex
  }

  .backtesting-tabs_content-2 {
    width: 48.5%
  }

  .tab-pane-i-m-new-to-backtesting {
    width: 100%
  }

  .backtesting-tab-2 {
    border: 1px solid var(--pink-2);
    opacity: .2;
    color: #080c52;
    background-color: #0000;
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-179-f26d1866.svg);
    background-position: 50%;
    background-size: cover;
    border-radius: 16px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 16px;
    font-size: 20px;
    display: flex
  }

  .backtesting-tab-2.w--current {
    background-color: var(--dark-blue);
    opacity: 1;
    border-color: #2563eb66
  }

  .backtesting-tab-holder-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .backtesting-tab-holder-number {
    width: 100%;
    max-width: 32px
  }

  .backtesting-tab_image {
    width: 100%
  }

  .backtesting-span {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #2563eb, #2563eb 0%, #2563eb 63%, #2563eb);
    -webkit-background-clip: text;
    background-clip: text
  }

  .backtesting-ideas_component {
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .backtesting-ideas_content {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-ideas_wrapper-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 800px;
    display: flex
  }

  .tabs-ideas {
    flex-flow: column;
    width: 100%;
    display: flex
  }

  .tab-link-ideas {
    z-index: 1;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 30%;
    color: var(--white);
    background-color: #ddd0;
    justify-content: flex-start;
    margin-bottom: -1px;
    padding: 16px 24px;
    display: flex
  }

  .tab-link-ideas.w--current {
    background-color: transparent;
    border: 0 solid transparent
  }

  .tabs-menu-ideas {
    justify-content: space-between;
    display: flex
  }

  .tab-link-ideas-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
  }

  .tab-link-ideas-icon {
    width: 44px
  }

  .tab-pane-ideas {
    z-index: 0;
    background-color: transparent;
    border: 0 solid transparent;
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0
  }

  .backtesting-problem_wrapper-bottom {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
  }

  .image-33 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    inset: -10% 0% 0%
  }

  .backtesting-ideas_banner {
    z-index: 1;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative
  }

  .backtesting-tab-line-top {
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .backtesting-tab-line {
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .backtesting-tab-line-side {
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .backtesting-hero_banner {
    z-index: 1;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative
  }

  .video-bg {
    opacity: .65;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    inset: auto 0%0
  }

  .backtesting-assets_component {
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .backtesting-assets_content {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .backtesting-assets_wrapper-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%
  }

  .backtesting-assets_wrapper-text.mw-820 {
    max-width: 820px
  }

  .tab-link-assets {
    border: 1px solid var(--midnight-blue);
    color: var(--white);
    background-color: #ddd0;
    border-radius: 40px;
    padding: 10px 40px
  }

  .tab-link-assets.w--current {
    border-color: var(--midnight-blue);
    background-color: #1e293b80;
    background-image: var(--sf-img-5);
    background-repeat: no-repeat;
    background-size: cover
  }

  .tabs-menu-assets {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
    display: flex
  }

  .assets-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
  }

  .assets-dd {
    background-color: var(--black-2);
    border: 1px solid #6b7280b3;
    border-radius: 16px;
    width: 100%
  }

  .assets-dropdown-toggle {
    width: 100%;
    color: var(--white);
    padding: 12px 24px
  }

  .tabs-assets {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
  }

  .tab-pane-assets,
  .tabs-content-assets {
    width: 100%
  }

  .backtesting-tab-small-holder {
    display: flex
  }

  .div-block-44 {
    margin-top: 16px;
    margin-bottom: 24px
  }

  .margin-top-24 {
    margin-top: 24px
  }

  .resources_nav-dd-desktop:hover {
    background-color: #dadfed66
  }

  .nav-right-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex
  }

  .container-small {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto
  }

  .padding-section-large {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .text-size-medium {
    font-size: 1.125rem;
    line-height: 1.5
  }

  .text-size-medium.is-white {
    color: var(--lavender)
  }

  .container-large {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
  }

  .text-align-center {
    text-align: center
  }

  .title-style-h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2
  }

  .title-style-h2.text-color-white {
    color: var(--lavender)
  }

  .holder-mw-625 {
    max-width: 625px;
    margin-left: auto;
    margin-right: auto
  }

  .holder-mw-625.left-aligned {
    margin-left: 0;
    margin-right: 0
  }

  .text-size-small {
    font-size: .875rem;
    line-height: 1.5
  }

  .text-size-regular {
    font-size: 1rem;
    line-height: 1.5em
  }

  .swiper-slide {
    flex: none;
    display: flex
  }

  .navbar-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
  }

  .wrapper-logo {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 14%;
    display: flex
  }

  .text-size-xlarge {
    font-size: 24px;
    line-height: 1.2
  }

  .text-size-xlarge.is-bold {
    font-weight: 700
  }

  .text-size-large {
    font-size: 20px;
    line-height: 1.4
  }

  .margin-bot-10 {
    margin-bottom: 10px
  }

  .z-index-1 {
    z-index: 1;
    position: relative
  }

  .journal_tag {
    color: var(--lavender);
    text-align: center;
    background-image: linear-gradient(90deg, #1e293b, #1e293b 50%, #0a0f1c);
    border: 1px solid #fff6;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: .5rem 2rem;
    display: inline-flex
  }

  .journal-cards_card-holder {
    z-index: 1;
    background-image: linear-gradient(#1e293b, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 10px;
    padding: 1px;
    position: relative;
    overflow: hidden
  }

  .text-color-grey {
    color: #64748b;
    text-align: left;
    padding-top: 0
  }

  .journal-cta_component {
    z-index: 1;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: left;
    background-image: linear-gradient(135deg, #4d83f6, #447ffd);
    border-radius: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 48px;
    display: flex;
    position: relative
  }

  .section_mentor-problem {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden
  }

  .section_mentor-problem.transparent-bg {
    background-image: none
  }

  .mentor-problem_card-holder {
    background-image: linear-gradient(#1e293b, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 10px;
    padding: 1px;
    overflow: hidden
  }

  .mentor-problem_card-inner-wrapper {
    background-color: #0a0f1c;
    border-radius: .625rem;
    flex-flow: column;
    height: 100%;
    padding: 1.75rem;
    display: flex
  }

  .mentor-problem_card-inner-wrapper.center-align {
    text-align: center;
    justify-content: flex-start;
    align-items: center
  }

  .resources_nav-dd-desktop-big:hover {
    transform: scale(1.03)
  }

  .product_nav-dd-desktop-big-top-holder:hover {
    background-color: #dadfed66
  }

  .section_header1-backtesting {
    color: var(--lavender);
    padding-left: 20px;
    padding-right: 20px
  }

  .header1_content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex
  }

  .header1_image {
    width: 100%
  }

  .section_testimonial1 {
    color: var(--lavender);
    background-image: url(https://marketfutureai.com/wp-content/uploads/2026/07/asset-107-8af6f2a7.png);
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex
  }

  .testimonial1_content {
    text-align: center
  }

  .testimonial1_content.swiper-wrapper {
    display: flex
  }

  .testimonial1_logo-wrapper {
    display: inline-block
  }

  .testimonial1_logo {
    max-height: 3.5rem
  }

  .testimonial1_client {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
    display: flex
  }

  .testimonial1_client-image-wrapper {
    border-radius: 100%;
    width: 4rem;
    height: 4rem;
    overflow: hidden
  }

  .testimonial1_client-image {
    object-fit: cover;
    width: 100%;
    height: 100%
  }

  .testimonial1_client-info-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .section_layout401 {
    padding-left: 20px;
    padding-right: 20px
  }

  .section_layout401.transparent-bg {
    background-color: #0a0f1c00
  }

  .layout401_grid-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr
  }

  .layout401_row {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
  }

  .layout401_card {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex;
    position: relative;
    overflow: hidden
  }

  .layout401_card-content {
    aspect-ratio: 1.4;
    text-align: center;
    background-color: #0a0f1c;
    border-radius: 10px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    display: flex;
    transform: translate(0)
  }

  .layout401_item-icon-wrapper {
    display: inline-block
  }

  .journal-cards_card-holder-flip {
    z-index: 1;
    transform-style: preserve-3d;
    background-image: linear-gradient(#1e293b, #bbbecf 18%, #0a0f1c 34% 60%, #babdcb);
    border-radius: 10px;
    padding: 1px;
    position: absolute;
    inset: 0%;
    overflow: hidden;
    transform: rotateX(0) rotateY(180deg) rotate(0)
  }

  .layout401_card-content-flip {
    aspect-ratio: 1.4;
    text-align: center;
    background-color: #363956;
    border-radius: 10px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    display: flex
  }

  .layout401_card-content-flip-text {
    color: #64748b
  }

  .layout401_card-holder {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: relative
  }

  .header1-backtesting_image-wrapper {
    width: 55%
  }

  .header1-backtesting_content-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
  }

  .header1-backtesting_content-card-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex
  }

  .header1-backtesting_content-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    width: 43%;
    max-width: 27.8125rem;
    height: 100%;
    display: flex
  }

  .mentor-problem-backtesting_component {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex
  }

  .mentor-problem-backtesting_left-content {
    flex-flow: column;
    align-items: center;
    width: 45%;
    max-width: 23rem
  }

  .mentor-problem-backtesting_right-content {
    z-index: 1;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    width: 55%;
    margin-left: auto;
    display: grid;
    position: relative
  }

  .testimonial1_content-wrapper {
    width: 100%;
    text-align: center
  }

  .testimonial1_left-arrow {
    position: absolute;
    inset: 50%auto auto 0%;
    transform: translateY(-50%)
  }

  .testimonial1_right-arrow {
    position: absolute;
    inset: 50% 0%auto auto;
    transform: translateY(-50%)
  }

  .testimonial1_component-backtesting {
    position: relative
  }

  .testimonial1_component-backtesting.overflow-hidden {
    overflow: hidden
  }

  @media screen and (min-width:1440px) {
    .nav-link {
      padding: 10px;
      font-size: 17px;
      line-height: 27px
    }

    .nav-link.dd-link.dd-link-top-mar-30.new {
      justify-content: flex-start;
      align-items: center;
      margin-left: 0;
      padding-left: 0
    }

    .nav-menu {
      grid-column-gap: 10px;
      grid-row-gap: 10px
    }

    .margin-bot-48 {
      margin-top: 20px
    }

    .dd-nav-list {
      top: 4.9rem
    }

    .dd-nav-toggle {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px
    }

    .backtesting-hero_wrapper-lightbox {
      border-radius: 20px;
      flex-flow: column
    }

    .video-bg {
      width: 1440px;
      bottom: 0
    }

    .hero-mask-bg {
      background-image: linear-gradient(90deg, #0e142b, #0a0f1c00);
      width: 120px;
      height: 100%;
      padding-bottom: 0;
      padding-right: 0;
      display: block;
      position: absolute;
      inset: 0%auto 0% 0%
    }

    .hero-mask-bg.is-rev {
      background-image: linear-gradient(90deg, #0a0f1c00, #0d1535);
      inset: 0% 0% 0%auto
    }

    .reels_arrow-icon:hover {
      transform: scale(1.07)
    }

    .nav-right-holder {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      margin-left: 50px
    }
  }

  @media screen and (max-width:991px) {
    .section.section-backtesting-assets {
      padding-top: 60px;
      padding-bottom: 60px
    }

    .section.section-backtesting-hero-new {
      padding-top: 120px
    }

    .navbar {
      border-radius: 0;
      align-items: center;
      width: auto;
      margin-top: 0;
      padding: 16px
    }

    .nav-link {
      margin-bottom: 30px;
      margin-left: 0;
      margin-right: 0;
      padding: 0 16px
    }

    .nav-link:hover {
      background-color: #dadfed00
    }

    .nav-link.light-text:hover {
      color: var(--rich-purple)
    }

    .nav-link.light-text.w--current:hover {
      color: var(--rich-purple)
    }

    .nav-link.dd-link {
      justify-content: flex-start;
      align-items: flex-start
    }

    .nav-link.dd-link.dd-link-top-mar-30 {
      margin-top: 30px
    }

    .nav-link.dd-link.dd-link-top-mar-30.new {
      margin-left: 0;
      padding-left: 16px;
      padding-right: 16px
    }

    .nav-link.dd-link.new {
      padding: 0 16px
    }

    .nav-menu {
      background-color: #fff;
      border-radius: 0 0 7px 7px;
      flex-flow: column;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 80px;
      padding-top: 56px;
      position: fixed;
      inset: 0% 0%auto;
      overflow: hidden
    }

    .menu-button {
      color: var(--dark-blue);
      text-align: center;
      background-color: #fff;
      justify-content: center;
      align-items: center;
      padding: 0;
      font-size: 32px
    }

    .nav-link-dropdown.light-text:hover {
      color: var(--rich-purple)
    }

    .large-button {
      margin-left: 0
    }

    .large-button.large-button-home {
      align-self: center
    }

    .large-button.large-button-nav {
      text-align: left;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      width: 100%;
      margin-left: 0;
      padding: 20px;
      display: flex;
      box-shadow: 0 0 0 1px #1118271c, 0 2px 6px #1e293b17
    }

    .footer-1 {
      height: auto
    }

    .feature-list-item:hover {
      background-color: #0000
    }

    .margin-bot-32 {
      margin-bottom: 24px
    }

    .margin-bot-24 {
      align-self: center
    }

    .holder-mw-900.tab-75percent {
      max-width: 75%
    }

    .dd-nav-list {
      left: 20px
    }

    .dd-nav-toggle {
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0
    }

    .dd-nav-toggle:hover {
      background-color: #dadfed00
    }

    .footer-holder {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      flex-flow: column
    }

    .footer-left-column {
      width: 100%
    }

    .backtesting-hero_wrapper-heading {
      padding-left: 24px;
      padding-right: 24px
    }

    .backtesting-problem_holder-left {
      margin-bottom: 0
    }

    .backtesting-tab_component {
      grid-column-gap: 24px;
      grid-row-gap: 24px
    }

    .backtesting-tabs_wrapper-2 {
      flex-flow: column
    }

    .backtesting-tabs_menu-2,
    .backtesting-tabs_content-2 {
      width: 100%
    }

    .backtesting-ideas_content {
      grid-column-gap: 48px;
      grid-row-gap: 48px
    }

    .tabs-ideas {
      grid-column-gap: 40px;
      grid-row-gap: 40px
    }

    .tab-link-ideas {
      width: 100%;
      margin-bottom: 0
    }

    .tab-link-ideas.w--current {
      border-bottom-style: solid;
      border-radius: 16px
    }

    .tabs-menu-ideas {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      flex-flow: column
    }

    .tab-pane-ideas {
      border-radius: 24px
    }

    .tabs-menu-assets {
      flex-flow: wrap;
      justify-content: center;
      align-items: flex-start
    }

    .assets-list {
      grid-template-columns: 1fr 1fr
    }

    .hero-mask-bg {
      display: none
    }

    .nav-right-holder {
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-left: 0
    }

    .padding-section-large {
      padding-top: 64px;
      padding-bottom: 64px
    }

    .title-style-h2 {
      font-size: 40px
    }

    .wrapper-logo {
      z-index: 999;
      max-width: 180px;
      position: relative
    }

    .resources_nav-dd-desktop-big:hover {
      transform: none
    }

    .product_nav-dd-desktop-big-top-holder:hover {
      background-color: #dadfed00
    }

    .header1_content {
      grid-column-gap: 4rem;
      grid-row-gap: 4rem;
      flex-flow: column;
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      align-items: stretch;
      min-height: auto
    }

    .header1_content.is-reverse-tablet {
      flex-flow: column-reverse
    }

    .layout401_row {
      grid-template-columns: 1fr 1fr
    }

    .header1-backtesting_image-wrapper {
      width: 100%
    }

    .header1-backtesting_content-left {
      width: 100%;
      max-width: none
    }

    .mentor-problem-backtesting_component {
      grid-column-gap: 3rem;
      grid-row-gap: 3rem;
      flex-flow: column
    }

    .mentor-problem-backtesting_left-content {
      text-align: center;
      width: 100%;
      max-width: none;
      display: flex
    }

    .mentor-problem-backtesting_right-content {
      grid-template-columns: 1fr 1fr;
      width: 100%
    }
  }

  @media screen and (max-width:767px) {
    body {
      font-size: 15px
    }

    h2 {
      font-size: 32px
    }

    h3 {
      font-size: 20px
    }

    .section.section_pricing-faq {
      padding-top: 64px;
      padding-bottom: 64px
    }

    .section.section-backtesting-hero-new {
      padding-bottom: 0;
      overflow: hidden
    }

    .container.large-top {
      padding-top: 50px
    }

    .container.large-bottom {
      padding-bottom: 50px
    }

    .nav-link {
      margin-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px
    }

    .nav-link.dd-link.dd-link-top-mar-30 {
      margin-top: 20px
    }

    .nav-link.dd-link.dd-link-top-mar-30.new,
    .nav-link.dd-link.new {
      padding-left: 15px;
      padding-right: 15px
    }

    .large-button {
      padding: 18px 24px;
      font-size: 16px
    }

    .large-button.large-button-home {
      padding-left: 56px;
      padding-right: 56px
    }

    .large-button.large-button-home.is-smaller {
      padding: 12px 32px
    }

    .large-button.large-button-home.is-medium {
      padding: 12px 32px
    }

    ._1-25em-bottom-margin {
      font-size: 16px
    }

    .footer-1---1 {
      width: 50%;
      padding-right: 16px
    }

    .footer-1---3 {
      grid-column: auto;
      align-items: flex-start;
      width: 100%
    }

    .footer-1 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      flex-flow: wrap;
      grid-template-columns: 1fr 1fr;
      gap: 24px 0;
      display: flex
    }

    .footer-1---2 {
      width: 50%;
      padding-right: 16px
    }

    .footer-link-light.is-small {
      font-size: 15px
    }

    .faq-circle {
      width: 40px;
      min-width: 40px;
      height: 40px;
      min-height: 40px
    }

    .question-title {
      font-size: 16px
    }

    .margin-bot-64 {
      margin-bottom: 40px
    }

    .button-holder {
      width: 100%
    }

    .margin-bot-48 {
      margin-bottom: 40px
    }

    .text {
      font-size: 15px;
      line-height: 20px
    }

    .text-small {
      font-size: 13px;
      line-height: 18px
    }

    .heading-style-1 {
      font-size: 40px;
      line-height: 48px
    }

    .text-medium {
      font-size: 16px;
      line-height: 24px
    }

    .margin-bot-24 {
      margin-bottom: 16px
    }

    .text-large {
      font-size: 18px;
      line-height: 1.3
    }

    .image-full-width {
      border-top-left-radius: 7px;
      border-top-right-radius: 7px
    }

    .bot-marg-40 {
      margin-bottom: 20px
    }

    .dd-nav-list {
      margin-bottom: 10px
    }

    .footer-left-column {
      width: 100%;
      max-width: 100%
    }

    .large-button-text {
      font-size: 15px
    }

    .text-medium-l {
      font-size: 18px;
      line-height: 24px
    }

    .backtesting-hero_wrapper-heading {
      margin-bottom: 12px;
      padding-left: 16px;
      padding-right: 16px
    }

    .backtesting-hero_wrapper-text {
      margin-bottom: 40px
    }

    .backtesting-hero_wrapper-lightbox {
      max-width: 86%
    }

    .backtesting-tab_component {
      grid-column-gap: 16px;
      grid-row-gap: 16px
    }

    .backtesting-tabs_menu {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      flex-flow: column
    }

    .backtesting-tab {
      width: 100%
    }

    .backtesting-tabs_wrapper-2 {
      padding: 0
    }

    .backtesting-tabs_menu-2 {
      grid-column-gap: 16px;
      grid-row-gap: 16px
    }

    .backtesting-ideas_content {
      grid-column-gap: 48px;
      grid-row-gap: 48px
    }

    .tab-link-ideas.w--current {
      border-radius: 14px
    }

    .tab-pane-ideas {
      border-radius: 16px;
      padding-top: 16px;
      padding-left: 16px;
      padding-right: 16px
    }

    .video-bg {
      min-width: 124%;
      top: auto;
      left: -12%;
      right: auto
    }

    .backtesting-assets_content {
      grid-column-gap: 48px;
      grid-row-gap: 48px
    }

    .assets-list {
      grid-column-gap: 12px;
      grid-row-gap: 12px
    }

    .assets-dropdown-toggle {
      padding-right: 48px
    }

    .padding-section-large {
      padding-top: 48px;
      padding-bottom: 48px
    }

    .text-size-medium {
      font-size: 1rem
    }

    .title-style-h2 {
      font-size: 32px
    }

    .title-style-h2.text-color-white.text-align-center-mob {
      text-align: center
    }

    .text-size-xlarge.is-white {
      font-size: 20px
    }

    .journal_tag {
      padding: .375rem 1.5rem
    }

    .journal-cta_component {
      text-align: center;
      padding-left: 24px;
      padding-right: 24px
    }

    .header1_content {
      grid-column-gap: 3rem;
      grid-row-gap: 3rem
    }

    .layout401_grid-list {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem
    }

    .layout401_row {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem;
      grid-template-columns: 1fr 1fr
    }

    .layout401_card {
      grid-template-columns: 1fr
    }

    .layout401_card-content {
      justify-content: center;
      align-items: center;
      padding: 1.5rem
    }

    .layout401_card-content-flip {
      padding: 1.5rem
    }

    .mentor-problem-backtesting_left-content {
      text-align: center
    }

    .mentor-problem-backtesting_right-content {
      grid-template-columns: 1fr
    }
  }

  @media screen and (max-width:479px) {
    h2 {
      font-size: 26px
    }

    h3 {
      font-size: 17px
    }

    .navbar {
      padding-left: 16px;
      padding-right: 16px
    }

    .nav-link.dd-link {
      padding-left: 16px;
      padding-right: 16px
    }

    .large-button {
      text-align: center;
      padding: 13px 15px
    }

    .large-button.large-button-home {
      width: 100%
    }

    .large-button.large-button-home.is-smaller {
      display: block
    }

    .large-button.large-button-home.is-medium {
      display: block
    }

    .large-button.large-button-nav {
      width: 100%;
      padding: 15px
    }

    .footer-1---1 {
      width: 100%;
      padding-right: 0
    }

    .footer-1 {
      flex-direction: column;
      grid-template-columns: 1fr;
      row-gap: 24px;
      display: flex
    }

    .footer-1---2 {
      width: 100%;
      padding-right: 0
    }

    .faq-content {
      max-width: 100%
    }

    .question-title {
      flex: 1
    }

    .button-holder {
      grid-row-gap: 16px;
      flex-direction: column;
      justify-content: center
    }

    .margin-bot-48 {
      margin-bottom: 32px
    }

    .full-page.overflow-visible {
      overflow: hidden
    }

    .heading-style-1.heading-style-1-white {
      font-size: 38px;
      line-height: 1
    }

    .image-full-width {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px
    }

    .heading-40 {
      font-size: 1.5rem
    }

    .dd-nav-list {
      top: 3rem
    }

    .large-button-hover {
      text-align: left
    }

    .text-medium-l {
      font-size: 16px
    }

    .backtesting-hero_wrapper-text {
      margin-bottom: 32px
    }

    .backtesting-problem_box {
      max-width: 85%
    }

    .backtesting-problem_wrapper {
      max-width: 100%;
      margin-top: 0;
      margin-bottom: 0
    }

    .backtesting-tab_content {
      grid-column-gap: 32px;
      grid-row-gap: 32px
    }

    .backtesting-tabs_menu {
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      margin-bottom: 0
    }

    .backtesting-tab {
      border-radius: 16px;
      flex-flow: row;
      padding: 0 0 3px 16px;
      font-size: 20px;
      overflow: hidden
    }

    .backtesting-tabs_wrapper-2 {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      border-radius: 24px;
      padding-top: 32px
    }

    .backtesting-tabs_content-2 {
      display: none
    }

    .backtesting-tab-2 {
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      flex-flow: column
    }

    .backtesting-ideas_content {
      grid-column-gap: 32px;
      grid-row-gap: 32px
    }

    .tabs-ideas {
      grid-column-gap: 0px;
      grid-row-gap: 0px
    }

    .tab-link-ideas {
      padding-left: 16px;
      padding-right: 16px
    }

    .tabs-menu-ideas {
      grid-column-gap: 4px;
      grid-row-gap: 4px
    }

    .tab-pane-ideas {
      background-color: #0a0f1c00;
      border-style: none none solid;
      border-radius: 0
    }

    .image-33 {
      min-width: 140%;
      left: -20%
    }

    .backtesting-tab-line-side {
      display: none
    }

    .backtesting-assets_content {
      grid-column-gap: 48px;
      grid-row-gap: 48px
    }

    .tab-link-assets {
      text-align: center;
      width: 49%
    }

    .tabs-menu-assets {
      grid-column-gap: 0px;
      grid-row-gap: 8px;
      justify-content: space-between;
      align-items: flex-start
    }

    .image-36 {
      max-width: 44%;
      margin: -5% -10% -5% -9%
    }

    .tab-mob-content {
      display: block;
      position: relative;
      overflow: hidden
    }

    .wrapper-logo {
      background-size: auto 28px;
      max-width: 150px
    }

    .journal-cta_component {
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      padding: 40px 20px
    }

    .mentor-problem_card-inner-wrapper {
      padding: 1.5rem 1.2rem
    }

    .header1_content {
      grid-template-columns: 1fr
    }

    .layout401_row {
      grid-template-columns: 1fr
    }

    .header1-backtesting_content-card {
      flex-flow: column
    }

    .sol-step_card:hover {
      box-shadow: 0 0 0-20px #0003
    }

    .sol-feature_card:hover {
      box-shadow: 0 0 25px 0 var(--rich-purple)
    }
  }

  #w-node-cf8a55fa-4901-051a-478f-daf488e0d220-428684b6,
  #w-node-_9d9f07bd-6189-26b8-232f-a655970ec378-4b19c3a8,
  #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
  #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
  #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3ba-4b19c3a8 {
    grid-area: span 1/span 1/span 1/span 1
  }

  #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
    grid-area: Area
  }

  @media screen and (max-width:991px) {

    #w-node-_9d9f07bd-6189-26b8-232f-a655970ec378-4b19c3a8,
    #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
    #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3ba-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
      grid-area: span 1/span 1/span 1/span 1
    }
  }

  @media screen and (max-width:767px) {

    #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
    #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
      grid-area: span 1/span 2/span 1/span 2
    }
  }

  @media screen and (max-width:479px) {

    #w-node-_9d9f07bd-6189-26b8-232f-a655970ec378-4b19c3a8,
    #w-node-_0b9a291c-a7e6-917b-3094-99c995b31f8d-4b19c3a8,
    #w-node-_8d170740-b931-3ad8-bcf2-e67919a617e4-4b19c3a8,
    #w-node-_95697d18-bfb3-0d47-8bdc-89304b19c3c9-4b19c3a8 {
      grid-area: span 1/span 1/span 1/span 1
    }
  }

/* from lander2.html */
html body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html body p,html body li,html body a,html body span,html body div,html body [class*="text-"],html body [class*="paragraph"],html body [class*="button-text"]{letter-spacing:normal!important}
html body p,html body li,html body .text-large,html body .text-medium,html body .text-size-regular,html body .text-size-medium,html body .text-color-grey,html body .faq-paragraph{line-height:1.5!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body [class^="heading-style"],html body [class*="title-style"],html body .heading-40{letter-spacing:-.025em!important;font-weight:600!important}
@media(min-width:992px){
html body .heading-style-1{font-size:60px!important;line-height:1.02!important}
html body .title-style-h2{font-size:40px!important;line-height:1.1!important}
html body .heading-40{font-size:36px!important;line-height:1.12!important}
html body .heading-style-3,html body .text-size-xlarge{font-size:20px!important;line-height:1.4!important}
}
html body .section_pricing-faq a.w-inline-block>div{color:#fff!important}
/* light-dominant reskin (match home): body sections white; hero+tabs+testimonials+faq stay dark; dark cards keep light text */
html body .section-backtesting-problem,html body .section-backtesting-tab,html body .section_header1-backtesting,html body .section_layout401,html body .section_mentor-problem{background-color:#fff!important;background-image:none!important;color:#64748b!important}
html body .section-backtesting-problem h1,html body .section-backtesting-problem h2,html body .section-backtesting-problem h3,html body .section-backtesting-problem h4,html body .section-backtesting-problem h5,html body .section-backtesting-problem h6,html body .section-backtesting-problem [class*=heading],html body .section-backtesting-problem [class*=title-style],html body .section-backtesting-tab h1,html body .section-backtesting-tab h2,html body .section-backtesting-tab h3,html body .section-backtesting-tab h4,html body .section-backtesting-tab h5,html body .section-backtesting-tab h6,html body .section-backtesting-tab [class*=heading],html body .section-backtesting-tab [class*=title-style],html body .section_header1-backtesting h1,html body .section_header1-backtesting h2,html body .section_header1-backtesting h3,html body .section_header1-backtesting h4,html body .section_header1-backtesting h5,html body .section_header1-backtesting h6,html body .section_header1-backtesting [class*=heading],html body .section_header1-backtesting [class*=title-style],html body .section_layout401 h1,html body .section_layout401 h2,html body .section_layout401 h3,html body .section_layout401 h4,html body .section_layout401 h5,html body .section_layout401 h6,html body .section_layout401 [class*=heading],html body .section_layout401 [class*=title-style],html body .section_mentor-problem h1,html body .section_mentor-problem h2,html body .section_mentor-problem h3,html body .section_mentor-problem h4,html body .section_mentor-problem h5,html body .section_mentor-problem h6,html body .section_mentor-problem [class*=heading],html body .section_mentor-problem [class*=title-style]{color:#111827!important}
html body .section-backtesting-problem [class*=white],html body .section-backtesting-tab [class*=white],html body .section_header1-backtesting [class*=white],html body .section_layout401 [class*=white],html body .section_mentor-problem [class*=white]{color:#111827!important}
html body .section-backtesting-problem p,html body .section-backtesting-problem li,html body .section-backtesting-problem [class*=text-medium],html body .section-backtesting-problem [class*=text-large],html body .section-backtesting-problem [class*=text-size],html body .section-backtesting-problem [class*=paragraph],html body .section-backtesting-tab p,html body .section-backtesting-tab li,html body .section-backtesting-tab [class*=text-medium],html body .section-backtesting-tab [class*=text-large],html body .section-backtesting-tab [class*=text-size],html body .section-backtesting-tab [class*=paragraph],html body .section_header1-backtesting p,html body .section_header1-backtesting li,html body .section_header1-backtesting [class*=text-medium],html body .section_header1-backtesting [class*=text-large],html body .section_header1-backtesting [class*=text-size],html body .section_header1-backtesting [class*=paragraph],html body .section_layout401 p,html body .section_layout401 li,html body .section_layout401 [class*=text-medium],html body .section_layout401 [class*=text-large],html body .section_layout401 [class*=text-size],html body .section_layout401 [class*=paragraph],html body .section_mentor-problem p,html body .section_mentor-problem li,html body .section_mentor-problem [class*=text-medium],html body .section_mentor-problem [class*=text-large],html body .section_mentor-problem [class*=text-size],html body .section_mentor-problem [class*=paragraph]{color:#64748b!important}
html body .section-backtesting-problem [class*=button-text],html body .section-backtesting-problem .large-button-text,html body .section-backtesting-tab [class*=button-text],html body .section-backtesting-tab .large-button-text,html body .section_header1-backtesting [class*=button-text],html body .section_header1-backtesting .large-button-text,html body .section_layout401 [class*=button-text],html body .section_layout401 .large-button-text,html body .section_mentor-problem [class*=button-text],html body .section_mentor-problem .large-button-text{color:#fff!important}
html body [class*="small-card-"]:not([class*=holder]),html body [class*="xlarge-card-"]:not([class*=holder]),html body [class*="layout401_card-content"],html body [class*="mentor-problem_card-inner"]{color:#cbd5e1!important}
html body [class*="small-card-"]:not([class*=holder]) p,html body [class*="small-card-"]:not([class*=holder]) li,html body [class*="small-card-"]:not([class*=holder]) [class*=text-medium],html body [class*="small-card-"]:not([class*=holder]) [class*=text-large],html body [class*="small-card-"]:not([class*=holder]) [class*=text-size],html body [class*="small-card-"]:not([class*=holder]) [class*=paragraph],html body [class*="small-card-"]:not([class*=holder]) [class*=white],html body [class*="xlarge-card-"]:not([class*=holder]) p,html body [class*="xlarge-card-"]:not([class*=holder]) li,html body [class*="xlarge-card-"]:not([class*=holder]) [class*=text-medium],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=text-large],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=text-size],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=paragraph],html body [class*="xlarge-card-"]:not([class*=holder]) [class*=white],html body [class*="layout401_card-content"] p,html body [class*="layout401_card-content"] li,html body [class*="layout401_card-content"] [class*=text-medium],html body [class*="layout401_card-content"] [class*=text-large],html body [class*="layout401_card-content"] [class*=text-size],html body [class*="layout401_card-content"] [class*=paragraph],html body [class*="layout401_card-content"] [class*=white],html body [class*="mentor-problem_card-inner"] p,html body [class*="mentor-problem_card-inner"] li,html body [class*="mentor-problem_card-inner"] [class*=text-medium],html body [class*="mentor-problem_card-inner"] [class*=text-large],html body [class*="mentor-problem_card-inner"] [class*=text-size],html body [class*="mentor-problem_card-inner"] [class*=paragraph],html body [class*="mentor-problem_card-inner"] [class*=white]{color:#cbd5e1!important}

/* from lander2.html */
@media (max-width:640px){.mfai-tabm{padding:16px !important}.mfai-tabm-l{padding:16px 0 16px 16px !important}}
@media (max-width:400px){.mfai-tabm{padding:11px !important}.mfai-tabm-l{padding:11px 0 11px 11px !important}}

/* from lander2.html */
.mfi-tv{display:inline-flex;align-items:center;gap:13px;padding:12px 20px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mfi-tv .tvlogo{flex:none;width:36px;height:36px;border-radius:9px;background:#0b1220;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff}
.mfi-tv .tvlogo svg{width:21px;height:17px}
.mfi-tv b{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff}
.mfi-tv>div>span{display:block;font-size:12px;color:#93a6c8;margin-top:2px}
.mfi-tvwrap{display:flex;justify-content:center;margin-top:24px;opacity:0;animation:mfi-up .8s ease .5s forwards}
.mfi-carousel{position:relative;max-width:1240px;margin:52px auto 0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);opacity:0;animation:mfi-up .9s ease .9s forwards}
.mfi-track{display:flex;width:max-content;animation:mfi-scroll 48s linear infinite}
.mfi-carousel:hover .mfi-track{animation-play-state:paused}
.mfi-pill{display:flex;align-items:center;gap:12px;margin:0 9px;padding:14px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);white-space:nowrap}
.mfi-pill .ic{flex:none;width:36px;height:36px;border-radius:9px;background:rgba(59,130,246,.13);border:1px solid rgba(99,140,230,.3);display:flex;align-items:center;justify-content:center;color:#6ea8ff}
.mfi-pill .ic svg{width:20px;height:20px}
.mfi-pill b{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#dbe6fb}
@keyframes mfi-scroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.mfi-hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 82% -10%,#12224a 0%,rgba(18,34,74,0) 55%),linear-gradient(180deg,#070b16 0%,#0a1024 100%);color:#e7ecf5;font-family:inherit;padding:120px 24px 84px}
.mfi-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:240px;background:radial-gradient(70% 150% at 50% 118%,rgba(37,99,235,.20) 0%,rgba(37,99,235,0) 72%);pointer-events:none;z-index:0}
.mfi-inner,.mfi-carousel{position:relative;z-index:1}
.mfi-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 100% at 60% 0%,#000 20%,transparent 80%);mask-image:radial-gradient(120% 100% at 60% 0%,#000 20%,transparent 80%);pointer-events:none}
.mfi-inner{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,0.86fr) minmax(0,1.14fr);gap:56px;align-items:center}
.mfi-left{opacity:0;animation:mfi-up .8s ease .05s forwards}
.mfi-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9db4e6;background:rgba(59,130,246,.10);border:1px solid rgba(99,140,230,.30);padding:7px 14px;border-radius:999px}
.mfi-eyebrow svg{width:14px;height:14px}
.mfi-h1{font-size:clamp(34px,4vw,56px);line-height:1.05;font-weight:700;letter-spacing:-.02em;margin:22px 0 0;color:#fff}
.mfi-h1 span{background:linear-gradient(92deg,#3b82f6,#60a5fa 55%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.mfi-sub{margin:22px 0 0;max-width:520px;font-size:17px;line-height:1.6;color:#9fb0cc}
.mfi-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.mfi-b1{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:12px;font-weight:600;font-size:15px;color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 10px 26px rgba(37,99,235,.38);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.mfi-b1:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,99,235,.5)}
.mfi-b2{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:600;font-size:15px;color:#cdd8ee;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:background .18s ease,border-color .18s ease}
.mfi-b2:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.mfi-right{opacity:0;animation:mfi-up .9s ease .18s forwards}
.mfi-card{position:relative;background:linear-gradient(180deg,rgba(18,26,48,.92),rgba(10,15,32,.94));border:1px solid rgba(120,150,210,.16);border-radius:18px;box-shadow:0 40px 80px rgba(3,7,20,.55),inset 0 1px 0 rgba(255,255,255,.05);padding:16px 16px 6px}
.mfi-chead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 12px}
.mfi-sym{display:flex;align-items:center;gap:11px}
.mfi-tick{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#0ea5e9);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;letter-spacing:.02em;box-shadow:0 6px 16px rgba(37,99,235,.4)}
.mfi-nm{font-size:12px;color:#8aa0c6;line-height:1.35}
.mfi-nm b{display:block;color:#eaf0fb;font-size:14px;font-weight:700;letter-spacing:.01em}
.mfi-price{display:flex;align-items:baseline;gap:8px}
.mfi-price .p{font-size:20px;font-weight:700;color:#fff}
.mfi-price .c{font-size:13px;font-weight:600;color:#22c55e}
.mfi-tabs{display:flex;gap:6px;padding:0 6px 10px;flex-wrap:wrap}
.mfi-tabs span{font-size:11px;font-weight:600;letter-spacing:.03em;color:#8aa0c6;padding:5px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.08)}
.mfi-tabs span.on{color:#dbe6fb;background:rgba(59,130,246,.16);border-color:rgba(99,140,230,.4)}
.mfi-tabs span.live{color:#22c55e;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.10)}
.mfi-tabs span.live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:5px;vertical-align:middle;animation:mfi-blink 1.4s ease-in-out infinite}
.mfi-svg{display:block;width:100%;height:auto}
.mfi-grid line{stroke:rgba(150,170,210,.10);stroke-width:1;opacity:0;animation:mfi-fade .8s ease .25s forwards}
.mfi-ax{fill:#7f93b8;font-size:11px;font-weight:500;opacity:0;animation:mfi-fade .8s ease .4s forwards}
.mfi-area{opacity:0}
.mfi-area.h{animation:mfi-fade 1s ease 1.5s forwards}
.mfi-area.p{animation:mfi-fade 1s ease 2.9s forwards}
.mfi-hist{fill:none;stroke:url(#mfiHistG);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:url(#mfiGlow);animation:mfi-draw 1.7s ease .5s forwards}
.mfi-proj{fill:none;stroke:url(#mfiProjG);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:url(#mfiGlow);animation:mfi-draw 1.2s ease 2.1s forwards}
.mfi-cur{opacity:0;animation:mfi-fade .5s ease 2s forwards}
.mfi-cur .halo{transform-origin:center;animation:mfi-pulse 2s ease-out 2.2s infinite}
.mfi-cline{stroke:rgba(200,214,240,.35);stroke-width:1;stroke-dasharray:2 4;opacity:0;animation:mfi-fade .6s ease 2s forwards}
.mfi-tline{stroke-width:1;stroke-dasharray:3 4;opacity:0;animation:mfi-fade .6s ease 3s forwards}
.mfi-badge{opacity:0;transform:translateX(14px);animation:mfi-bin .6s cubic-bezier(.2,.8,.2,1) forwards}
.mfi-blab{font-size:9px;font-weight:700;letter-spacing:.08em}
.mfi-bval{font-size:12px;font-weight:700;fill:#eaf0fb}
.mfi-legend{display:flex;gap:20px;padding:8px 8px 12px;font-size:11px;color:#93a6c8;opacity:0;animation:mfi-fade .8s ease 1.8s forwards}
.mfi-legend i{display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
@keyframes mfi-draw{to{stroke-dashoffset:0}}
@keyframes mfi-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mfi-fade{to{opacity:1}}
@keyframes mfi-bin{to{opacity:1;transform:none}}
@keyframes mfi-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(3.2);opacity:0}100%{opacity:0}}
@keyframes mfi-blink{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:900px){.mfi-inner{grid-template-columns:1fr;gap:40px}.mfi-hero{padding:96px 18px 64px}.mfi-sub{max-width:none}}

/* fix: offer image beside text on desktop (w-tab-content order override) */
@media (min-width:768px){.layout489_tabs{position:static}.layout489_tabs-content{position:absolute;overflow:visible;display:flex;align-items:center;justify-content:center}}