:root {
  --_tokens---colors--base--card: var(--_primitives---colors--colors--zinc--900);
  --_primitives---colors--colors--background: #212121;
  --_primitives---colors--colors--zinc--900: #18181b;
  --_primitives---colors--color--light-green--600: #377b4b00;
  --_tokens---colors--base--card-border: var(--_primitives---colors--colors--zinc--800);
  --_primitives-2---colors--colors--red--200: #faa0bf;
  --_tokens-2---colors--base--body-foreground: var(--_primitives-2---colors--colors--zinc--50);
  --_tokens---colors--base--regular: #27272a;
  --_tokens-2---layout--radius--rounded-full: var(--_units---units--unit-24);
  --_tokens---colors--base--body-foreground: var(--_primitives---colors--colors--zinc--50);
  --white-60: #fff9;
  --_primitives-2---colors--colors--yellow--500: #e69100;
  --_tokens-2---colors--base--regular: var(--_primitives-2---colors--colors--zinc--800);
  --_tokens---colors--base--regular-foreground: #fff;
  --_tokens---colors--base--secondary: var(--_primitives---colors--colors--yellow--300);
  --_primitives-2---colors--color--pink--200: #e996bb;
  --_tokens-2---colors--base--card-foreground: var(--_primitives-2---colors--colors--white);
  --_units---units--unit-5: 20px;
  --_tokens-2---colors--base--body: var(--_primitives-2---colors--colors--background);
  --_primitives-2---colors--colors--zinc--500: #71717a;
  --_primitives---colors--color--pink--200: #e996bb;
  --_primitives---colors--colors--white: #fff;
  --_tokens-2---colors--base--card: var(--_primitives-2---colors--colors--zinc--900);
  --_tokens-2---colors--base--regular-foreground: var(--_primitives-2---colors--colors--white);
  --_primitives-2---colors--colors--white: #fff;
  --_tokens---colors--base--card-foreground: #fff;
  --_units-2---units--unit-5: 20px;
  --_tokens---colors--base--default-900: var(--_primitives---colors--colors--zinc--900);
  --_primitives---color: #a42323;
  --white-20: #ffffff30;
  --_tokens---colors--base--primary-600: #005bc4;
  --_tokens---colors--base--primary-200: #99c7fb;
  --_tokens---colors--base--primary-500: #006fee;
  --_tokens---colors--base--primary-700: #004493;
  --_tokens---colors--base--primary-300: #66aaf9;
  --_tokens---colors--base--primary-400: #338ef7;
  --_tokens---colors--base--primary-100: #cce3fd;
  --_tokens---colors--base--primary-50: #e6f1fe;
  --_tokens---colors--base--primary-800: #002e62;
  --_tokens---colors--base--primary-900: #001731;
  --_tokens---colors--base--warning-400: #f7b750;
  --_tokens---colors--base--warning-50: #fefce8;
  --_tokens---colors--base--warning-900: #312107;
  --_tokens---colors--base--warning-200: #fbdba7;
  --_tokens---colors--base--warning-500: #f5a524;
  --_tokens---colors--base--force-dark: #fff;
  --_tokens---colors--base--warning-700: #936316;
  --_tokens---colors--base--warning-300: #f9c97c;
  --_tokens---colors--base--warning-600: #c4841d;
  --_tokens---colors--base--warning-800: #62420e;
  --_tokens---colors--base--warning-100: #fdedd3;
  --_tokens---colors--base--secondary-foreground: var(--_primitives---colors--colors--zinc--900);
  --_tokens---colors--base--success: var(--_primitives---colors--colors--green--500);
  --_tokens---colors--base--success-foreground: var(--_primitives---colors--colors--black);
  --_tokens---colors--base--primary-foreground: var(--_primitives---colors--colors--zinc--900);
  --_tokens---colors--base--body: var(--_primitives---colors--colors--background);
  --_tokens---colors--base--popup-border: var(--_primitives---colors--colors--zinc--800);
  --_tokens---colors--base--secondary-300: var(--_primitives---colors--colors--violet--300);
  --_tokens---colors--base--scrollbar-thumb: var(--_primitives---colors--colors--zinc--700);
  --_tokens---colors--base--default-300: var(--_primitives---colors--colors--zinc--300);
  --_tokens---colors--base--secondary-100: var(--_primitives---colors--colors--violet--100);
  --_tokens---colors--base--default-100: var(--_primitives---colors--colors--zinc--100);
  --_tokens---colors--base--danger-foreground: var(--_primitives---colors--colors--white);
  --_tokens---colors--base--default-500: var(--_primitives---colors--colors--zinc--500);
  --_tokens---colors--base--success-50: var(--_primitives---colors--colors--green--50);
  --_tokens---colors--base--primary-901: var(--_primitives---colors--colors--orange--400);
  --_tokens---colors--base--popup-foreground: var(--_primitives---colors--colors--white);
  --_tokens---colors--base--danger: var(--_primitives---colors--colors--red--500);
  --_tokens---colors--base--secondary-400: var(--_primitives---colors--colors--violet--400);
  --_tokens---colors--base--popup: var(--_primitives---colors--colors--black);
  --_tokens---colors--base--success-200: var(--_primitives---colors--colors--green--200);
  --_tokens---colors--base--secondary-800: var(--_primitives---colors--colors--violet--800);
  --_tokens---colors--base--divider: var(--_primitives---colors--colors--zinc--700);
  --_tokens---colors--base--default-700: var(--_primitives---colors--colors--zinc--700);
  --_tokens---colors--base: var(--_primitives---colors--colors--white);
  --_tokens---colors--base--default-600: var(--_primitives---colors--colors--zinc--600);
  --_tokens---colors--base--default-50: var(--_primitives---colors--colors--zinc--50);
  --_tokens---colors--base--secondary-200: var(--_primitives---colors--colors--violet--200);
  --_tokens---colors--base--secondary-900: var(--_primitives---colors--colors--violet--900);
  --_tokens---colors--base--default-400: var(--_primitives---colors--colors--zinc--400);
  --_tokens---colors--base--scrollbar-track: var(--_primitives---colors--colors--zinc--800);
  --_tokens---colors--base--secondary-700: var(--_primitives---colors--colors--violet--700);
  --_tokens---colors--base--default-800: var(--_primitives---colors--colors--zinc--800);
  --_tokens---colors--base--secondary-500: var(--_primitives---colors--colors--violet--500);
  --_tokens---colors--base--success-100: var(--_primitives---colors--colors--green--100);
  --_tokens---colors--base--default-200: var(--_primitives---colors--colors--zinc--200);
  --_tokens---colors--base--secondary-600: var(--_primitives---colors--colors--violet--600);
  --_tokens---colors--base--secondary-50: var(--_primitives---colors--colors--violet--50);
  --_tokens---colors--base--success-300: var(--_primitives---colors--colors--green--300);
  --_tokens---colors--base--success-400: var(--_primitives---colors--colors--green--400);
  --_tokens---colors--base--danger-300: var(--_primitives---colors--colors--red--300);
  --_tokens---colors--base--danger-200: var(--_primitives---colors--colors--red--200);
  --_tokens---colors--base--success-700: var(--_primitives---colors--colors--green--700);
  --_tokens---colors--base--success-600: var(--_primitives---colors--colors--green--600);
  --_tokens---colors--base--success-900: var(--_primitives---colors--colors--green--800);
  --_tokens---colors--base--danger-400: var(--_primitives---colors--colors--red--400);
  --_tokens---colors--base--danger-100: var(--_primitives---colors--colors--red--100);
  --_tokens---colors--base--danger-500: var(--_primitives---colors--colors--red--500);
  --_tokens---colors--base--danger-900: var(--_primitives---colors--colors--red--900);
  --_tokens---colors--base--danger-800: var(--_primitives---colors--colors--red--800);
  --_tokens---colors--base--danger-600: var(--_primitives---colors--colors--red--600);
  --_tokens---colors--base--success-800: var(--_primitives---colors--colors--green--800);
  --_tokens---colors--base--danger-50: var(--_primitives---colors--colors--red--50);
  --_tokens---colors--base--danger-700: var(--_primitives---colors--colors--red--700);
  --_tokens---colors--base--success-500: var(--_primitives---colors--colors--green--500);
  --_tokens---colors--base--default-901: var(--_primitives---colors--colors--zinc--300);
  --_primitives---colors--color--light-green--700: #265835;
  --_primitives---colors--color--light-green--900: #001405;
  --_primitives---colors--color--light-green--300: #77c28d;
  --_primitives---colors--color--light-green--800: #14361e;
  --_primitives---colors--color--light-green--50: #e5f9ec;
  --_primitives---colors--color--light-green--200: #a6d8b4;
  --_primitives---colors--color--light-green--100: #c7e8d1;
  --_primitives---colors--color--light-green--500: #499e62;
  --_primitives---colors--color--light-green--400: #62b87b;
  --_primitives---colors--color--pink--700: #69163b;
  --_primitives---colors--color--pink--300: #df6da0;
  --_primitives---colors--color--pink--50: #ffe7f3;
  --_primitives---colors--color--pink--400: #d54484;
  --_primitives---colors--color--pink--500: #bb2b6b;
  --_primitives---colors--color--pink--800: #400b24;
  --_primitives---colors--color--pink--900: #1a010e;
  --_primitives---colors--color--pink--100: #f4bfd7;
  --_primitives---colors--color--pink--600: #922053;
  --_primitives---colors--colors--black: #000;
  --_primitives---colors--colors--amber--800: #973c00;
  --_primitives---colors--colors--amber--200: #fee685;
  --_primitives---colors--colors--amber--600: #e17100;
  --_primitives---colors--colors--amber--50: #fffbeb;
  --_primitives---colors--colors--amber--400: #ffb900;
  --_primitives---colors--colors--amber--900: #7b3306;
  --_primitives---colors--colors--amber--500: #fe9a00;
  --_primitives---colors--colors--amber--300: #ffd230;
  --_primitives---colors--colors--amber--100: #fef3c6;
  --_primitives---colors--colors--amber--700: #bb4d00;
  --_primitives---colors--colors--green--700: #0e793c;
  --_primitives---colors--colors--green--100: #d1f4e0;
  --_primitives---colors--colors--green--50: #e8faf0;
  --_primitives---colors--colors--green--900: #052814;
  --_primitives---colors--colors--green--200: #a2e9c1;
  --_primitives---colors--colors--green--500: #17c964;
  --_primitives---colors--colors--green--800: #095028;
  --_primitives---colors--colors--green--400: #45d483;
  --_primitives---colors--colors--green--300: #74dfa2;
  --_primitives---colors--colors--green--600: #12a150;
  --_primitives---colors--colors--orange--800: #4f1c00;
  --_primitives---colors--colors--orange--200: #ffb17e;
  --_primitives---colors--colors--orange--500: #e65a00;
  --_primitives---colors--colors--orange--400: #ff741a;
  --_primitives---colors--colors--orange--700: #813100;
  --_primitives---colors--colors--orange--900: #200700;
  --_primitives---colors--colors--orange--300: #ff934c;
  --_primitives---colors--colors--orange--100: #ffd0ae;
  --_primitives---colors--colors--orange--600: #e65a00;
  --_primitives---colors--colors--red--500: #f31260;
  --_primitives---colors--colors--red--50: #fee7ef;
  --_primitives---colors--colors--red--100: #fdd0df;
  --_primitives---colors--colors--red--800: #610726;
  --_primitives---colors--colors--red--200: #faa0bf;
  --_primitives---colors--colors--red--600: #c20e4d;
  --_primitives---colors--colors--red--700: #920b3a;
  --_primitives---colors--colors--red--300: #f871a0;
  --_primitives---colors--colors--red--900: #310413;
  --_primitives---colors--colors--red--400: #f54180;
  --_primitives---colors--colors--violet--600: #7f22fe;
  --_primitives---colors--colors--violet--900: #4d179a;
  --_primitives---colors--colors--violet--300: #c4b4ff;
  --_primitives---colors--colors--violet--400: #a684ff;
  --_primitives---colors--colors--violet--200: #ddd6ff;
  --_primitives---colors--colors--violet--800: #5d0ec0;
  --_primitives---colors--colors--violet--700: #7008e7;
  --_primitives---colors--colors--violet--100: #ede9fe;
  --_primitives---colors--colors--violet--50: #f5f3ff;
  --_primitives---colors--colors--violet--500: #8e51ff;
  --_primitives---colors--colors--yellow--200: #ffd07d;
  --_primitives---colors--colors--yellow--900: #1f0f00;
  --_primitives---colors--colors--yellow--700: #815100;
  --_primitives---colors--colors--yellow--400: #ffa70f;
  --_primitives---colors--colors--yellow--500: #e69100;
  --_primitives---colors--colors--yellow--600: #b37100;
  --_primitives---colors--colors--yellow--800: #4e2f00;
  --_primitives---colors--colors--yellow--300: #ffbe4b;
  --_primitives---colors--colors--zinc--200: #e4e4e7;
  --_primitives---colors--colors--zinc--500: #71717a;
  --_primitives---colors--colors--zinc--50: #fafafa;
  --_primitives---colors--colors--zinc--400: #a1a1aa;
  --_primitives---colors--colors--zinc--300: #d4d4d8;
  --_primitives---colors--colors--zinc--600: #52525b;
  --_primitives---colors--colors--zinc--800: #27272a;
  --_primitives---colors--colors--zinc--700: #3f3f46;
  --_primitives---colors--colors--zinc--100: #f4f4f5;
  --_tokens---layout--disabled-opacity: .5px;
  --_tokens---layout--divider-weight: 1px;
  --_tokens---layout--line-height--leading-tiny: var(--_units---units--unit-4\<deleted\|variable-2faf27d1-8e59-d682-a0db-9e8acdc64c2a\>);
  --_tokens---layout--line-height--leading-large: var(--_units---units--unit-7\<deleted\|variable-a6069b21-c966-25f2-ac96-3c2f2dce2e30\>);
  --_tokens---layout--line-height--leading-small: var(--_units---units--unit-5\<deleted\|variable-14209e94-6a8f-bcbd-4adc-26753ce66a65\>);
  --_tokens---layout--line-height--leading-medium: var(--_units---units--unit-6\<deleted\|variable-3da93bd7-08ac-5514-cc9b-3de121e50dc2\>);
  --_tokens---layout--radius--rounded-popup: var(--_units---units--unit-3\<deleted\|variable-ab6cb435-ae2d-54fa-2d59-2d27d0befeb4\>);
  --_tokens---layout--radius--rounded-card: var(--_units---units--unit-3\<deleted\|variable-ab6cb435-ae2d-54fa-2d59-2d27d0befeb4\>);
  --_tokens---layout--radius--rounded-none: var(--_units---units--unit-0\<deleted\|variable-e1407189-f254-dfcb-a206-3eda8ad0eab7\>);
  --_tokens---layout--radius--rounded-xl: var(--_units---units--unit-5\<deleted\|variable-14209e94-6a8f-bcbd-4adc-26753ce66a65\>);
  --_tokens---layout--radius--rounded-large: var(--_units---units--unit-4\<deleted\|variable-2faf27d1-8e59-d682-a0db-9e8acdc64c2a\>);
  --_tokens---layout--radius--rounded-xxl: var(--_units---units--unit-6\<deleted\|variable-3da93bd7-08ac-5514-cc9b-3de121e50dc2\>);
  --_tokens---layout--radius--rounded-small: var(--_units---units--unit-2-2\<deleted\|variable-8c8c21fb-e0e3-0f79-8079-24a9c0be17df\>);
  --_tokens---layout--radius--rounded-medium: var(--_units---units--unit-3\<deleted\|variable-ab6cb435-ae2d-54fa-2d59-2d27d0befeb4\>);
  --_tokens---layout--radius--rounded-full: var(--_units---units--unit-24\<deleted\|variable-a63ffeb4-e6ef-33c7-07bd-6acc9c14ba4a\>);
  --_tokens---layout--radius--rounded-xxxl: var(--_units---units--unit-7\<deleted\|variable-a6069b21-c966-25f2-ac96-3c2f2dce2e30\>);
  --_tokens---layout--spacing--popup-padding-x: var(--_units---units--unit-4\<deleted\|variable-2faf27d1-8e59-d682-a0db-9e8acdc64c2a\>);
  --_tokens---layout--spacing--popup-padding-y: var(--_units---units--unit-4\<deleted\|variable-2faf27d1-8e59-d682-a0db-9e8acdc64c2a\>);
  --_tokens---layout--spacing--padding-x: var(--_units---units--unit-3\<deleted\|variable-ab6cb435-ae2d-54fa-2d59-2d27d0befeb4\>);
  --_tokens---layout--spacing--indent: var(--_units---units--unit-3\<deleted\|variable-ab6cb435-ae2d-54fa-2d59-2d27d0befeb4\>);
  --_tokens---layout--spacing--popup-gap: var(--_units---units--unit-4\<deleted\|variable-2faf27d1-8e59-d682-a0db-9e8acdc64c2a\>);
  --_primitives-2---color: #a42323;
  --_tokens-2---colors--base--primary-200: #99c7fb;
  --_tokens-2---colors--base--primary-100: #cce3fd;
  --_tokens-2---colors--base--primary-300: #66aaf9;
  --_tokens-2---colors--base--primary-500: #006fee;
  --_tokens-2---colors--base--primary-400: #338ef7;
  --_tokens-2---colors--base--primary-700: #004493;
  --_tokens-2---colors--base--warning-300: #f9c97c;
  --_tokens-2---colors--base--warning-200: #fbdba7;
  --_tokens-2---colors--base--primary-50: #e6f1fe;
  --_tokens-2---colors--base--warning-100: #fdedd3;
  --_tokens-2---colors--base--warning-50: #fefce8;
  --_tokens-2---colors--base--warning-500: #f5a524;
  --_tokens-2---colors--base--primary-800: #002e62;
  --_tokens-2---colors--base--primary-600: #005bc4;
  --_tokens-2---colors--base--warning-600: #c4841d;
  --_tokens-2---colors--base--force-dark: #fff;
  --_tokens-2---colors--base--warning-900: #312107;
  --_tokens-2---colors--base--warning-700: #936316;
  --_tokens-2---colors--base--primary-900: #001731;
  --_tokens-2---colors--base--warning-400: #f7b750;
  --_tokens-2---colors--base--primary-901: var(--_primitives-2---colors--colors--orange--400);
  --_tokens-2---colors--base--divider: var(--_primitives-2---colors--colors--zinc--700);
  --_tokens-2---colors--base--card-border: var(--_primitives-2---colors--colors--zinc--800);
  --_tokens-2---colors--base--default-700: var(--_primitives-2---colors--colors--zinc--700);
  --_tokens-2---colors--base--popup-foreground: var(--_primitives-2---colors--colors--white);
  --_tokens-2---colors--base--primary-foreground: var(--_primitives-2---colors--colors--zinc--900);
  --_tokens-2---colors--base--default-900: var(--_primitives-2---colors--colors--zinc--900);
  --_tokens-2---colors--base--secondary-foreground: var(--_primitives-2---colors--colors--zinc--900);
  --_tokens-2---colors--base--default-100: var(--_primitives-2---colors--colors--zinc--100);
  --_tokens-2---colors--base--default-50: var(--_primitives-2---colors--colors--zinc--50);
  --_tokens-2---colors--base--scrollbar-track: var(--_primitives-2---colors--colors--zinc--800);
  --_tokens-2---colors--base--popup: var(--_primitives-2---colors--colors--black);
  --_tokens-2---colors--base--secondary-500: var(--_primitives-2---colors--colors--violet--500);
  --_tokens-2---colors--base: var(--_primitives-2---colors--colors--white);
  --_tokens-2---colors--base--success-50: var(--_primitives-2---colors--colors--green--50);
  --_tokens-2---colors--base--secondary-200: var(--_primitives-2---colors--colors--violet--200);
  --_tokens-2---colors--base--danger: var(--_primitives-2---colors--colors--red--500);
  --_tokens-2---colors--base--default-400: var(--_primitives-2---colors--colors--zinc--400);
  --_tokens-2---colors--base--success-100: var(--_primitives-2---colors--colors--green--100);
  --_tokens-2---colors--base--secondary-400: var(--_primitives-2---colors--colors--violet--400);
  --_tokens-2---colors--base--success-foreground: var(--_primitives-2---colors--colors--black);
  --_tokens-2---colors--base--secondary-50: var(--_primitives-2---colors--colors--violet--50);
  --_tokens-2---colors--base--secondary-900: var(--_primitives-2---colors--colors--violet--900);
  --_tokens-2---colors--base--secondary-100: var(--_primitives-2---colors--colors--violet--100);
  --_tokens-2---colors--base--secondary-300: var(--_primitives-2---colors--colors--violet--300);
  --_tokens-2---colors--base--danger-foreground: var(--_primitives-2---colors--colors--white);
  --_tokens-2---colors--base--secondary-600: var(--_primitives-2---colors--colors--violet--600);
  --_tokens-2---colors--base--popup-border: var(--_primitives-2---colors--colors--zinc--800);
  --_tokens-2---colors--base--default-200: var(--_primitives-2---colors--colors--zinc--200);
  --_tokens-2---colors--base--secondary-700: var(--_primitives-2---colors--colors--violet--700);
  --_tokens-2---colors--base--default-600: var(--_primitives-2---colors--colors--zinc--600);
  --_tokens-2---colors--base--warning-800: #62420e;
  --_tokens-2---colors--base--secondary: var(--_primitives-2---colors--colors--yellow--300);
  --_tokens-2---colors--base--default-500: var(--_primitives-2---colors--colors--zinc--500);
  --_tokens-2---colors--base--default-800: var(--_primitives-2---colors--colors--zinc--800);
  --_tokens-2---colors--base--secondary-800: var(--_primitives-2---colors--colors--violet--800);
  --_tokens-2---colors--base--scrollbar-thumb: var(--_primitives-2---colors--colors--zinc--700);
  --_tokens-2---colors--base--success-200: var(--_primitives-2---colors--colors--green--200);
  --_tokens-2---colors--base--success: var(--_primitives-2---colors--colors--green--500);
  --_tokens-2---colors--base--default-300: var(--_primitives-2---colors--colors--zinc--300);
  --_tokens-2---colors--base--danger-50: var(--_primitives-2---colors--colors--red--50);
  --_tokens-2---colors--base--danger-200: var(--_primitives-2---colors--colors--red--200);
  --_tokens-2---colors--base--success-900: var(--_primitives-2---colors--colors--green--800);
  --_tokens-2---colors--base--success-300: var(--_primitives-2---colors--colors--green--300);
  --_tokens-2---colors--base--success-500: var(--_primitives-2---colors--colors--green--500);
  --_tokens-2---colors--base--success-700: var(--_primitives-2---colors--colors--green--700);
  --_tokens-2---colors--base--success-600: var(--_primitives-2---colors--colors--green--600);
  --_tokens-2---colors--base--success-800: var(--_primitives-2---colors--colors--green--800);
  --_tokens-2---colors--base--danger-100: var(--_primitives-2---colors--colors--red--100);
  --_tokens-2---colors--base--danger-500: var(--_primitives-2---colors--colors--red--500);
  --_tokens-2---colors--base--danger-700: var(--_primitives-2---colors--colors--red--700);
  --_tokens-2---colors--base--danger-400: var(--_primitives-2---colors--colors--red--400);
  --_tokens-2---colors--base--danger-800: var(--_primitives-2---colors--colors--red--800);
  --_tokens-2---colors--base--danger-600: var(--_primitives-2---colors--colors--red--600);
  --_tokens-2---colors--base--danger-900: var(--_primitives-2---colors--colors--red--900);
  --_tokens-2---colors--base--danger-300: var(--_primitives-2---colors--colors--red--300);
  --_tokens-2---colors--base--default-901: var(--_primitives-2---colors--colors--zinc--300);
  --_tokens-2---colors--base--success-400: var(--_primitives-2---colors--colors--green--400);
  --_primitives-2---colors--color--light-green--50: #e5f9ec;
  --_primitives-2---colors--color--light-green--500: #499e62;
  --_primitives-2---colors--color--light-green--700: #265835;
  --_primitives-2---colors--color--light-green--400: #62b87b;
  --_primitives-2---colors--color--light-green--100: #c7e8d1;
  --_primitives-2---colors--color--light-green--600: #377b4b;
  --_primitives-2---colors--color--light-green--900: #001405;
  --_primitives-2---colors--color--light-green--300: #77c28d;
  --_primitives-2---colors--color--light-green--800: #14361e;
  --_primitives-2---colors--color--light-green--200: #a6d8b4;
  --_primitives-2---colors--color--pink--50: #ffe7f3;
  --_primitives-2---colors--color--pink--300: #df6da0;
  --_primitives-2---colors--color--pink--700: #69163b;
  --_primitives-2---colors--color--pink--400: #d54484;
  --_primitives-2---colors--color--pink--900: #1a010e;
  --_primitives-2---colors--color--pink--100: #f4bfd7;
  --_primitives-2---colors--color--pink--600: #922053;
  --_primitives-2---colors--color--pink--500: #bb2b6b;
  --_primitives-2---colors--color--pink--800: #400b24;
  --_primitives-2---colors--colors--black: #000;
  --_primitives-2---colors--colors--background: #212121;
  --_primitives-2---colors--colors--amber--50: #fffbeb;
  --_primitives-2---colors--colors--amber--100: #fef3c6;
  --_primitives-2---colors--colors--amber--200: #fee685;
  --_primitives-2---colors--colors--amber--300: #ffd230;
  --_primitives-2---colors--colors--amber--600: #e17100;
  --_primitives-2---colors--colors--amber--500: #fe9a00;
  --_primitives-2---colors--colors--amber--900: #7b3306;
  --_primitives-2---colors--colors--amber--700: #bb4d00;
  --_primitives-2---colors--colors--amber--800: #973c00;
  --_primitives-2---colors--colors--amber--400: #ffb900;
  --_primitives-2---colors--colors--green--400: #45d483;
  --_primitives-2---colors--colors--green--200: #a2e9c1;
  --_primitives-2---colors--colors--green--100: #d1f4e0;
  --_primitives-2---colors--colors--green--500: #17c964;
  --_primitives-2---colors--colors--green--50: #e8faf0;
  --_primitives-2---colors--colors--green--300: #74dfa2;
  --_primitives-2---colors--colors--green--600: #12a150;
  --_primitives-2---colors--colors--green--800: #095028;
  --_primitives-2---colors--colors--green--900: #052814;
  --_primitives-2---colors--colors--green--700: #0e793c;
  --_primitives-2---colors--colors--orange--500: #e65a00;
  --_primitives-2---colors--colors--orange--400: #ff741a;
  --_primitives-2---colors--colors--orange--100: #ffd0ae;
  --_primitives-2---colors--colors--orange--200: #ffb17e;
  --_primitives-2---colors--colors--orange--300: #ff934c;
  --_primitives-2---colors--colors--orange--600: #e65a00;
  --_primitives-2---colors--colors--orange--700: #813100;
  --_primitives-2---colors--colors--orange--800: #4f1c00;
  --_primitives-2---colors--colors--orange--900: #200700;
  --_primitives-2---colors--colors--red--700: #920b3a;
  --_primitives-2---colors--colors--red--500: #f31260;
  --_primitives-2---colors--colors--red--800: #610726;
  --_primitives-2---colors--colors--red--50: #fee7ef;
  --_primitives-2---colors--colors--red--100: #fdd0df;
  --_primitives-2---colors--colors--red--600: #c20e4d;
  --_primitives-2---colors--colors--red--300: #f871a0;
  --_primitives-2---colors--colors--red--400: #f54180;
  --_primitives-2---colors--colors--red--900: #310413;
  --_primitives-2---colors--colors--violet--300: #c4b4ff;
  --_primitives-2---colors--colors--violet--200: #ddd6ff;
  --_primitives-2---colors--colors--violet--50: #f5f3ff;
  --_primitives-2---colors--colors--violet--700: #7008e7;
  --_primitives-2---colors--colors--violet--600: #7f22fe;
  --_primitives-2---colors--colors--violet--100: #ede9fe;
  --_primitives-2---colors--colors--violet--800: #5d0ec0;
  --_primitives-2---colors--colors--violet--900: #4d179a;
  --_primitives-2---colors--colors--violet--400: #a684ff;
  --_primitives-2---colors--colors--violet--500: #8e51ff;
  --_primitives-2---colors--colors--yellow--200: #ffd07d;
  --_primitives-2---colors--colors--yellow--700: #815100;
  --_primitives-2---colors--colors--yellow--400: #ffa70f;
  --_primitives-2---colors--colors--yellow--900: #1f0f00;
  --_primitives-2---colors--colors--yellow--600: #b37100;
  --_primitives-2---colors--colors--yellow--300: #ffbe4b;
  --_primitives-2---colors--colors--yellow--800: #4e2f00;
  --_primitives-2---colors--colors--zinc--200: #e4e4e7;
  --_primitives-2---colors--colors--zinc--100: #f4f4f5;
  --_primitives-2---colors--colors--zinc--600: #52525b;
  --_primitives-2---colors--colors--zinc--50: #fafafa;
  --_primitives-2---colors--colors--zinc--900: #18181b;
  --_primitives-2---colors--colors--zinc--700: #3f3f46;
  --_primitives-2---colors--colors--zinc--800: #27272a;
  --_primitives-2---colors--colors--zinc--400: #a1a1aa;
  --_primitives-2---colors--colors--zinc--300: #d4d4d8;
  --_tokens-2---layout--divider-weight: 1px;
  --_tokens-2---layout--disabled-opacity: .5px;
  --_tokens-2---layout--line-height--leading-small: var(--_units---units--unit-5);
  --_tokens-2---layout--line-height--leading-medium: var(--_units---units--unit-6);
  --_tokens-2---layout--line-height--leading-large: var(--_units---units--unit-7);
  --_tokens-2---layout--line-height--leading-tiny: var(--_units---units--unit-4);
  --_tokens-2---layout--radius--rounded-small: var(--_units---units--unit-2-2);
  --_tokens-2---layout--radius--rounded-medium: var(--_units---units--unit-3);
  --_tokens-2---layout--radius--rounded-card: var(--_units---units--unit-3);
  --_tokens-2---layout--radius--rounded-large: var(--_units---units--unit-4);
  --_tokens-2---layout--radius--rounded-popup: var(--_units---units--unit-3);
  --_tokens-2---layout--radius--rounded-none: var(--_units---units--unit-0);
  --_tokens-2---layout--radius--rounded-xl: var(--_units---units--unit-5);
  --_tokens-2---layout--radius--rounded-xxxl: var(--_units---units--unit-7);
  --_tokens-2---layout--radius--rounded-xxl: var(--_units---units--unit-6);
  --_tokens-2---layout--spacing--indent: var(--_units---units--unit-3);
  --_tokens-2---layout--spacing--popup-padding-x: var(--_units---units--unit-4);
  --_tokens-2---layout--spacing--popup-gap: var(--_units---units--unit-4);
  --_tokens-2---layout--spacing--padding-x: var(--_units---units--unit-3);
  --_tokens-2---layout--spacing--popup-padding-y: var(--_units---units--unit-4);
  --_units---units--unit-0: 0px;
  --_units---units--unit-4: 16px;
  --_units---units--unit-8: 32px;
  --_units---units--unit-6: 24px;
  --_units---units--unit-3: 12px;
  --_units---units--unit: 4px;
  --_units---units--unit-9: 36px;
  --_units---units--unit-10: 40px;
  --_units---units--unit-2-2: 8px;
  --_units---units--unit-24: 96px;
  --_units---units--unit-11: 44px;
  --_units---units--unit-12: 48px;
  --_units---units--unit-20: 80px;
  --_units---units--unit-13: 52px;
  --_units---units--unit-18: 72px;
  --_units---units--unit-14: 56px;
  --_units---units--unit-7: 28px;
  --_units---units--unit-15: 60px;
  --_units---units--unit-17: 68px;
  --_units---units--unit-16: 64px;
  --_typescale---body-large--size: 16px;
  --_units---units--unit-4\<deleted\|variable-2faf27d1-8e59-d682-a0db-9e8acdc64c2a\>: 16px;
  --_units---units--unit-7\<deleted\|variable-a6069b21-c966-25f2-ac96-3c2f2dce2e30\>: 28px;
  --_units---units--unit-5\<deleted\|variable-14209e94-6a8f-bcbd-4adc-26753ce66a65\>: 20px;
  --_units---units--unit-6\<deleted\|variable-3da93bd7-08ac-5514-cc9b-3de121e50dc2\>: 24px;
  --_units---units--unit-3\<deleted\|variable-ab6cb435-ae2d-54fa-2d59-2d27d0befeb4\>: 12px;
  --_units---units--unit-0\<deleted\|variable-e1407189-f254-dfcb-a206-3eda8ad0eab7\>: 0px;
  --_units---units--unit-2-2\<deleted\|variable-8c8c21fb-e0e3-0f79-8079-24a9c0be17df\>: 8px;
  --_units---units--unit-24\<deleted\|variable-a63ffeb4-e6ef-33c7-07bd-6acc9c14ba4a\>: 96px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.slide-two {
  opacity: .6;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.body {
  background-color: var(--_primitives---colors--colors--background);
  margin-left: 0;
  margin-right: 0;
  padding-top: 44px;
  padding-left: 44px;
  padding-right: 44px;
  font-family: Manrope, sans-serif;
}

.body.body_mobile {
  padding-top: 24px;
}

.hero-title {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 64px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

.hero-text {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .375rem;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 136%;
  text-decoration: none;
  display: inline-block;
}

.frame-style-5 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-6 {
  padding-top: 0;
  position: absolute;
  inset: auto auto 46% 16%;
}

.frame-style-7 {
  flex: 0 auto;
  align-self: flex-end;
  margin-right: 0;
  padding-right: 0;
  position: absolute;
  inset: auto 17% 30% auto;
}

.hero-section {
  grid-row-gap: 40px;
  background-color: var(--_primitives---colors--colors--zinc--900);
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background-image: radial-gradient(circle at 50% 100%, #ffffff1f 5%, #ffffff03 38%);
  border-radius: 32px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 750px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section.content-view {
  background-image: radial-gradient(circle at 50% 100%, #ffffff1f, #ffffff03 47%);
  padding-top: 44px;
  padding-bottom: 44px;
}

.hero-section.content-view.content-view-mobile {
  background-image: radial-gradient(circle at 50% 100%, #ffffff1f, #ffffff03 47%);
}

.hero-section.content-view.content-view-mobile.slider {
  justify-content: space-between;
  height: auto;
  min-height: 800px;
  padding-bottom: 44px;
  padding-left: 0;
  padding-right: 0;
}

.hero-section.content-view.content-view-mobile.slider .slide {
  height: auto;
}

.hero-section.content-view.content-view-mobile.slider .w-slider,
.hero-section.content-view.content-view-mobile.slider .w-slider-mask {
  height: auto;
}

.hero-section.content-view.people {
  background-color: #18181b;
  background-image: none;
  height: 725px;
  padding: 0 0 44px;
}

.hero-section.main {
  background-color: var(--_primitives---colors--colors--zinc--900);
  justify-content: space-between;
  align-items: center;
  position: static;
}

.overlay {
  background-color: var(--_primitives---colors--color--light-green--600);
  pointer-events: none;
  flex: 0 auto;
  position: absolute;
  inset: 0;
}

.navbar {
  background-color: #03030300;
  border: 1px solid #0000;
  flex-flow: row;
  justify-content: center;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}

.section {
  border: 1px solid #0000;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav_buttons {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.brand {
  flex: 0 auto;
  align-self: center;
}

.nav-cta-button {
  background-image: linear-gradient(#ff9030, #f76100);
  border-radius: 9999px;
  color: #18181b;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 24px;
  line-height: 1.3;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.nav-cta-button:hover {
  opacity: 0.9;
}

.screen-image {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  display: block;
  position: static;
}

.image-4 {
  max-width: 321px;
  display: block;
  position: static;
  inset: auto auto 0%;
  overflow: clip;
}

.container-5 {
  max-width: 540px;
}

.image-5 {
  text-overflow: clip;
  white-space: nowrap;
  flex: 0 auto;
  align-self: auto;
  max-width: 392px;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: visible;
}

.hero-text-body {
  max-width: 574px;
  min-height: 0;
}

.pink {
  color: var(--_primitives-2---colors--colors--red--200);
}

.motivating {
  grid-row-gap: 32px;
  border-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 36px;
  padding-bottom: 36px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.motivating-title {
  color: var(--_tokens-2---colors--base--body-foreground);
  text-align: center;
  flex: 0 auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 32px;
  font-family: Manrope, sans-serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

.motivating-subtitle {
  color: var(--_primitives-2---colors--colors--red--200);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.contetn-section {
  grid-column-gap: 61px;
  grid-row-gap: 61px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.contetn-section.slide {
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.ai-cards-slide {
  padding-bottom: 44px;
}

.contetn-section.people {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  position: relative;
}

.div-block {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-2 {
  background-color: var(--_tokens---colors--base--regular);
  border-radius: 32px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.button-style {
  grid-column-gap: 10px;
  border-radius: var(--_tokens-2---layout--radius--rounded-full);
  color: var(--_primitives---colors--colors--zinc--900);
  text-align: center;
  text-transform: uppercase;
  background-image: linear-gradient(#ff9030, #f76100), linear-gradient(#f58d2b, #ea6a2e);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 19px 48px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.button-style.mobile {
  display: none;
}

.button-style.hide-mob.g-recaptcha {
  flex: 0 auto;
}

.button-style.hide-mob.g-recaptcha.show-mob {
  display: none;
}

.content-title {
  color: var(--_tokens---colors--base--body-foreground);
  font-size: 52px;
  font-weight: 800;
  line-height: 59px;
  text-transform: uppercase;
}

.list {
  color: var(--white-60);
  background-color: #0000;
  margin-top: 32px;
  margin-bottom: 47px;
  padding-left: 0;
  font-size: 28px;
  line-height: 38px;
  list-style-type: none;
}

.list-item {
  margin-bottom: 24px;
}

.div-block-3 {
  display: flex;
}

.image-6 {
  align-self: center;
  display: block;
  position: relative;
  overflow: visible;
  max-width: none;
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  margin: 0;
}

.image-7 {
  align-self: flex-start;
  max-width: 27px;
  margin-top: 30px;
  padding-top: 0;
  position: static;
  inset: 5% auto auto 6%;
}

.paragraph {
  color: #fff;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
}

.div-block-4 {
  color: #d32929;
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  overflow: visible;
  padding: 150px 20px 0 20px;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.text-span {
  color: #fff;
}

.image-8 {
  z-index: auto;
  position: absolute;
  inset: auto 3% 4% auto;
}

.button-div {
  align-self: center;
}

.cursor {
  position: absolute;
  top: 201.158px;
  left: 916px;
}

.right {
  background-color: var(--_tokens-2---colors--base--regular);
  background-image: url('../upImages/yellow-background.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 32px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  /* add padding to the right */
  padding: 48px 36px 0px 36px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.left {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2131328676 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style {
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-mobile {
  color: var(--_primitives-2---colors--colors--red--200);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

.title-mobile.hidedesctopr {
  display: none;
}

.frame-2087325463 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-2131328673,
.frame-2131328674 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.outline-button-non-cta {
  grid-column-gap: 4px;
  color: var(--_tokens---colors--base--regular-foreground);
  background-color: #3898ec00;
  border: 1px solid #ffffff80;
  border-radius: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.outline-button-non-cta:active {
  border-color: var(--_tokens---colors--base--secondary);
  color: var(--_tokens---colors--base--secondary);
}

.outline-button-non-cta:visited {
  color: var(--_tokens---colors--base--secondary);
}

._01 {
  color: var(--_primitives-2---colors--color--pink--200);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.feed-the-app-what-matters-to-you-and-our-ai-will-build-your-personalized-lessonsmaking-your-speech-f {
  opacity: .6;
  color: var(--_tokens-2---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

._02 {
  color: var(--_primitives-2---colors--color--pink--200);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.swipe-practice-and-get-results-master-your-favorite-topic-or-explore-something-new {
  opacity: .6;
  color: var(--_tokens-2---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.frame-style-9 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.how-works-cards {
  grid-column-gap: 24px;
  align-items: stretch;
}

.how-works-card {
  flex: 1;
  min-height: 182px;
  padding: 24px 20px;
  border-radius: 32px;
  color: #18181b;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: 12px;
}

.how-works-card--pink {
  background-image: linear-gradient(233.5101257913deg, #fe6ab5 9.7491%, #fc8cc5 87.389%);
}

.how-works-card--green {
  background-image: linear-gradient(154.3819938919deg, #7bc490 11.143%, #53b16e 78.386%);
}

.how-works-card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
}

.how-works-card-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.how-works-cards--mobile {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  row-gap: 16px;
}

.how-works-card--mobile {
  min-height: auto;
  padding: 20px;
  border-radius: 24px;
}

.how-works-card--mobile .how-works-card-title {
  line-height: 22px;
}

.how-works-card--mobile .how-works-card-text {
  font-size: 12px;
  line-height: 140%;
}

.frame-style-10 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-11 {
  padding: var(--_units---units--unit-5);
  grid-row-gap: 12px;
  background-color: var(--_tokens-2---colors--base--regular);
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-12 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-13 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.selectable-image {
  align-self: center;
  width: auto;
  max-width: none;
  height: 100%;
  transition: opacity .5s;
}

.sub-block-title {
  align-self: flex-start;
  margin-left: 44px;
  margin-top: 44px;
  display: flex;
  position: relative;
  z-index: 2;
}

.footer {
  grid-row-gap: 40px;
  background-color: var(--_tokens-2---colors--base--body);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 28px 120px;
  text-decoration: none;
  display: flex;
}

.linkmenu {
  grid-column-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.contact,
.tiktok,
.instagram,
.telegram {
  opacity: .6;
  color: var(--_tokens-2---colors--base--card-foreground);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

._2025-jenzi {
  color: var(--_primitives-2---colors--colors--zinc--500);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.div-block-6 {
  align-self: center;
  height: 100%;
}

.slider-2 {
  background-color: #ddd0;
  width: 100%;
  height: auto;
}

.mask {
  outline-offset: 0px;
  mix-blend-mode: normal;
  background-color: #0000;
  outline: 3px #333;
}

.slide {
  height: 682px;
}

.slide-nav {
  margin-bottom: -61px;
}

.ai-powered-cards {
  color: var(--_tokens-2---colors--base--body-foreground);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

.blocktitel-mobile {
  color: var(--_tokens-2---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.block-bodymobile {
  opacity: .6;
  color: var(--_tokens-2---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.from-scratch {
  color: var(--_tokens-2---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.just-name-a-topic-ai-automatically-builds-a-custom-word-set {
  opacity: .6;
  color: var(--_tokens-2---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.blocks-mobile {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 682px;
  text-decoration: none;
  display: flex;
}

.ai-cards-features {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ai-cards-feature {
  min-height: 247px;
  padding: 24px;
  border-radius: 32px;
  color: #18181b;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: 12px;
  width: 100%;
  display: flex;
}

.ai-cards-feature--pink {
  background-image: url('../upImages/pink_card_with_wave.png');
}

.ai-cards-feature--green {
  background-image: url('../upImages/green_background_with_wave.png');
}

.ai-cards-feature-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.ai-cards-feature-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.ai-cards-visual {
  background-image: url('../upImages/blue_card_background_with_sparcles.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 712px;
}

.ai-cards-visual-title {
  margin-left: 44px;
  margin-top: 44px;
}

.ai-cards-visual-text {
  color: #fff;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.ai-cards-visual .div-block-4 {
  padding: 116px 26px 0;
}

.ai-cards-visual .image-10 {
  width: 100%;
  max-width: 520px;
  height: auto;
}

.learning-games-slide {
  padding-bottom: 44px;
}

.learning-games-features {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.learning-games-feature {
  min-height: 247px;
  padding: 24px;
  border-radius: 32px;
  color: #18181b;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: 12px;
  width: 100%;
  display: flex;
}

.learning-games-feature--yellow {
  background-image: url('../upImages/yellow_card_with_square.png');
}

.learning-games-feature--pink {
  background-image: url('../upImages/pink_rectangle_card_with_sparkle.png');
}

.learning-games-feature-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.learning-games-feature-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.learning-games-visual {
  background-image: url('../upImages/green_card_background_with_sparkles.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 712px;
}

.learning-games-visual-title {
  margin-left: 44px;
  margin-top: 44px;
}

.learning-games-visual-text {
  color: #fff;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 16px;
  text-transform: uppercase;
}

.learning-games-visual .div-block-4 {
  padding: 116px 26px 0;
}

.learning-games-visual .image-11 {
  width: 100%;
  max-width: 520px;
  height: auto;
}

.smart-translator-slide {
  padding-bottom: 44px;
}

.smart-translator-features {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.smart-translator-feature {
  min-height: 247px;
  padding: 24px;
  border-radius: 32px;
  color: #18181b;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: 12px;
  width: 100%;
  display: flex;
}

.smart-translator-feature--yellow {
  background-image: url('../upImages/yellow_card_with_square.png');
}

.smart-translator-feature--pink {
  background-image: url('../upImages/pink_rectangle_card_with_sparkle.png');
}

.smart-translator-feature-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.smart-translator-feature-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.smart-translator-visual {
  background-image: url('../upImages/pink_background_with_stars.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 712px;
}

.smart-translator-visual-title {
  margin-left: 44px;
  margin-top: 44px;
}

.smart-translator-visual-text {
  color: #fff;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.smart-translator-visual .div-block-4 {
  padding: 116px 26px 0;
}

.smart-translator-visual .image-12 {
  width: 100%;
  max-width: 520px;
  height: auto;
}

.frame-style-2 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-4 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-8 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-14 {
  padding: var(--_units---units--unit-5);
  grid-row-gap: 12px;
  background-color: var(--_tokens-2---colors--base--regular);
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._01-2,
._02-2 {
  color: var(--_primitives-2---colors--color--pink--200);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.image-10 {
  max-width: 413px;
}

.image-11 {
  max-width: 362px;
}

.image-12 {
  max-width: 409px;
}

.right-swipe-icon {
  background-color: #000;
  border-radius: 100%;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: 26px;
  display: flex;
}

.right-swipe-icon.lefft-swipe {
  margin-left: -47px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.icon {
  color: var(--white-60);
  flex-flow: row;
  align-self: center;
  margin: auto 8px;
  font-size: 26px;
  display: flex;
  inset: 0% 0% 0% auto;
}

.right-arrow {
  inset: 0% 0% 0% auto;
}

.div-block-9 {
  flex-flow: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.icon-2 {
  color: var(--white-60);
  margin-left: 8px;
  margin-right: 8px;
  font-size: 26px;
  inset: 0% auto 0% 0%;
}

.paragraph-3 {
  opacity: .6;
  color: var(--_primitives---colors--colors--white);
  text-align: center;
  padding-bottom: 80px;
  font-size: 24px;
}

.people-copy {
  position: absolute;
  left: 44px;
  top: 421px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 795px;
}

.people-title {
  width: 577px;
  padding-bottom: 0;
  font-size: 52px;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
}

.people-subtitle {
  width: 795px;
  margin-bottom: 0;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
  font-size: 28px;
  line-height: 1.35;
  opacity: 1;
}

.people-subtitle .pink {
  color: #faa0bf;
}

.people-cta {
  margin-top: 32px;
}

.people-photo {
  object-fit: cover;
  position: absolute;
}

.people-photo--left {
  height: 420px;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.people-photo--left-mobile {
  display: none;
}

.people-photo--right {
  transform: translateY(-50%);
  top: 50%;
  height: 511px;
  right: 0px;
  z-index: 1;
}

.people-photo--top-right {
  height: 40%;
  left: calc(40% + 240.8px);
  top: 0px;
  z-index: 2;
}

.people-photo--mid-left {
  width: 287px;
  height: 287px;
  left: calc(20% + 109.4px);
  top: 27px;
  z-index: 2;
}

.people-photo--center {
  width: 188px;
  height: 188px;
  left: calc(40% + 76.8px);
  top: 247px;
  z-index: 3;
}

.image-13 {
  width: 291px;
}

.div-block-10 {
  flex-flow: column;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  display: flex;
}

.image-15 {
  width: 444px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-16 {
  width: 435px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.iconfeather-icon {
  opacity: .6;
  padding-right: 11px;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.content-style {
  grid-row-gap: 0px;
  background-color: #18181b;
  border-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  min-height: 520px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 52px 44px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form {
  grid-row-gap: 36px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 664px;
  padding-top: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  z-index: 2;
}

.form.description {
  flex: 0 auto;
}

.form-copy {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.form-title {
  color: #ffffff;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.05;
  text-transform: uppercase;
}

.form-title-highlight {
  color: #faa0bf;
}

.form-subtitle,
.form-caption {
  opacity: .6;
  color: #ffffff;
  width: 100%;
  margin: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.35;
}

.form-cta {
  width: 100%;
  max-width: 664px;
}

.form-decor {
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.form-decor--blue {
  width: 592px;
  top: 0px;
  right: 88px;
}

.form-decor--pink {
  height: 419px;
  top: auto;
  right: 0px;
}

.form-decor--yellow {
  width: 440px;
  bottom: 0px;
  right: 147px;
}

.leave-your-email-to-get-early-access-a-bonus-after-launch {
  opacity: .6;
  color: var(--_tokens-2---colors--base--body-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.email {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2131328677 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.input {
  grid-column-gap: 8px;
  background-color: var(--_tokens-2---colors--base--regular);
  border: 1px solid #ffffff80;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 44px;
  margin-bottom: 0;
  padding: 10px 0 10px 16px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.content-style .input {
  background-color: #27272a;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  height: 56px;
  padding: 0 24px;
  font-weight: 600;
  color: #ffffff;
  text-transform: none;
}

.content-style .input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.content-style .input:focus,
.content-style .input:focus-visible {
  border-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15);
  outline: none;
}

.content-style .div-block-16 {
  display: none;
}

.placeholder {
  opacity: .6;
  color: var(--_tokens-2---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.try-jenzi-in-action-and-tell-us-what-you-think-your-feedback-shapes-the-app {
  opacity: .6;
  color: var(--_tokens-2---colors--base--regular-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.bold-text {
  color: var(--_primitives---colors--colors--white);
}

.section-2-body {
  grid-row-gap: 20px;
  background-color: var(--_tokens-2---colors--base--card);
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 44px 44px 0;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.frame-2131328679 {
  grid-column-gap: 40px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.faq {
  color: var(--_primitives-2---colors--colors--white);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

.faq.hide-desctop {
  display: none;
}

.jenzi-_-1 {
  align-self: center;
  width: 460px;
  max-width: none;
  position: static;
  inset: auto 0% 0% 7%;
  overflow: hidden;
}

.frame-2131328686 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-style {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.faq-item-question {
  color: var(--_tokens-2---colors--base--body-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.faq-item-answer {
  opacity: .6;
  color: var(--_tokens-2---colors--base--regular-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.iconfeather-icon-2 {
  overflow: hidden;
}

.left-3 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
  position: static;
}

.frame-style-17 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 42px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.faq-item {
  grid-column-gap: 24px;
  background-color: var(--_tokens-2---colors--base--body);
  border: 1px solid #fff9;
  border-radius: 32px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  padding: 20px 24px;
  text-decoration: none;
  display: flex;
}

.icon-3 {
  grid-column-gap: 10px;
  background-color: var(--_tokens-2---colors--base--regular);
  border-radius: 600px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.how-itworks-mobile {
  display: none;
}

.feed-the-app-what-matters-to-you-and-our-ai-will-build-your-personalized-lessons-making-your-speech {
  opacity: .6;
  color: var(--_tokens---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.left-4 {
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-2131328676-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hoowworkspoint {
  color: var(--_tokens---colors--base--regular-foreground);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.hoowworkspoint.is-active {
  color: var(--_tokens---colors--base--secondary);
  font-weight: 600;
}

.frame-style-18 {
  padding: var(--_units-2---units--unit-5);
  grid-row-gap: 12px;
  background-color: var(--_tokens---colors--base--regular);
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._01-3,
._02-3 {
  color: var(--_primitives---colors--color--pink--200);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.swipe-practice-and-get-results-master-your-favorite-topic-or-explore-something-new-2 {
  opacity: .6;
  color: var(--_tokens---colors--base--card-foreground);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.div-block-12 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  background-color: var(--_tokens---colors--base--default-900);
  border-radius: 32px;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-block {
  flex-flow: column;
  flex: 0 auto;
  align-self: stretch;
  display: block;
}

.div-block-14 {
  grid-column-gap: 4px;
  grid-row-gap: 11px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  max-width: 664px;
  margin-bottom: 12px;
  display: flex;
  position: static;
}

.div-block-15 {
  flex: 1;
  display: flex;
  position: relative;
}

.div-block-16 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.form-2 {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 664px;
  display: flex;
}

.div-block-17 {
  flex: 1;
  display: flex;
  position: relative;
}

.recaptcha {
  flex: 0 auto;
  align-self: flex-start;
}

@media screen and (max-width: 991px) {
  .body.body_mobile {
    padding-left: 12px;
    padding-right: 12px;
  }

  .nav-cta-button {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .slide-two {
    background-color: var(--_tokens---colors--base--card);
    opacity: 86;
    text-align: left;
    border-radius: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .body.body_mobile {
    padding-top: 11px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero-title {
    font-size: 32px;
  }

  .hero-text {
    margin-bottom: 26px;
    font-size: 16px;
  }

  .frame-style-6 {
    opacity: 1;
    display: none;
    overflow: hidden;
  }

  .frame-style-7 {
    display: none;
  }

  .hero-section {
    height: 553px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section.content-view {
    height: auto;
  }

  .hero-section.content-view.content-view-mobile {
    background-image: none;
    height: auto;
    padding-top: 16px;
  }

  .hero-section.content-view.content-view-mobile.slider {
    display: none;
  }

  .hero-section.content-view.people {
    height: 418px;
    padding: 0;
  }

  .hero-section.content-view.works {
    display: none;
  }

  .hero-section.main {
    height: 646px;
  }

  .section {
    flex: 1;
    justify-content: space-between;
  }

  .nav_buttons {
    background-color: var(--_tokens---colors--base--card-border);
  }

  .logo_mobile {
    max-width: 60px;
  }

  .screen-image {
    width: auto;
  }

  .image-4 {
    align-self: center;
    width: 217px;
    max-width: none;
    height: 100%;
    padding-left: 0;
    overflow: visible;
  }

  .image-5 {
    max-width: 83px;
    overflow: scroll;
  }

  .motivating-title {
    font-size: 28px;
  }

  .menu-button {
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-button.w--open {
    background-color: #212121;
  }

  .contetn-section {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
    flex: 1;
    align-self: auto;
  }

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

  .button-style {
    flex: 0 auto;
    margin-bottom: 30px;
  }

  .button-style.mobile {
    margin-bottom: 0;
    display: flex;
  }

  .button-style.hide-mob {
    display: none;
  }

  .button-style.hide-mob.g-recaptcha.show-mob {
    flex: 1;
    width: 100%;
    padding-left: 35px;
    display: block;
  }

  .content-title {
    font-size: 28px;
    line-height: 120%;
  }

  .list {
    letter-spacing: .5px;
    font-size: 20px;
    line-height: 24px;
  }

  .div-block-3 {
    justify-content: center;
    width: 100%;
  }

  .image-6 {
    max-width: 147%;
  }

  .ai-learning-card {
    min-height: 295px;
    overflow: hidden;
  }

  .ai-learning-card .div-block-4 {
    width: 100%;
    padding: 12px 16px 0px;
    align-items: flex-end;
  }

  .ai-learning-card .image-6 {
    width: 72%;
    height: auto;
    max-width: none;
  }

  .image-7 {
    flex: 1;
    align-self: flex-start;
    max-width: 21px;
    margin-top: 12px;
    margin-left: 11px;
    top: 8%;
    left: 5%;
  }

  .paragraph {
    color: #fff;
    margin-bottom: 12px;
    padding-top: 17px;
    padding-left: 0;
    padding-right: 36px;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
  }

  .div-block-4 {
    align-self: center;
    width: 140px;
    position: static;
  }

  .image-8 {
    display: none;
  }

  .button-div {
    width: 100%;
  }

  .title-mobile {
    text-align: left;
    padding-top: 24px;
    padding-bottom: 30px;
    padding-left: 20px;
    font-size: 28px;
  }

  .title-mobile.white {
    color: var(--_tokens---colors--base--body-foreground);
  }

  .title-mobile.hidedesctopr {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
  }

  .selectable-image {
    height: 100px;
  }

  .sub-block-title {
    margin-left: 12px;
  }

  .ai-learning-card .sub-block-title {
    margin-left: 20px;
    margin-top: 24px;
  }

  .div-block-6 {
    width: 933px;
  }

  .slider-2 {
    margin-bottom: 75px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .mask {
    position: relative;
  }

  .slide {
    height: 275px;
  }

  .blocktitel-mobile {
    font-size: 24px;
  }

  .blocktitel-mobile.pink {
    color: var(--_primitives---colors--color--pink--200);
  }

  .block-bodymobile {
    font-size: 12px;
    line-height: 154%;
  }

  .blocks-mobile {
    flex-flow: row;
    height: auto;
  }

  .frame-style-2 {
    grid-row-gap: 0px;
  }

  .frame-style-14 {
    margin-top: 1px;
    margin-bottom: 15px;
  }

  .image-10 {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .paragraph-3 {
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .people-copy {
    left: 50%;
    top: 36px;
    width: calc(100% - 24px);
    max-width: 327px;
    align-items: center;
    text-align: center;
    transform: translateX(-50%);
    row-gap: 32px;
  }

  .people-title {
    width: 100%;
    font-size: 28px;
    line-height: 1.2;
    padding-bottom: 0;
    margin: 0;
    text-align: center;
  }

  .people-subtitle {
    width: 100%;
    font-size: 20px;
    line-height: 1.35;
    text-align: center;
  }

  .people-cta {
    width: 100%;
    max-width: 320px;
    margin-top: 0;
  }

  .people-photo--left {
    display: none;
  }

  .people-photo--left-mobile {
    display: block;
    /* width: 158px; */
    height: 158px;
    /* left: -54px; */
    top: auto;
    bottom: 0;
  }

  .people-photo--right {

    height: 167px;

    top: auto;
    right: 0px;
    transform: none;
    bottom: -20px;
  }

  .people-photo--top-right {
    display: none;
  }

  .people-photo--mid-left {
    width: 120px;
    height: 120px;
    left: 127px;
    top: 326px;
  }

  .people-photo--center {
    width: 62px;
    height: 62px;
    left: 210px;
    top: 268px;
  }

  .content-style {
    flex-flow: column;
    min-height: auto;
    padding: 32px 20px;
  }

  .form {
    grid-row-gap: 24px;
    flex-flow: column;
    align-self: stretch;
    align-items: flex-start;
  }

  .form.description {
    display: none;
  }

  .leave-your-email-to-get-early-access-a-bonus-after-launch {
    font-size: 20px;
    line-height: 114%;
  }

  .form-copy {
    grid-row-gap: 16px;
    margin-bottom: 0;
  }

  .form-title {
    font-size: 28px;
    line-height: 1.2;
  }

  .form-subtitle,
  .form-caption {
    font-size: 20px;
    line-height: 1.4;
  }

  .div-block-14 {
    flex-direction: column;
    grid-row-gap: 12px;
    max-width: none;
  }

  .form-cta {
    max-width: none;
  }

  .form-decor {
    display: none;
  }

  .frame-2131328677 {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .faq {
    align-self: flex-start;
    margin-bottom: 25px;
    font-size: 28px;
  }

  .faq.hide-desctop {
    display: block;
  }

  .left-3 {
    display: none;
  }

  .image-17 {
    text-align: left;
    flex: 0 auto;
    align-self: center;
    width: auto;
    max-width: none;
    height: 99.9999%;
  }

  .div-block-11 {
    background-color: var(--_tokens---colors--base--regular);
    background-image: url('../upImages/yellow-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    width: 100%;
    height: 100%;
    padding-top: 18px;
    display: flex;
  }

  .how-itworks-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--_tokens---colors--base--card);
    border-radius: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 8px;
    display: block;
  }

  .how-itworks-mobile .slider-2 .w-slider-nav {
    display: none;
  }

  .how-itworks-mobile.slider {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ai-cards-mobile-card,
  .learning-games-mobile-card,
  .smart-translator-mobile-card {
    background-color: #18181b;
    border-radius: 32px;
    padding: 28px 20px 20px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }

  .ai-cards-mobile-header,
  .learning-games-mobile-header,
  .smart-translator-mobile-header {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
  }

  .ai-cards-mobile-title,
  .learning-games-mobile-title,
  .smart-translator-mobile-title {
    color: #fff;
    margin: 0;
    font-family: Manrope, sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 120%;
    text-transform: uppercase;
  }

  .ai-cards-mobile-subtitle,
  .learning-games-mobile-subtitle,
  .smart-translator-mobile-subtitle {
    color: #fff;
    opacity: .6;
    margin: 0;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
  }

  .ai-cards-features--mobile,
  .learning-games-features--mobile,
  .smart-translator-features--mobile {
    grid-row-gap: 16px;
  }

  .ai-cards-feature--mobile,
  .learning-games-feature--mobile,
  .smart-translator-feature--mobile {
    min-height: 150px;
    padding: 20px;
    border-radius: 24px;
  }

  .ai-cards-feature--mobile .ai-cards-feature-title,
  .learning-games-feature--mobile .learning-games-feature-title,
  .smart-translator-feature--mobile .smart-translator-feature-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
  }

  .ai-cards-feature--mobile .ai-cards-feature-text,
  .learning-games-feature--mobile .learning-games-feature-text,
  .smart-translator-feature--mobile .smart-translator-feature-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
  }

  .ai-cards-visual--mobile,
  .learning-games-visual--mobile,
  .smart-translator-visual--mobile {
    min-height: 295px;
    border-radius: 24px;
    padding: 24px 20px 0px 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .ai-cards-visual--mobile .ai-cards-visual-text,
  .learning-games-visual--mobile .learning-games-visual-text,
  .smart-translator-visual--mobile .smart-translator-visual-text {
    font-size: 20px;
    line-height: 120%;
  }

  .ai-cards-visual-media,
  .learning-games-visual-media,
  .smart-translator-visual-media {
    margin-top: auto;
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .ai-cards-visual-image,
  .learning-games-visual-image,
  .smart-translator-visual-image {
    width: 100%;
    max-width: 240px;
    height: auto;
  }

  .left-4 {
    margin-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-2131328676-2 {
    grid-row-gap: 18px;
    justify-content: center;
    align-items: flex-start;
  }

  .hoowworkspoint {
    line-height: 124%;
  }

  .screenshot-title-block {
    background-color: var(--_tokens---colors--base--regular);
    border-radius: 32px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    height: 295px;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
  }

  .div-block-12 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    min-height: 500px;
    margin-top: 19px;
    margin-bottom: 19px;
    padding-left: 13px;
    padding-right: 13px;
    position: relative;
  }

  .div-block-13 {
    justify-content: center;
    display: flex;
  }

  .icon-4 {
    opacity: .6;
  }

  .form-block {
    flex-flow: column;
    display: flex;
  }

  .div-block-14 {
    flex-flow: column;
  }
}