:root {
  --foundation-blueblue-50: rgba(235, 243, 255, 1);
  --foundation-blueblue-100: rgba(194, 217, 255, 1);
  --foundation-blueblue-200: rgba(164, 199, 255, 1);
  --foundation-blueblue-300: rgba(123, 174, 255, 1);
  --foundation-blueblue-400: rgba(97, 158, 255, 1);
  --foundation-blueblue-500: rgba(58, 134, 255, 1);
  --foundation-blueblue-600: rgba(53, 122, 232, 1);
  --foundation-blueblue-700: rgba(41, 95, 181, 1);
  --foundation-blueblue-800: rgba(32, 74, 140, 1);
  --foundation-blueblue-900: rgba(24, 56, 107, 1);
  --foundation-greylight: rgba(232, 232, 232, 1);
  --foundation-greylight-hover: rgba(221, 221, 221, 1);
  --foundation-greylight-active: rgba(184, 184, 184, 1);
  --foundation-greynormal: rgba(26, 26, 26, 1);
  --foundation-greynormal-hover: rgba(23, 23, 23, 1);
  --foundation-greynormal-active: rgba(21, 21, 21, 1);
  --foundation-greydark: rgba(20, 20, 20, 1);
  --foundation-greydark-hover: rgba(16, 16, 16, 1);
  --foundation-greydark-active: rgba(12, 12, 12, 1);
  --foundationgreydarker: rgba(9, 9, 9, 1);
  --foundation-whitelighter: rgba(244, 244, 244, 1);
  --foundation-whitelight-hover: rgba(242, 242, 242, 1);
  --foundation-whitelight-active: rgba(239, 239, 239, 1);
  --foundation-whitenormal: rgba(230, 230, 230, 1);
  --foundation-whitenormal-hover: rgba(196, 196, 196, 1);
  --foundation-whitenormal-active: rgba(168, 168, 168, 1);
  --foundation-whitedark: rgba(81, 81, 81, 1);
  --foundation-whitedark-hover: rgba(58, 58, 58, 1);
  --foundationwhitedark-active: rgba(25, 25, 25, 1);
  --neutralsdarkest: rgba(13, 3, 0, 1);
  --neutralsdarker: rgba(37, 28, 25, 1);
  --neutralsdark: rgba(85, 78, 76, 1);
  --neutralsneutral: rgba(134, 129, 127, 1);
  --neutralslight: rgba(182, 179, 178, 1);
  --neutralslighter: rgba(218, 217, 216, 1);
  --neutralslightest: rgba(242, 242, 242, 1);
  --neutralswhite: rgba(255, 255, 255, 1);
  --dodger-bluedarkest: rgba(17, 40, 76, 1);
  --dodger-bluedarker: rgba(23, 53, 102, 1);
  --dodger-bluedark: rgba(46, 107, 204, 1);
  --dodger-blueneutral: rgba(58, 134, 255, 1);
  --dodger-bluelight: rgba(117, 170, 255, 1);
  --dodger-bluelighter: rgba(215, 230, 255, 1);
  --dodger-bluelightest: rgba(235, 242, 255, 1);
  --text-regular-normal-font-family: "Roboto", Helvetica;
  --text-regular-normal-font-weight: 400;
  --text-regular-normal-font-size: 16px;
  --text-regular-normal-letter-spacing: 0px;
  --text-regular-normal-line-height: 150%;
  --text-regular-normal-font-style: normal;
  --heading-h1-font-family: "Roboto", Helvetica;
  --heading-h1-font-weight: 700;
  --heading-h1-font-size: 56px;
  --heading-h1-letter-spacing: 0px;
  --heading-h1-line-height: 120.00000476837158%;
  --heading-h1-font-style: normal;
  --text-medium-normal-font-family: "Roboto", Helvetica;
  --text-medium-normal-font-weight: 400;
  --text-medium-normal-font-size: 18px;
  --text-medium-normal-letter-spacing: 0px;
  --text-medium-normal-line-height: 150%;
  --text-medium-normal-font-style: normal;
  --heading-tagline-font-family: "Roboto", Helvetica;
  --heading-tagline-font-weight: 600;
  --heading-tagline-font-size: 16px;
  --heading-tagline-letter-spacing: 0px;
  --heading-tagline-line-height: 150%;
  --heading-tagline-font-style: normal;
  --heading-h2-font-family: "Roboto", Helvetica;
  --heading-h2-font-weight: 700;
  --heading-h2-font-size: 48px;
  --heading-h2-letter-spacing: 0px;
  --heading-h2-line-height: 120.00000476837158%;
  --heading-h2-font-style: normal;
  --heading-h4-font-family: "Roboto", Helvetica;
  --heading-h4-font-weight: 700;
  --heading-h4-font-size: 32px;
  --heading-h4-letter-spacing: 0px;
  --heading-h4-line-height: 129.99999523162842%;
  --heading-h4-font-style: normal;
  --heading-h6-font-family: "Roboto", Helvetica;
  --heading-h6-font-weight: 700;
  --heading-h6-font-size: 20px;
  --heading-h6-letter-spacing: 0px;
  --heading-h6-line-height: 139.9999976158142%;
  --heading-h6-font-style: normal;
  --text-tiny-normal-font-family: "Roboto", Helvetica;
  --text-tiny-normal-font-weight: 400;
  --text-tiny-normal-font-size: 12px;
  --text-tiny-normal-letter-spacing: 0px;
  --text-tiny-normal-line-height: 150%;
  --text-tiny-normal-font-style: normal;
  --text-regular-semi-bold-font-family: "Roboto", Helvetica;
  --text-regular-semi-bold-font-weight: 600;
  --text-regular-semi-bold-font-size: 16px;
  --text-regular-semi-bold-letter-spacing: 0px;
  --text-regular-semi-bold-line-height: 150%;
  --text-regular-semi-bold-font-style: normal;
  --text-small-normal-font-family: "Roboto", Helvetica;
  --text-small-normal-font-weight: 400;
  --text-small-normal-font-size: 14px;
  --text-small-normal-letter-spacing: 0px;
  --text-small-normal-line-height: 150%;
  --text-small-normal-font-style: normal;
  --text-small-link-font-family: "Roboto", Helvetica;
  --text-small-link-font-weight: 400;
  --text-small-link-font-size: 14px;
  --text-small-link-letter-spacing: 0px;
  --text-small-link-line-height: 150%;
  --text-small-link-font-style: normal;
  --primitives-color-white: rgba(255, 255, 255, 1);
  --primitives-color-neutral-darkest: rgba(0, 0, 0, 1);
  --color-schemes-color-scheme-1-text: var(--primitives-color-neutral-darkest);
  --spacing-sizing-max-width-max-width-large: 768px;
  --spacing-sizing-container-container-large: 1280px;
  --spacing-sizing-page-padding-padding-global: 64px;
  --spacing-sizing-section-padding-padding-section-large: 112px;
  --spacing-sizing-section-padding-padding-section-medium: 80px;
  --UI-styles-radius-large: 0px;
  --ai-maxw:1280px;
  --ai-gap-lg:80px;
  --ai-gap-md:32px;
  --ai-gap-sm:16px;
  --ai-text:#000;
  --ai-muted:#222;
  --ai-bg:#fff;
  --ai-h2:clamp(28px, 4.5vw, 40px);
  --ai-p:18px;
  --ai-sub:clamp(18px, 2.2vw, 22px);
  --bg:#0d0300; 
  --text:#ffffff; 
  --muted:#e9e9e9; 
  --blur:12px;  
  --alpha:0.12;
  --alpha-hover:0.22;
  --border-alpha:0.35;
  --border-alpha-h:0.55;
  --gap-24:24px;
  --gap-32:32px;
  --clr-bg: #ebf3ff;
  --clr-dark: #0d0300;
  --clr-white: #fff;
  --clr-black: #000;

  --gap-8: 8px;
  --gap-16: 16px;
  --gap-24: 24px;
  --gap-32: 32px;
  --gap-64: 64px;

  --pad-24: 24px;
  --pad-48: 48px;

  --fs-16: 16px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-40: 40px;

  --border-1: 1px solid rgba(0,0,0,0.15);
  --font-main: "Roboto", sans-serif;

  /* Glass variables */
  --glass-bg: rgba(255,255,255,0.12);
  --glass-bg-hover: rgba(255,255,255,0.22);
  --glass-border: rgba(255,255,255,0.35);
  --glass-border-hover: rgba(255,255,255,0.55);
  --glass-blur: 12px;
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-spacing-sizing-mode="desktop">
    <!-- the rest of your content -->
</body>


*/

[data-spacing-sizing-mode="desktop"] {
  --spacing-sizing-page-padding-padding-global: 64px;
  --spacing-sizing-section-padding-padding-section-large: 112px;
  --spacing-sizing-section-padding-padding-section-medium: 80px;
}

[data-spacing-sizing-mode="mobile"] {
  --spacing-sizing-page-padding-padding-global: 20px;
  --spacing-sizing-section-padding-padding-section-large: 64px;
  --spacing-sizing-section-padding-padding-section-medium: 48px;
}

body {
  font-family: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}