/* Global reset */
    *, *::before, *::after {
      box-sizing: border-box;
    }
    
    html {
      margin: 0;
      padding: 0;
      scroll-behavior: smooth;
    }
    
    body {
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, sans-serif;
      background-color: var(--colors-background-primary);
      color: var(--colors-text-primary);
    }
    
    :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, figure) {
      margin: 0;
    }
    :root {
      --color-color1-50: #F5F5F5;
      --color-color1-100: #E7E7E7;
      --color-color1-200: #D4D4D4;
      --color-color1-300: #BABABA;
      --color-color1-400: #9E9E9E;
      --color-color1-500: #808080;
      --color-color1-600: #616161;
      --color-color1-700: #424242;
      --color-color1-800: #262626;
      --color-color1-900: #121212;
      --color-color1-950: #000000;
      --color-white: #FFFFFF;
      --color-neutral-50: #F5F5F5;
      --color-neutral-100: #E7E7E7;
      --color-neutral-200: #D4D4D4;
      --color-neutral-300: #BABABA;
      --color-neutral-400: #9E9E9E;
      --color-neutral-500: #808080;
      --color-neutral-600: #616161;
      --color-neutral-700: #424242;
      --color-neutral-800: #262626;
      --color-neutral-900: #121212;
      --color-neutral-950: #000000;
      --color-transparent: transparent;
      --color-white-a5: rgba(255,255,255,0.05);
      --color-white-a10: rgba(255,255,255,0.10);
      --color-white-a15: rgba(255,255,255,0.15);
      --color-white-a20: rgba(255,255,255,0.20);
      --color-white-a30: rgba(255,255,255,0.30);
      --color-white-a40: rgba(255,255,255,0.40);
      --color-white-a50: rgba(255,255,255,0.50);
      --color-white-a60: rgba(255,255,255,0.60);
      --color-white-a70: rgba(255,255,255,0.70);
      --color-white-a80: rgba(255,255,255,0.80);
      --color-white-a90: rgba(255,255,255,0.90);
      --color-dark-a5: color-mix(in srgb, var(--color-neutral-950) 5%, transparent);
      --color-dark-a10: color-mix(in srgb, var(--color-neutral-950) 10%, transparent);
      --color-dark-a15: color-mix(in srgb, var(--color-neutral-950) 15%, transparent);
      --color-dark-a20: color-mix(in srgb, var(--color-neutral-950) 20%, transparent);
      --color-dark-a30: color-mix(in srgb, var(--color-neutral-950) 30%, transparent);
      --color-dark-a40: color-mix(in srgb, var(--color-neutral-950) 40%, transparent);
      --color-dark-a50: color-mix(in srgb, var(--color-neutral-950) 50%, transparent);
      --color-dark-a60: color-mix(in srgb, var(--color-neutral-950) 60%, transparent);
      --color-dark-a70: color-mix(in srgb, var(--color-neutral-950) 70%, transparent);
      --color-dark-a80: color-mix(in srgb, var(--color-neutral-950) 80%, transparent);
      --color-dark-a90: color-mix(in srgb, var(--color-neutral-950) 90%, transparent);
      --color-system-green-50: #EDF9F3;
      --color-system-green-100: #D3F1E2;
      --color-system-green-200: #ABE4C7;
      --color-system-green-300: #73D1A2;
      --color-system-green-400: #16B364;
      --color-system-green-500: #139855;
      --color-system-green-600: #0E7340;
      --color-system-green-700: #0A502D;
      --color-system-green-800: #062E1A;
      --color-system-green-900: #03160D;
      --color-system-green-950: #010A05;
      --color-system-yellow-50: #FCF4E0;
      --color-system-yellow-100: #F9E7BA;
      --color-system-yellow-200: #F4D178;
      --color-system-yellow-300: #EAAA08;
      --color-system-yellow-400: #CB9307;
      --color-system-yellow-500: #A57806;
      --color-system-yellow-600: #7C5A04;
      --color-system-yellow-700: #563E03;
      --color-system-yellow-800: #312402;
      --color-system-yellow-900: #171101;
      --color-system-yellow-950: #0A0700;
      --color-system-red-50: #FFF1F1;
      --color-system-red-100: #FFE0E0;
      --color-system-red-200: #FFC3C3;
      --color-system-red-300: #FF9999;
      --color-system-red-400: #FF4848;
      --color-system-red-500: #DD3E3E;
      --color-system-red-600: #A72F2F;
      --color-system-red-700: #742121;
      --color-system-red-800: #441313;
      --color-system-red-900: #200909;
      --color-system-red-950: #0F0404;
      --base-color1: #000000;
      --base-neutral: #000000;
      --scheme-background: var(--scheme1-background);
      --scheme-background-secondary: var(--scheme1-background-secondary);
      --scheme-heading: var(--scheme1-heading);
      --scheme-text: var(--scheme1-text);
      --scheme-accent: var(--scheme1-accent);
      --scheme-accent-subtle: color-mix(in srgb, var(--scheme-accent) 12%, transparent);
      --scheme-border: var(--scheme1-border);
      --scheme-text-muted: var(--scheme1-text-muted);
      --scheme1-background: var(--color-white);
      --scheme1-background-secondary: var(--color-neutral-50);
      --scheme1-heading: var(--color-neutral-950);
      --scheme1-text: var(--color-dark-a80);
      --scheme1-accent: var(--color-neutral-950);
      --scheme1-border: var(--color-dark-a15);
      --scheme1-accent-subtle: color-mix(in srgb, var(--scheme-accent) 12%, transparent);
      --scheme1-text-muted: var(--color-dark-a50);
      --font-family-heading: Inter;
      --font-family-body: Inter;
      --font-weight-light: 300;
      --font-weight-regular: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --font-weight-extrabold: 800;
      --heading-h1-size: 3.5rem;
      --heading-h2-size: 3rem;
      --heading-h3-size: 2.5rem;
      --heading-h4-size: 2rem;
      --heading-h5-size: 1.75rem;
      --heading-h6-size: 1.5rem;
      --heading-h1-line-height: 1.2;
      --heading-h2-line-height: 1.2;
      --heading-h3-line-height: 1.2;
      --heading-h4-line-height: 1.3;
      --heading-h5-line-height: 1.3;
      --heading-h6-line-height: 1.3;
      --heading-weight: 600;
      --heading-transform: none;
      --heading-letter-spacing: -0.02em;
      --heading-max-width: var(--width-xl);
      --text-large-size: 1.25rem;
      --text-medium-size: 1.125rem;
      --text-regular-size: 1rem;
      --text-small-size: 0.875rem;
      --text-tiny-size: 0.75rem;
      --text-large-line-height: 1.5;
      --text-medium-line-height: 1.5;
      --text-regular-line-height: 1.5;
      --text-small-line-height: 1.5;
      --text-tiny-line-height: 1.5;
      --text-weight: 400;
      --text-weight-strong: 600;
      --text-transform: none;
      --text-letter-spacing: 0em;
      --button-font-size: 1rem;
      --button-line-height: 1.2;
      --button-weight: 500;
      --button-transform: none;
      --button-letter-spacing: 0em;
      --button-fill: var(--base-color1);
      --button-text: var(--color-white);
      --button-border: transparent;
      --button-radius: var(--radius-small);
      --button-border-width: var(--border-width);
      --button-padding-horizontal: 1.25rem;
      --button-padding-vertical: 0.75rem;
      --button-font: var(--font-family-body);
      --button-small-padding-horizontal: 1rem;
      --button-small-padding-vertical: 0.5rem;
      --button-secondary-fill: color-mix(in srgb, var(--base-color1) 10%, transparent);
      --button-secondary-text: var(--base-color1);
      --button-secondary-border: var(--base-color1);
      --button-secondary-radius: var(--radius-small);
      --button-secondary-border-width: var(--border-width);
      --button-link-text: var(--button-fill);
      --button-link-underline: transparent;
      --tagline-font-size: 1rem;
      --tagline-line-height: 1.2;
      --tagline-weight: 600;
      --tagline-transform: none;
      --tagline-letter-spacing: 0;
      --tagline-fill: transparent;
      --tagline-text: var(--base-color1);
      --tagline-border: transparent;
      --tagline-radius: var(--radius-small);
      --tagline-border-width: var(--border-width);
      --tagline-font: var(--font-family-body);
      --tagline-padding-vertical: 0;
      --tagline-padding-horizontal: 0;
      --spacing-0: 0rem;
      --spacing-0-5: 0.125rem;
      --spacing-1: 0.25rem;
      --spacing-1-5: 0.375rem;
      --spacing-2: 0.5rem;
      --spacing-2-5: 0.625rem;
      --spacing-3: 0.75rem;
      --spacing-3-5: 0.875rem;
      --spacing-4: 1rem;
      --spacing-4-5: 1.125rem;
      --spacing-5: 1.25rem;
      --spacing-6: 1.5rem;
      --spacing-7: 1.75rem;
      --spacing-8: 2rem;
      --spacing-9: 2.25rem;
      --spacing-10: 2.5rem;
      --spacing-11: 2.75rem;
      --spacing-12: 3rem;
      --spacing-13: 3.25rem;
      --spacing-14: 3.5rem;
      --spacing-16: 4rem;
      --spacing-17: 4.25rem;
      --spacing-18: 4.5rem;
      --spacing-19: 4.75rem;
      --spacing-20: 5rem;
      --spacing-22: 5.5rem;
      --spacing-24: 6rem;
      --spacing-27: 6.75rem;
      --spacing-28: 7rem;
      --spacing-32: 8rem;
      --spacing-34: 8.5rem;
      --spacing-40: 10rem;
      --gap-grid-column-1: var(--spacing-20);
      --gap-grid-column-2: var(--spacing-20);
      --gap-grid-column-3: var(--spacing-12);
      --gap-grid-column-4: var(--spacing-8);
      --gap-grid-column-card-1: var(--spacing-8);
      --gap-grid-column-card-2: var(--spacing-8);
      --gap-grid-column-card-3: var(--spacing-8);
      --gap-grid-column-card-4: var(--spacing-8);
      --gap-grid-row: var(--spacing-16);
      --gap-section-content: var(--spacing-20);
      --gap-element-small: var(--spacing-3);
      --gap-element-medium: var(--spacing-5);
      --gap-element-large: var(--spacing-8);
      --gap-element-micro: var(--spacing-0-5);
      --gap-buttons: var(--spacing-3);
      --gap-element-tiny: var(--spacing-1-5);
      --width-xxs: 20rem;
      --width-xs: 24rem;
      --width-sm: 30rem;
      --width-md: 35rem;
      --width-lg: 40rem;
      --width-xl: 48rem;
      --width-2xl: 64rem;
      --width-3xl: 80rem;
      --width-4xl: 90rem;
      --width-5xl: 100rem;
      --width-6xl: 120rem;
      --container-small: var(--width-xl);
      --container-large: var(--width-3xl);
      --page-padding: var(--spacing-10);
      --section-padding-large: var(--spacing-28);
      --section-padding-medium: var(--spacing-20);
      --section-padding-small: var(--spacing-14);
      --card-padding-small: var(--spacing-6);
      --card-padding-medium: var(--spacing-8);
      --card-padding-large: var(--spacing-12);
      --body-max-width: var(--width-md);
      --radius-large: 0;
      --radius-medium: 0;
      --radius-small: 0;
      --border-width: 1px;
      --divider-width: 1px;
      --shadow-small: 0 1px 2px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.10);
      --shadow-medium: 0 4px 6px rgba(0,0,0,0.05), 0 10px 15px rgba(0,0,0,0.10);
      --shadow-large: 0 10px 15px rgba(0,0,0,0.10), 0 20px 25px rgba(0,0,0,0.15);
      --input-fill: var(--scheme-background-secondary);
      --input-border: var(--scheme-border);
      --input-text: var(--scheme-text);
      --input-placeholder: var(--scheme-text-muted);
      --input-label: var(--scheme-text);
      --input-focus: var(--base-color1);
      --input-radius: var(--radius-small);
      --input-border-width: var(--border-width);
      --chip-fill: color-mix(in srgb, var(--tagline-text) 10%, transparent);
      --icon-color: var(--scheme-accent);
      --icon-fill: var(--scheme-accent-subtle);
      --icon-border: transparent;
      --icon-font-family: Material Symbols Outlined;
      --icon-weight: 400;
      --icon-fill-axis: 0;
      --icon-padding: 0.75rem;
      --icon-radius: var(--radius-small);
      --icon-border-width: var(--border-width);
      --secondary-active: var(--base-color1);
      --media-padding: 0;
      --card-padding-xlarge: var(--spacing-16);
      --gap-element-xlarge: var(--spacing-10);
      --colors-background-primary: #ffffff;
      --colors-background-secondary: #f9fafb;
      --colors-background-tertiary: #f3f4f6;
      --colors-background-elevated: #ffffff;
      --colors-background-glass: rgba(255, 255, 255, 0.72);
      --colors-text-primary: #1d1d1f;
      --colors-text-secondary: #6e6e73;
      --colors-text-tertiary: #636366;
      --colors-text-alternative: #ffffff;
      --colors-border-primary: #e5e7eb;
      --colors-border-secondary: #d1d5db;
      --colors-brand-primary: #0071e3;
      --colors-brand-secondary: #7c3aed;
      --colors-success: #10b981;
      --colors-error: #ef4444;
      --colors-warning: #f59e0b;
      --spacing-xs: 4px;
      --spacing-sm: 8px;
      --spacing-md: 16px;
      --spacing-lg: 24px;
      --spacing-xl: 32px;
      --spacing-2xl: 48px;
      --spacing-3xl: 64px;
      --spacing-4xl: 96px;
      --spacing-5xl: 128px;
      --sectionHeight-md: 600px;
      --sectionHeight-lg: 800px;
      --fontSize-xs: 12px;
      --fontSize-sm: 14px;
      --fontSize-base: 16px;
      --fontSize-lg: 18px;
      --fontSize-xl: 20px;
      --fontSize-2xl: 24px;
      --fontSize-3xl: 30px;
      --fontSize-4xl: 36px;
      --fontSize-5xl: 48px;
      --fontSize-6xl: 60px;
      --fontSize-7xl: 72px;
      --fontSize-8xl: 96px;
      --fontFamily-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      --fontFamily-serif: Georgia, "Times New Roman", Times, serif;
      --fontFamily-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace;
      --fontWeight-normal: 400;
      --fontWeight-medium: 500;
      --fontWeight-semibold: 600;
      --fontWeight-bold: 700;
      --lineHeight-tight: 1.1;
      --lineHeight-snug: 1.25;
      --lineHeight-normal: 1.5;
      --lineHeight-relaxed: 1.75;
      --borderRadius-none: 0px;
      --borderRadius-sm: 4px;
      --borderRadius-md: 8px;
      --borderRadius-lg: 12px;
      --borderRadius-full: 9999px;
      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
      --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
      --shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, 0.12);
      --maxWidth-sm: 640px;
      --maxWidth-md: 768px;
      --maxWidth-lg: 1024px;
      --maxWidth-xl: 1280px;
      --zIndex-dropdown: 100;
      --zIndex-sticky: 200;
      --zIndex-modal: 300;
      --zIndex-tooltip: 400;
      --opacity-subtle: 0.5;
      --opacity-muted: 0.7;
      --opacity-overlay: 0.8;
      --duration-fast: 150ms;
      --duration-normal: 300ms;
      --duration-slow: 500ms;
      --duration-slower: 800ms;
      --easing-ease: ease;
      --easing-easeIn: cubic-bezier(0.4, 0, 1, 0.2);
      --easing-easeOut: cubic-bezier(0, 0, 0.2, 1);
      --easing-easeInOut: cubic-bezier(0.4, 0, 0.2, 1);
      --gradient-subtle: linear-gradient(180deg, #f9fafb 0%, #ffffff 100%);
      --gradient-brand: linear-gradient(135deg, #0071e3 0%, #7c3aed 100%);
      --gradient-warm: linear-gradient(135deg, #f97316 0%, #ef4444 100%);
      --gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 113, 227, 0.12) 0%, transparent 70%);
      --gradient-mesh: radial-gradient(at 27% 37%, rgba(0, 113, 227, 0.06) 0%, transparent 50%), radial-gradient(at 97% 21%, rgba(124, 58, 237, 0.06) 0%, transparent 50%), radial-gradient(at 52% 99%, rgba(0, 113, 227, 0.04) 0%, transparent 50%);
      --icons-style-default: rounded;
      --icons-weight-light: 300;
      --icons-weight-regular: 400;
      --icons-weight-bold: 700;
      --icons-fill-default: 0;
    }
    
    @media (max-width: 768px) {
      :root {
        --heading-h1-size: 2.75rem;
        --heading-h2-size: 2.375rem;
        --heading-h3-size: 2rem;
        --heading-h4-size: 1.75rem;
        --heading-h5-size: 1.625rem;
        --gap-grid-column-1: var(--spacing-12);
        --gap-grid-column-2: var(--spacing-12);
        --gap-grid-column-3: var(--spacing-8);
        --gap-grid-column-card-1: var(--spacing-7);
        --gap-grid-column-card-2: var(--spacing-7);
        --gap-grid-column-card-3: var(--spacing-7);
        --gap-grid-column-card-4: var(--spacing-7);
        --gap-section-content: var(--spacing-16);
        --page-padding: var(--spacing-8);
        --section-padding-large: var(--spacing-22);
        --section-padding-medium: var(--spacing-16);
        --section-padding-small: var(--spacing-12);
        --card-padding-xlarge: var(--spacing-12);
        --spacing-3xl: 48px;
        --spacing-4xl: 64px;
        --spacing-5xl: 96px;
        --sectionHeight-md: 500px;
        --sectionHeight-lg: 600px;
        --fontSize-3xl: 26px;
        --fontSize-4xl: 30px;
        --fontSize-5xl: 36px;
        --fontSize-6xl: 48px;
        --fontSize-7xl: 56px;
        --fontSize-8xl: 72px;
      }
    }
    
    @media (max-width: 479px) {
      :root {
        --heading-h1-size: 2.5rem;
        --heading-h2-size: 2.25rem;
        --heading-h3-size: 1.75rem;
        --heading-h4-size: 1.5rem;
        --heading-h5-size: 1.375rem;
        --heading-h6-size: 1.375rem;
        --text-large-size: 1.125rem;
        --text-medium-size: 1rem;
        --gap-grid-column-card-1: var(--spacing-6);
        --gap-grid-column-card-2: var(--spacing-6);
        --gap-grid-column-card-3: var(--spacing-6);
        --gap-grid-column-card-4: var(--spacing-6);
        --gap-grid-row: var(--spacing-12);
        --gap-section-content: var(--spacing-12);
        --gap-element-large: var(--spacing-7);
        --page-padding: var(--spacing-6);
        --section-padding-large: var(--spacing-16);
        --section-padding-medium: var(--spacing-12);
        --section-padding-small: var(--spacing-10);
        --card-padding-medium: var(--spacing-6);
        --card-padding-large: var(--spacing-8);
        --card-padding-xlarge: var(--spacing-8);
        --spacing-3xl: 40px;
        --spacing-4xl: 48px;
        --spacing-5xl: 64px;
        --sectionHeight-md: 400px;
        --sectionHeight-lg: 500px;
        --fontSize-5xl: 30px;
        --fontSize-6xl: 36px;
        --fontSize-7xl: 40px;
        --fontSize-8xl: 48px;
      }
    }
    /* Class styles */
    .section { align-items: center; display: flex; padding-bottom: var(--section-padding-large); padding-left: var(--page-padding); padding-right: var(--page-padding); padding-top: var(--section-padding-large); position: relative }
    .section-small { padding-bottom: var(--section-padding-small); padding-left: var(--page-padding); padding-right: var(--page-padding); padding-top: var(--section-padding-small) }
    .section-medium { padding-bottom: var(--section-padding-medium); padding-left: var(--page-padding); padding-right: var(--page-padding); padding-top: var(--section-padding-medium) }
    .section-card { align-items: center; display: flex; padding-bottom: var(--section-padding-medium); padding-left: var(--page-padding); padding-right: var(--page-padding); padding-top: var(--section-padding-medium); position: relative }
    .section-edge { display: grid; gap: 0rem; grid-template-columns: 1fr 1fr ; place-items: stretch; position: relative }
    .section-edge-stack { display: block; position: relative }
    .navbar { display: flex; padding-left: var(--page-padding); padding-right: var(--page-padding); min-height: 4.5rem; width: 100%; height: auto; align-items: center; border-bottom-style: none; border-bottom-width: var(--border-width); border-bottom-color: var(--scheme-border); z-index: 3 }
    .navbar-container { display: flex; width: 100%; height: 100%; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center; gap: 1.5rem; position: relative }
    .navbar-floating { margin-left: var(--page-padding); margin-right: var(--page-padding); margin-top: 1.5rem; display: flex; background-color: var(--color-transparent); position: fixed; inset: 0% 0% auto; z-index: 3 }
    .navbar-floating-container { display: flex; padding-left: 1.25rem; padding-right: 1.25rem; min-height: 4.5rem; width: 100%; height: auto; align-items: center; margin-left: auto; margin-right: auto; max-width: var(--container-large); border-style: solid; border-width: var(--border-width); border-radius: var(--radius-large); border-color: var(--scheme-border); justify-content: space-between; gap: 1.5rem }
    .container { display: flex; flex-direction: column; gap: var(--gap-section-content); margin-left: auto; margin-right: auto; max-width: var(--container-large); width: 100% }
    .container-small { margin-left: auto; margin-right: auto; max-width: var(--container-small); width: 100% }
    .grid-column-1 { column-gap: var(--gap-grid-column-1); display: grid; grid-template-columns: 1fr; row-gap: var(--gap-grid-row); width: 100%; place-items: start }
    .grid-column-2 { column-gap: var(--gap-grid-column-2); display: grid; grid-template-columns: repeat(2, 1fr); place-items: start; row-gap: var(--gap-grid-row) }
    .grid-column-3 { column-gap: var(--gap-grid-column-3); display: grid; grid-template-columns: repeat(3, 1fr); row-gap: var(--gap-grid-row); place-items: start }
    .grid-column-4 { column-gap: var(--gap-grid-column-4); display: grid; grid-template-columns: repeat(4, 1fr); row-gap: var(--gap-grid-row); place-items: start }
    .grid-column-2-adapt { display: grid; grid-template-columns: fit-content(50%) 1fr }
    .grid-column-2-adapt-reverse { align-items: stretch; column-gap: 0rem; display: grid; grid-template-columns: 1fr fit-content(50%); place-items: start }
    .grid-column-card-1 { display: grid; gap: var(--gap-grid-column-card-1); grid-template-columns: 1fr; place-items: start; width: 100% }
    .grid-column-card-2 { display: grid; gap: var(--gap-grid-column-card-2); grid-template-columns: repeat(2, 1fr); place-items: start; align-items: stretch }
    .grid-column-card-3 { display: grid; gap: var(--gap-grid-column-card-3); grid-template-columns: repeat(3, 1fr); place-items: start; align-items: stretch }
    .grid-column-card-4 { display: grid; gap: var(--gap-grid-column-card-4); grid-template-columns: repeat(4, 1fr); place-items: start; align-items: stretch }
    .card-row { align-items: stretch; column-gap: 0rem; display: grid; grid-template-columns: repeat(2, 1fr); place-items: start }
    .card-stack { display: flex; flex-direction: column; gap: 0rem }
    .stack { display: flex; flex-direction: column; gap: var(--gap-element-medium); justify-content: center; width: 100% }
    .content-block { display: flex; flex-direction: column; gap: var(--gap-element-small); height: 100%; justify-content: center; width: 100% }
    .content-block-edge { justify-self: end; margin-left: var(--page-padding); margin-right: var(--gap-grid-column-2); max-width: 35rem; padding-bottom: var(--section-padding-large); padding-top: var(--section-padding-large) }
    .content-block-edge-is-right { justify-self: start; margin-left: var(--gap-grid-column-2); margin-right: var(--page-padding) }
    .stack-top { justify-content: flex-start }
    .stack-bottom { justify-content: flex-end }
    .stack-between { justify-content: space-between }
    .stack-center { align-items: center }
    .stack-reverse { display: flex; flex-direction: column-reverse }
    .row { align-items: center; display: flex; flex-direction: row }
    .row-top { align-items: flex-start; display: flex; flex-direction: row }
    .row-between { align-items: center; display: flex; flex-direction: row; justify-content: space-between }
    .row-reverse { align-items: center; display: flex; flex-direction: row-reverse }
    .heading-style-h1 { color: var(--scheme-heading); font-family: var(--font-family-heading); font-size: var(--heading-h1-size); font-weight: var(--heading-weight); letter-spacing: var(--heading-letter-spacing); line-height: var(--heading-h1-line-height); margin: 0; text-transform: var(--heading-transform) }
    .heading-style-h2 { color: var(--scheme-heading); font-family: var(--font-family-heading); font-size: var(--heading-h2-size); font-weight: var(--heading-weight); letter-spacing: var(--heading-letter-spacing); line-height: var(--heading-h2-line-height); margin: 0; text-transform: var(--heading-transform) }
    .heading-style-h3 { color: var(--scheme-heading); font-family: var(--font-family-heading); font-size: var(--heading-h3-size); font-weight: var(--heading-weight); letter-spacing: var(--heading-letter-spacing); line-height: var(--heading-h3-line-height); margin: 0; text-transform: var(--heading-transform) }
    .heading-style-h4 { color: var(--scheme-heading); font-family: var(--font-family-heading); font-size: var(--heading-h4-size); font-weight: var(--heading-weight); letter-spacing: var(--heading-letter-spacing); line-height: var(--heading-h4-line-height); margin: 0; text-transform: var(--heading-transform) }
    .heading-style-h5 { color: var(--scheme-heading); font-family: var(--font-family-heading); font-size: var(--heading-h5-size); font-weight: var(--heading-weight); letter-spacing: var(--heading-letter-spacing); line-height: var(--heading-h5-line-height); margin: 0; text-transform: var(--heading-transform) }
    .heading-style-h6 { color: var(--scheme-heading); font-family: var(--font-family-heading); font-size: var(--heading-h6-size); font-weight: var(--heading-weight); letter-spacing: var(--heading-letter-spacing); line-height: var(--heading-h6-line-height); margin: 0; text-transform: var(--heading-transform) }
    .scheme-1 { --scheme-accent: var(--scheme1-accent); --scheme-accent-subtle: var(--scheme1-accent-subtle); --scheme-background: var(--scheme1-background); --scheme-background-secondary: var(--scheme1-background-secondary); --scheme-border: var(--scheme1-border); --scheme-heading: var(--scheme1-heading); --scheme-text: var(--scheme1-text); --scheme-text-muted: var(--scheme1-text-muted); background-color: var(--scheme1-background); color: var(--scheme1-text); border-color: var(--scheme1-border) }
    .text-style-large { color: var(--scheme-text); font-family: var(--font-family-body); font-size: var(--text-large-size); font-weight: var(--text-weight); letter-spacing: var(--text-letter-spacing); line-height: var(--text-large-line-height); margin: 0; text-transform: var(--text-transform) }
    .text-style-medium { color: var(--scheme-text); font-family: var(--font-family-body); font-size: var(--text-medium-size); font-weight: var(--text-weight); letter-spacing: var(--text-letter-spacing); line-height: var(--text-medium-line-height); margin: 0; text-transform: var(--text-transform) }
    .text-style-regular { color: var(--scheme-text); font-family: var(--font-family-body); font-size: var(--text-regular-size); font-weight: var(--text-weight); letter-spacing: var(--text-letter-spacing); line-height: var(--text-regular-line-height); margin: 0; text-transform: var(--text-transform) }
    .text-style-small { color: var(--scheme-text); font-family: var(--font-family-body); font-size: var(--text-small-size); font-weight: var(--text-weight); letter-spacing: var(--text-letter-spacing); line-height: var(--text-small-line-height); margin: 0; text-transform: var(--text-transform) }
    .text-style-tiny { color: var(--scheme-text); font-family: var(--font-family-body); font-size: var(--text-tiny-size); font-weight: var(--text-weight); letter-spacing: var(--text-letter-spacing); line-height: var(--text-tiny-line-height); margin: 0; text-transform: var(--text-transform) }
    .button-text-style { font-family: var(--button-font); font-size: var(--button-font-size); font-weight: var(--button-weight); letter-spacing: var(--button-letter-spacing); line-height: var(--button-line-height); margin: 0; text-transform: var(--button-transform) }
    .tagline-text-style { font-family: var(--tagline-font); font-size: var(--tagline-font-size); font-weight: var(--tagline-weight); letter-spacing: var(--tagline-letter-spacing); line-height: var(--tagline-line-height); margin: 0; text-transform: var(--tagline-transform) }
    .text-weight-strong { font-weight: var(--text-weight-strong); margin: 0 }
    .blockquote { border-left-color: var(--scheme-accent); border-left-style: solid; border-left-width: 2px; color: var(--scheme-text); display: flex; flex-direction: column; font-family: var(--font-family-body); font-weight: var(--text-weight); gap: var(--gap-element-small); line-height: var(--text-large-line-height); margin: 0; padding-left: var(--spacing-5) }
    .blockquote-attribution { color: var(--scheme-text-muted); font-size: var(--text-small-size); font-style: normal; font-weight: var(--text-weight) }
    .breadcrumb { color: var(--button-link-text); font-family: var(--font-family-body); font-size: var(--text-regular-size) }
    .card { background-color: var(--scheme-background-secondary); border-color: var(--scheme-border); border-radius: var(--radius-large); border-style: solid; border-width: var(--border-width); overflow: hidden; padding: 0rem; width: 100% }
    .card-medium { background-color: var(--scheme-background-secondary); border-color: var(--scheme-border); border-radius: var(--radius-medium); border-style: solid; border-width: var(--border-width); overflow: hidden; padding: 0rem }
    .hero-card { background-color: var(--scheme-background-secondary); border-color: var(--scheme-border); border-radius: var(--radius-large); border-style: solid; border-width: var(--border-width); min-height: 40rem; overflow: hidden; padding: 0rem; width: 100% }
    .card-content { display: flex; flex-direction: column; gap: var(--gap-element-medium); padding: var(--card-padding-large); width: 100%; justify-content: space-between }
    .card-content-horizontal { display: flex; flex-direction: column; gap: var(--gap-element-medium); padding: var(--card-padding-large); width: 100% }
    .card-content-medium { display: flex; flex: 1 1 0%; flex-direction: column; gap: var(--gap-element-medium); padding: var(--card-padding-medium); justify-content: space-between }
    .card-content-small { display: flex; flex: 1 1 0%; flex-direction: column; gap: var(--gap-element-medium); padding: var(--card-padding-small); justify-content: space-between }
    .card-content-xlarge { display: flex; flex-direction: column; gap: var(--gap-element-medium); padding: var(--card-padding-xlarge); width: 100%; justify-content: space-between }
    .card-content-block { align-items: center; background-color: var(--scheme-background-secondary); border-color: var(--scheme-border); border-radius: var(--radius-large); border-style: solid; border-width: var(--border-width); display: grid; grid-template-columns: repeat(2, 1fr); overflow: hidden; padding: 0rem; place-items: stretch; row-gap: 0rem }
    .button { align-items: center; background: var(--button-fill); border-color: var(--button-border); border-radius: var(--button-radius); border-style: solid; border-width: var(--button-border-width); color: var(--button-text); cursor: pointer; display: inline-flex; font-family: var(--button-font); font-size: var(--button-font-size); font-weight: var(--button-weight); gap: 0.5rem; justify-content: center; letter-spacing: var(--button-letter-spacing); line-height: var(--button-line-height); padding-bottom: var(--button-padding-vertical); padding-left: var(--button-padding-horizontal); padding-right: var(--button-padding-horizontal); padding-top: var(--button-padding-vertical); text-transform: var(--button-transform); transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease, opacity 0.2s ease }
    .button:active { filter: brightness(0.85) }
    .button:disabled { opacity: 0.5 }
    .button:focus-visible { outline: 2px solid var(--base-color1); outline-offset: 2px }
    .button:hover { filter: brightness(0.92) }
    .button-group { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap-buttons) }
    .button-secondary { background: var(--button-secondary-fill); border-color: var(--button-secondary-border); border-radius: var(--button-secondary-radius); border-width: var(--button-secondary-border-width); color: var(--button-secondary-text) }
    .button-link { background: transparent; border: none; box-shadow: none; color: var(--button-link-text); gap: 0.125rem; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-decoration-color: var(--button-link-underline) }
    .button-small { padding-bottom: var(--button-small-padding-vertical); padding-left: var(--button-small-padding-horizontal); padding-right: var(--button-small-padding-horizontal); padding-top: var(--button-small-padding-vertical) }
    .button-icon-only { padding-left: var(--button-padding-vertical); padding-right: var(--button-padding-vertical) }
    .button-small-icon-only { padding-left: var(--button-small-padding-vertical); padding-right: var(--button-small-padding-vertical) }
    .input { background-color: var(--input-fill); border-color: var(--input-border); border-radius: var(--input-radius); border-style: solid; border-width: var(--input-border-width); color: var(--input-text); font-family: var(--font-family-body); font-size: var(--text-regular-size); padding-bottom: var(--button-padding-vertical); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: var(--button-padding-vertical); transition: border-color 0.2s ease, box-shadow 0.2s ease }
    .input:disabled { opacity: 0.5 }
    .input:focus-visible { border-color: var(--input-focus); outline: none }
    .input-label { color: var(--input-label); font-family: var(--button-font); font-weight: var(--button-weight) }
    .input-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-position: right 0.75rem center; background-repeat: no-repeat; background-size: 1em; padding-right: 2.5rem }
    .input-textarea { min-height: 6rem; resize: vertical }
    .checkbox { appearance: none; background-color: var(--scheme-background-secondary); border-color: var(--scheme-border); border-radius: var(--radius-small); border-style: solid; border-width: var(--border-width); height: 1.25rem; transition: background-color 0.2s ease, border-color 0.2s ease; width: 1.25rem }
    .radio { appearance: none; background-color: var(--scheme-background-secondary); border-color: var(--scheme-border); border-radius: 50%; border-style: solid; border-width: var(--border-width); height: 1.25rem; transition: background-color 0.2s ease, border-color 0.2s ease; width: 1.25rem }
    .toggle { align-items: center; background-color: var(--scheme-border); border-radius: 9999px; display: inline-flex; height: 1.5rem; transition: background-color 0.2s ease; width: 2.75rem }
    .form-radio-option { align-items: flex-start; color: var(--scheme-text); cursor: pointer; display: flex; font-family: var(--font-family-body); font-size: var(--text-regular-size); font-weight: var(--text-weight); gap: 0.5rem; line-height: var(--text-regular-line-height); width: 100% }
    .form-radio-options-wrapper { border: 0; display: flex; flex-direction: column; gap: 0.5rem; padding: 0rem; width: 100% }
    .form_checkbox-wrapper { align-items: flex-start; color: var(--scheme-text); cursor: pointer; display: flex; font-family: var(--font-family-body); font-size: var(--text-regular-size); font-weight: var(--text-weight); gap: var(--spacing-2); line-height: var(--text-regular-line-height); flex-direction: column }
    .form_input-wrapper { display: flex; flex-direction: column; gap: var(--gap-element-tiny); width: 100% }
    .signup-form-wrapper { align-items: end; display: flex; flex-direction: row; gap: var(--gap-buttons); width: 100% }
    .tagline { align-items: center; background: var(--tagline-fill); border-color: var(--tagline-border); border-radius: var(--tagline-radius); border-style: solid; border-width: var(--tagline-border-width); color: var(--tagline-text); display: inline-flex; font-family: var(--tagline-font); font-size: var(--tagline-font-size); font-weight: var(--tagline-weight); gap: 0.25rem; letter-spacing: var(--tagline-letter-spacing); line-height: var(--tagline-line-height); padding-bottom: var(--tagline-padding-vertical); padding-left: var(--tagline-padding-horizontal); padding-right: var(--tagline-padding-horizontal); padding-top: var(--tagline-padding-vertical); text-transform: var(--tagline-transform) }
    .tagline-has-icon { padding-left: var(--tagline-padding-vertical) }
    .tag { align-items: center; background: var(--chip-fill); border-color: var(--tagline-border); border-radius: var(--tagline-radius); border-style: solid; border-width: var(--tagline-border-width); color: var(--tagline-text); cursor: pointer; display: inline-flex; font-family: var(--tagline-font); font-size: var(--text-small-size); font-weight: var(--tagline-weight); gap: 0.375rem; letter-spacing: var(--tagline-letter-spacing); line-height: var(--tagline-line-height); padding-bottom: var(--spacing-1); padding-left: var(--spacing-2); padding-right: var(--spacing-2); padding-top: var(--spacing-1); text-transform: var(--tagline-transform) }
    .tag:active { filter: brightness(0.85) }
    .tag:focus-visible { outline: 2px solid var(--base-color1); outline-offset: 2px }
    .tag:hover { filter: brightness(0.92) }
    .tag-has-icon { padding-left: var(--spacing-1) }
    .announcement-banner { align-items: center; background: var(--scheme-background); border-color: var(--scheme-border); border-radius: var(--tagline-radius); border-style: solid; border-width: var(--border-width); display: flex; flex-direction: row; gap: var(--gap-element-small); padding-bottom: var(--spacing-1-5); padding-left: var(--spacing-1-5); padding-right: var(--spacing-2); padding-top: var(--spacing-1-5) }
    .icon-wrapper { align-items: center; background: var(--icon-fill); border-color: var(--icon-border); border-radius: var(--icon-radius); border-style: solid; border-width: var(--icon-border-width); display: inline-flex; justify-content: center; padding: var(--icon-padding) }
    .icon { align-items: center; color: var(--icon-color); display: inline-flex; font-family: var(--icon-font-family); font-size: inherit; font-variation-settings: 'wght' var(--icon-weight), 'FILL' var(--icon-fill-axis); height: 1em; justify-content: center; line-height: 1; width: 1em }
    .media-wrapper { height: 100%; object-fit: cover; overflow: hidden; padding: var(--media-padding); position: relative; width: 100% }
    .media { height: 100%; max-width: 100%; width: 100% }
    .media-large { border-radius: var(--radius-large) }
    .media-medium { border-radius: var(--radius-medium) }
    .backdrop-media-wrapper { height: 100%; inset: 0%; overflow: hidden; position: absolute; z-index: 0 }
    .media-overlay-dark30 { background-color: var(--color-dark-a30); inset: 0%; position: absolute; z-index: 1 }
    .media-overlay-dark40 { background-color: var(--color-dark-a40); inset: 0%; position: absolute; z-index: 1 }
    .media-overlay-dark50 { background-color: var(--color-dark-a50); inset: 0%; position: absolute; z-index: 1 }
    .video-lightbox { cursor: pointer; position: relative; overflow: hidden; width: 100% }
    .video-play-button { align-items: center; background: var(--color-white); border-radius: 100%; color: var(--scheme-accent); display: inline-flex; height: 4rem; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 4rem; z-index: 2; pointer-events: none }
    .text-list { list-style-position: inside; margin: 0; padding-bottom: 0.5rem; padding-left: 0; padding-top: 0.5rem }
    .text-list-bullet { list-style-type: disc }
    .text-list-numbered { list-style-type: decimal }
    .text-list-none { list-style-type: none }
    .text-list-item { color: var(--scheme-text); font-family: var(--font-family-body); font-size: var(--text-regular-size); font-weight: var(--text-weight); letter-spacing: var(--text-letter-spacing); line-height: var(--text-regular-line-height); margin-bottom: var(--gap-element-tiny); text-transform: var(--text-transform) }
    .text-list-item:last-child { margin-bottom: 0 }
    .icon-list { display: flex; flex-direction: column; gap: var(--gap-element-tiny); list-style-type: none; margin: 0; padding: 0 }
    .icon-list-item { align-items: flex-start; color: var(--scheme-text); display: flex; flex-direction: row; font-family: var(--font-family-body); font-size: var(--text-regular-size); font-weight: var(--text-weight); gap: 1rem; letter-spacing: var(--text-letter-spacing); line-height: var(--text-regular-line-height); text-transform: var(--text-transform) }
    .divider-horizontal { border-bottom-color: var(--scheme-border); border-bottom-style: solid; border-bottom-width: var(--divider-width); width: 100% }
    .divider-vertical { align-self: stretch; border-left-color: var(--scheme-border); border-left-style: solid; border-left-width: var(--divider-width) }
    .tab-container { background: transparent; border-radius: var(--radius-small); color: var(--scheme-text-muted); cursor: pointer; font-family: var(--font-family-body); font-size: var(--text-regular-size); padding-bottom: var(--button-padding-vertical); padding-left: var(--button-padding-horizontal); padding-right: var(--button-padding-horizontal); padding-top: var(--button-padding-vertical) }
    .tab-underline { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: var(--border-width); color: var(--scheme-text-muted); cursor: pointer; font-family: var(--font-family-body); font-size: var(--text-regular-size) }
    .slider-arrow { align-items: center; background-color: var(--scheme-background-secondary); border-color: var(--scheme-border); border-radius: var(--radius-small); border-style: solid; border-width: var(--border-width); color: var(--scheme-text); cursor: pointer; display: inline-flex; height: 2.5rem; justify-content: center; width: 2.5rem }
    .pagination-dot { background-color: var(--scheme-border); border-radius: 50%; cursor: pointer; height: 0.5rem; width: 0.5rem }
    .pagination-number { align-items: center; background: transparent; border-radius: var(--radius-small); color: var(--scheme-text); cursor: pointer; display: inline-flex; font-family: var(--font-family-body); font-size: var(--text-regular-size); justify-content: center }
    .avatar { background-color: var(--scheme-background-secondary); border-color: var(--scheme-background); border-radius: 50%; border-style: solid; border-width: 2px; display: block; flex-shrink: 0; height: 3rem; object-fit: cover; width: 3rem }
    .avatar-row { align-items: center; display: grid; grid-auto-columns: 2rem; grid-auto-flow: column; justify-content: start; padding-right: 0.75rem; width: fit-content }
    .star-rating { align-items: center; display: inline-flex; gap: 0 }
    .stat { display: flex; flex-direction: column; gap: var(--gap-element-tiny) }
    .customer-logo { max-height: 3.5rem; max-width: 100%; object-fit: contain }
    .company-logo { max-height: 3.5rem; max-width: 100%; object-fit: contain }
    .customer-logo-row { align-items: center; column-gap: 2rem; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 0.5rem; padding-top: 0.5rem; row-gap: 1rem }
    .customer-logo-wrapper { align-items: center; display: flex; justify-content: center }
    .company-logo-wrapper { align-items: center; display: flex; justify-content: fit-content; flex-shrink: 0 }
    .scheme-heading { color: var(--scheme-heading) }
    .gap-0 { gap: 0rem }
    .gap-element-micro { gap: var(--gap-element-micro) }
    .gap-element-tiny { gap: var(--gap-element-tiny) }
    .gap-element-small { gap: var(--gap-element-small) }
    .gap-element-medium { gap: var(--gap-element-medium) }
    .gap-element-large { gap: var(--gap-element-large) }
    .gap-element-xlarge { gap: var(--gap-element-xlarge) }
    .gap-grid-column-3 { column-gap: var(--gap-grid-column-3) }
    .gap-grid-column-4 { column-gap: var(--gap-grid-column-4) }
    .gap-section-content { gap: var(--gap-section-content) }
    .max-width-xxs { max-width: var(--width-xxs); width: 100% }
    .max-width-xs { max-width: var(--width-xs); width: 100% }
    .max-width-sm { max-width: var(--width-sm); width: 100% }
    .max-width-md { max-width: var(--width-md); width: 100% }
    .max-width-lg { max-width: var(--width-lg); width: 100% }
    .max-width-xl { max-width: var(--width-xl); width: 100% }
    .max-width-2xl { max-width: var(--width-2xl); width: 100% }
    .max-width-3xl { max-width: var(--width-3xl); width: 100% }
    .max-width-4xl { max-width: var(--width-4xl); width: 100% }
    .max-width-5xl { max-width: var(--width-5xl); width: 100% }
    .max-width-6xl { max-width: var(--width-6xl); width: 100% }
    .heading-max-width { max-width: var(--heading-max-width); width: 100% }
    .body-max-width { max-width: var(--body-max-width); width: 100% }
    .text-center { text-align: center }
    .text-color-white { color: var(--color-white) }
    .align-center { justify-content: center; align-items: center }
    .align-right { justify-content: flex-end; display: flex }
    .aspect-square { aspect-ratio: 1 / 1 }
    .aspect-landscape { aspect-ratio: 3 / 2 }
    .aspect-portrait { aspect-ratio: 2 / 3 }
    .aspect-widescreen { aspect-ratio: 16 / 9 }
    .object-contain { object-fit: contain }
    .object-cover { object-fit: cover }
    .column-two-three { grid-template-columns: 2fr 3fr }
    .column-three-two { grid-template-columns: 3fr 2fr }
    .section-100vh { align-items: center; max-height: 60rem; min-height: 100svh }
    .section-padding-bottom-0 { padding-bottom: 0rem }
    .full-width { width: 100% }
    .center-block { margin-left: auto; margin-right: auto }
    .wrap { flex-wrap: wrap }
    .z-index-1 { z-index: 1 }
    .icon-xxsmall { background: transparent; border-width: 0; font-size: 1rem; padding: 0 }
    .icon-xsmall { background: transparent; border-width: 0; font-size: 1.25rem; padding: 0 }
    .icon-tiny { background: transparent; border-width: 0; font-size: 0.75rem; padding: 0 }
    .icon-small { background-color: transparent; border-width: 0; font-size: 1.5rem; padding: 0 }
    .icon-medium { font-size: 2rem }
    .icon-large { font-size: 3rem }
    .icon-xlarge { font-size: 5rem }
    .icon-card-padding-medium { margin-left: var(--card-padding-medium); margin-right: var(--card-padding-medium); margin-top: var(--card-padding-medium) }
    .icon-card-padding-large { margin-bottom: -0.5rem; margin-left: var(--card-padding-large); margin-right: var(--card-padding-large); margin-top: var(--card-padding-large) }
    .icon-card-padding-xlarge { margin-bottom: -0.75rem; margin-left: var(--card-padding-xlarge); margin-right: var(--card-padding-xlarge); margin-top: var(--card-padding-xlarge) }
    .scheme-background { background-color: var(--scheme-background) }
    .fill-height { height: 100% }
    .self-start { align-self: start }
    .media-width-auto { width: auto }
    .nav-link { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: var(--button-radius); font-family: var(--font-family-body); font-size: var(--text-regular-size); color: var(--scheme-heading); display: flex; gap: 0.25rem; align-items: center; text-decoration: none }
    .nav-menu { display: flex; align-items: center; gap: 1rem; position: static; justify-content: right }
    .nav-menu-floating { display: flex; align-items: center; gap: 1rem; position: static }
    .nav-menu-list { display: flex; column-gap: 0; justify-content: center }
    .nav-link-dropdown-panel { padding: 0.5rem; border-style: solid; border-color: var(--scheme-border); border-radius: var(--radius-small); background-color: var(--scheme-background); border-width: var(--border-width); position: absolute; top: 100%; display: flex; z-index: 2; min-width: 16rem }
    .nav-link-dropdown { position: relative; display: inline-flex; align-items: center; flex-flow: column }
    .nav-link-dropdown-chevron { display: flex; height: 1.25rem; width: 1.25rem; flex-direction: column; justify-content: center; align-items: center }
    .nav-link-dropdown-item { display: flex; padding: 0.5rem; gap: 0.75rem; align-items: flex-start; width: 100%; text-decoration: none; color: inherit }
    .nav-link-dropdown-list { display: grid; grid-template-columns: repeat(1fr); gap: 0rem; width: 100% }
    .nav-link-dropdown-column { width: 100%; display: grid; gap: 0.25rem }
    .nav-link-dropdown-column-list { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; width: 40rem }
    .nav-menu-button { display: none; align-items: center; justify-content: center; background-color: transparent; border: none; padding: 0.25rem; margin: 0; color: var(--scheme1-heading); cursor: pointer }
    .nav-menu-icon { position: relative; width: 1.5rem; height: 1.25rem; display: flex; flex-direction: column; justify-content: space-between }
    .nav-menu-icon-top { width: 100%; height: 2px; background-color: var(--scheme-heading); border-radius: var(--button-radius) }
    .nav-menu-icon-middle { width: 100%; height: 2px; background-color: var(--scheme-heading); border-radius: var(--button-radius) }
    .nav-menu-icon-bottom { width: 100%; height: 2px; background-color: var(--scheme-heading); border-radius: var(--button-radius) }
    .button-group-fullwidth { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% }
    .nav-menu-spread { flex-grow: 1; justify-content: space-between }
    .nav-menu-align-left { width: 100%; justify-content: space-between }
    .navbar-floating-contained { width: fit-content; margin-left: auto; margin-right: auto }
    .hide { display: none }
    .section-background-image { background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-color: var(--color-dark-a40) }
    .video-lightbox-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 2rem; background-color: var(--color-dark-a40); z-index: 100 }
    .video-lightbox-embed { position: relative; width: 100%; justify-content: center }
    .video-lightbox-close { position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 3rem; width: 3rem }
    .nav-spring { margin-left: auto }
    .nav-zone { display: flex; align-items: center; gap: 1rem }
    .nav-menu-align-center { position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; padding-left: 12rem; padding-right: 12rem }
    .nav-logo-wrapper { display: flex; flex-shrink: 0; padding-left: 0.5rem; padding-right: 0.5rem }
    .nav-logo-align-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
    .nav-menu-list-wrapper { width: auto }
    .faq-item { display: flex; flex-direction: column; width: 100%; border-bottom-width: var(--border-width); border-bottom-style: solid; border-bottom-color: var(--scheme-border) }
    .faq-question { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--gap-element-small); width: 100%; cursor: pointer; background: transparent; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-style: none; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0; padding-right: 0; text-align: left }
    .faq-icon-toggle { display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.3s ease }
    .faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease }
    .faq-answer-inner { overflow: hidden; min-height: 0 }
    .faq-list { display: grid; grid-template-columns: 1fr; width: 100%; margin-left: auto; margin-right: auto; border-top-width: var(--border-width); border-top-style: solid; border-top-color: var(--scheme-border) }
    .faq-answer-body { padding-bottom: var(--spacing-5) }
    .faq-question-card { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--gap-element-small); width: 100%; cursor: pointer; background: transparent; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-style: none; padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); padding-left: var(--card-padding-small); padding-right: var(--card-padding-small); text-align: left }
    .faq-answer-body-card { padding-bottom: var(--spacing-5); padding-left: var(--card-padding-small); padding-right: var(--card-padding-small) }
    .faq-list-card { display: grid; grid-template-columns: 1fr; width: 100%; margin-left: auto; margin-right: auto; gap: var(--gap-element-small) }
    .faq-card-content { display: flex; flex-direction: column; gap: var(--gap-element-small); padding: var(--card-padding-small) }
    .faq-list-h { display: flex; flex-direction: column; width: 100%; border-top-width: var(--border-width); border-top-style: solid; border-top-color: var(--scheme-border) }
    .faq-list-card-h { display: flex; flex-direction: column; width: 100% }
    .max-width-full { max-width: none }
    .faq-columns-2 { column-count: 2; column-gap: var(--gap-grid-column-2) }
    .faq-columns-3 { column-count: 3; column-gap: var(--gap-grid-column-3) }
    .faq-columns-card-2 { column-count: 2; column-gap: var(--gap-grid-column-card-2) }
    .faq-columns-card-3 { column-count: 3; column-gap: var(--gap-grid-column-card-3) }
    .hide-tablet { display: block }
    .show-tablet { display: none }
    .nav-menu-logo-center { display: grid; grid-template-columns: 1fr max-content 1fr; justify-content: space-between; width: 100%; gap: 1rem; align-items: center }
    .align-left { justify-content: flex-start; display: flex }
    /* Component styles */
    [data-sid="1"] .r-3 { display: contents }
    /* Component breakpoint styles */
    @media (max-width: 768px) { [data-sid="1"] .r-b { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 479px) { [data-sid="1"] .r-b { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 479px) { [data-sid="1"] .r-b { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 768px) { [data-sid="1"] .r-h { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 479px) { [data-sid="1"] .r-h { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 479px) { [data-sid="1"] .r-h { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 768px) { [data-sid="1"] .r-n { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 479px) { [data-sid="1"] .r-n { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    @media (max-width: 479px) { [data-sid="1"] .r-n { flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto; width: 100% } }
    /* Class breakpoint styles */
    @media (max-width: 479px) { .navbar { min-height: 4rem } }
    @media (max-width: 768px) { .navbar-container { position: static } }
    @media (max-width: 768px) { .navbar-floating { margin-top: 1.25rem } }
    @media (max-width: 479px) { .navbar-floating-container { min-height: 4rem } }
    @media (max-width: 768px) { .navbar-floating-container { padding-left: 1.25rem; padding-right: 1.25rem } }
    @media (max-width: 479px) { .grid-column-2 { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .grid-column-3 { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .grid-column-3 { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .grid-column-4 { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .grid-column-4 { grid-template-columns: repeat(2, 1fr) } }
    @media (max-width: 479px) { .grid-column-2-adapt { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .grid-column-2-adapt-reverse { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .grid-column-card-2 { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .grid-column-card-3 { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .grid-column-card-3 { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .grid-column-card-4 { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .grid-column-card-4 { grid-template-columns: repeat(2, 1fr) } }
    @media (max-width: 479px) { .card-row { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .card-content-block { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .column-two-three { grid-template-columns: 1fr } }
    @media (max-width: 479px) { .column-three-two { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .nav-link { padding-left: 0rem; padding-right: 0rem; width: 100%; justify-content: space-between; font-size: var(--text-medium-size) } }
    @media (max-width: 768px) { .nav-menu { position: absolute; top: 100%; left: 0%; right: 0%; width: 100%; flex-direction: column; row-gap: 1.5rem; background-color: var(--scheme-background); border-bottom-style: solid; border-bottom-width: var(--border-width); border-bottom-color: var(--scheme-border); z-index: 2; padding-left: var(--page-padding); padding-right: var(--page-padding); padding-top: var(--page-padding); padding-bottom: var(--page-padding) } }
    @media (max-width: 768px) { .nav-menu-floating { position: absolute; top: 100%; left: 0%; right: 0%; width: calc(100% + 2px); flex-direction: column; row-gap: 1.5rem; background-color: var(--scheme-background); z-index: 2; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; border-style: solid; border-width: var(--border-width); border-color: var(--scheme-border); padding-bottom: 1.5rem; margin-left: -1px; border-radius: var(--radius-large); margin-top: 1rem } }
    @media (max-width: 768px) { .nav-menu-list { flex-direction: column; width: 100% } }
    @media (max-width: 768px) { .nav-link-dropdown-panel { position: static; padding: 0; border-style: 0; border-width: 0; width: 100%; flex-direction: column; min-width: auto } }
    @media (max-width: 768px) { .nav-link-dropdown { width: 100%; display: flex; align-items: flex-start; flex-direction: column } }
    @media (max-width: 768px) { .nav-link-dropdown-column-list { grid-template-columns: 1fr; gap: var(--gap-element-large); width: 100%; grid-auto-flow: row; grid-auto-columns: unset } }
    @media (max-width: 768px) { .nav-menu-button { display: inline-flex } }
    @media (max-width: 768px) { .navbar-floating-contained { width: auto; margin-left: var(--page-padding); margin-right: var(--page-padding) } }
    @media (max-width: 768px) { .nav-spring { margin-left: 0 } }
    @media (max-width: 768px) { .nav-zone { display: contents } }
    @media (max-width: 768px) { .nav-menu-align-center { position: static; padding-left: 0rem; padding-right: 0rem; left: auto; transform: none; top: auto } }
    @media (max-width: 768px) { .nav-menu-list-wrapper { width: 100% } }
    @media (max-width: 768px) { .hide-tablet { display: none } }
    @media (max-width: 768px) { .show-tablet { display: block } }
    @media (max-width: 768px) { .nav-menu-logo-center { grid-template-columns: 1fr } }
    /* Concept design tokens */
    @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block');
    :root {
      --color-color1-50: #F1F5FE;
      --color-color1-100: #DFE8FC;
      --color-color1-200: #C3D4FA;
      --color-color1-300: #9EBAF6;
      --color-color1-400: #759CF2;
      --color-color1-500: #2563EB;
      --color-color1-600: #2055CA;
      --color-color1-700: #163B8C;
      --color-color1-800: #0D2353;
      --color-color1-900: #061027;
      --color-color1-950: #030711;
      --color-color2-50: #F7F3FE;
      --color-color2-100: #EDE3FC;
      --color-color2-200: #DCCBFA;
      --color-color2-300: #C6A9F7;
      --color-color2-400: #AD84F4;
      --color-color2-500: #9059F0;
      --color-color2-600: #7C3AED;
      --color-color2-700: #4C2390;
      --color-color2-800: #2D1555;
      --color-color2-900: #150A29;
      --color-color2-950: #0A0412;
      --color-color3-50: #FEF4E4;
      --color-color3-100: #FCE4BA;
      --color-color3-200: #FACD81;
      --color-color3-300: #F59E0B;
      --color-color3-400: #D88B0A;
      --color-color3-500: #AF7108;
      --color-color3-600: #845506;
      --color-color3-700: #5C3B04;
      --color-color3-800: #352202;
      --color-color3-900: #191001;
      --color-color3-950: #0B0701;
      --color-neutral-50: #F5F5F5;
      --color-neutral-100: #E8E8E8;
      --color-neutral-200: #D4D4D4;
      --color-neutral-300: #BABABA;
      --color-neutral-400: #9E9E9E;
      --color-neutral-500: #808080;
      --color-neutral-600: #606060;
      --color-neutral-700: #424242;
      --color-neutral-800: #262626;
      --color-neutral-900: #111111;
      --color-neutral-950: #000000;
    }
    :root {
      --scheme1-background: #ffffff;
      --scheme1-background-secondary: #F5F5F5;
      --scheme1-heading: #000000;
      --scheme1-text: #000000;
      --scheme1-accent: #2563EB;
      --scheme1-accent-subtle: color-mix(in srgb, #2563EB 12%, transparent);
      --scheme1-border: rgba(0, 0, 0, 0.15);
      --scheme2-background: #000000;
      --scheme2-background-secondary: #111111;
      --scheme2-heading: #ffffff;
      --scheme2-text: #ffffff;
      --scheme2-accent: #759CF2;
      --scheme2-accent-subtle: color-mix(in srgb, #759CF2 12%, transparent);
      --scheme2-border: rgba(255, 255, 255, 0.15);
    }
    .scheme-1 {
      --scheme-background: var(--scheme1-background);
      --scheme-background-secondary: var(--scheme1-background-secondary);
      --scheme-heading: var(--scheme1-heading);
      --scheme-text: var(--scheme1-text);
      --scheme-accent: var(--scheme1-accent);
      --scheme-accent-subtle: var(--scheme1-accent-subtle);
      --scheme-border: var(--scheme1-border);
      --scheme-background-glass: rgba(255, 255, 255, 0.72);
      --scheme-button-text: #ffffff;
      --button-fill: #2563EB;
      --button-text: #ffffff;
    }
    .scheme-2 {
      --scheme-background: var(--scheme2-background);
      --scheme-background-secondary: var(--scheme2-background-secondary);
      --scheme-heading: var(--scheme2-heading);
      --scheme-text: var(--scheme2-text);
      --scheme-accent: var(--scheme2-accent);
      --scheme-accent-subtle: var(--scheme2-accent-subtle);
      --scheme-border: var(--scheme2-border);
      --scheme-background-glass: rgba(0, 0, 0, 0.72);
      --scheme-button-text: #ffffff;
      --button-fill: #ffffff;
      --button-text: #000000;
    }
    :root {
      --font-family-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      --font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      --heading-h1-size: 3.5rem;
      --heading-h2-size: 3rem;
      --heading-h3-size: 1.5rem;
      --heading-h4-size: 1.125rem;
      --heading-h5-size: 1.875rem;
      --heading-h6-size: 1.625rem;
      --heading-weight: 700;
      --heading-letter-spacing: -0.02em;
      --heading-transform: uppercase;
      --heading-h1-line-height: 1.1;
      --heading-h2-line-height: 1.1;
      --heading-h3-line-height: 1.1;
      --heading-h4-line-height: 1.2;
      --heading-h5-line-height: 1.2;
      --heading-h6-line-height: 1.2;
      --text-large-size: 1.25rem;
      --text-medium-size: 1.125rem;
      --text-regular-size: 1rem;
      --text-small-size: 0.875rem;
      --text-tiny-size: 0.75rem;
      --text-weight: 400;
      --text-weight-strong: 700;
      --text-letter-spacing: 0em;
      --text-transform: none;
      --text-large-line-height: 1.45;
      --text-medium-line-height: 1.5;
      --text-regular-line-height: 1.55;
      --text-small-line-height: 1.55;
      --text-tiny-line-height: 1.5;
    }
    :root {
      --section-padding-large: 7rem;
      --section-padding-medium: 5rem;
      --section-padding-small: 3.5rem;
      --page-padding: 2rem;
      --gap-section-content: 5rem;
      --gap-element-tiny: 0.375rem;
      --gap-element-small: 0.75rem;
      --gap-element-medium: 1.25rem;
      --gap-element-large: 1.75rem;
      --gap-buttons: 0.75rem;
      --gap-grid-column-1: 1.75rem;
      --gap-grid-column-2: 1.75rem;
      --gap-grid-column-3: 1.5rem;
      --gap-grid-column-4: 1.25rem;
      --gap-grid-column-card-1: 1.75rem;
      --gap-grid-column-card-2: 2rem;
      --gap-grid-column-card-3: 2rem;
      --gap-grid-column-card-4: 1.5rem;
      --gap-grid-row: 1.75rem;
      --card-padding-small: 1.5rem;
      --card-padding-medium: 2rem;
      --card-padding-large: 2.75rem;
      --container-large: 64rem;
      --container-small: 48rem;
      --heading-max-width: 40rem;
      --body-max-width: 36rem;
    }
    :root {
      --radius-small: 8px;
      --radius-medium: 12px;
      --radius-large: 16px;
      --border-width: 1.5px;
      --divider-width: 1.5px;
      --container-border: 1;
    }
    :root {
      --button-fill: #2563EB;
      --button-radius: 8px;
      --button-border-width: 1.5px;
      --button-padding-vertical: 0.75rem;
      --button-padding-horizontal: 1.5rem;
      --button-font: var(--font-family-body);
      --button-font-size: 1rem;
      --button-weight: 500;
      --button-letter-spacing: 0em;
      --button-transform: none;
      --button-secondary-fill: transparent;
      --button-secondary-text: #000000;
      --button-secondary-border: color-mix(in srgb, #000000 32%, transparent);
      --button-secondary-border-width: 1.5px;
      --button-link-text: #2563EB;
    }
    :root {
      --input-radius: 8px;
      --input-border-width: 1.5px;
      --input-fill: transparent;
      --input-border: color-mix(in srgb, #000000 32%, transparent);
    }
    :root {
      --tagline-padding-vertical: 0.375rem;
      --tagline-padding-horizontal: 0.875rem;
      --tagline-radius: 8px;
      --tagline-border-width: 1.5px;
      --tagline-font-size: 0.8125rem;
      --tagline-weight: 700;
      --tagline-letter-spacing: 0.06em;
      --tagline-transform: uppercase;
      --tagline-font: var(--font-family-body);
      --tagline-fill: transparent;
      --tagline-text: #2563EB;
      --tagline-border: color-mix(in srgb, #2563EB 32%, transparent);
    }
    :root {
      --icon-color: #7C3AED;
      --icon-fill: rgba(124, 58, 237, 0.32);
      --icon-border: transparent;
      --icon-font-family: "Material Symbols Outlined";
      --icon-weight: 400;
      --icon-fill-axis: 0;
      --icon-padding: 0.75rem;
      --icon-radius: 8px;
    }