:root {
      --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;
    }
    @keyframes spin {
  to { transform: rotate(360deg) }
}
    @keyframes scrollUp {
  from { transform: translateY(0) }
  to { transform: translateY(-50%) }
}
    @keyframes scrollDown {
  from { transform: translateY(-50%) }
  to { transform: translateY(0) }
}
    @keyframes fadeIn {
  from { opacity: 0 }
  to { opacity: 1 }
}
    @keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px) }
  to { opacity: 1; transform: translateY(0) }
}
    @keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-20px) }
  to { opacity: 1; transform: translateY(0) }
}
    @keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-40px) }
  to { opacity: 1; transform: translateX(0) }
}
    @keyframes slideInRight {
  from { opacity: 0; transform: translateX(40px) }
  to { opacity: 1; transform: translateX(0) }
}
    @keyframes scaleIn {
  from { opacity: 0; transform: scale(0.9) }
  to { opacity: 1; transform: scale(1) }
}
    @keyframes pulse {
  0% { transform: scale(1) }
  50% { transform: scale(1.05) }
  100% { transform: scale(1) }
}
    @keyframes float {
  0% { transform: translateY(0px) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0px) }
}
    /* Class styles */
    .container { display: flex; flex-direction: column; max-width: var(--maxWidth-xl); margin-left: auto; margin-right: auto; width: 100%; padding-left: var(--spacing-lg); padding-right: var(--spacing-lg) }
    .container-narrow { display: flex; flex-direction: column; max-width: var(--maxWidth-md); margin-left: auto; margin-right: auto; width: 100%; padding-left: var(--spacing-lg); padding-right: var(--spacing-lg) }
    .container-wide { display: flex; flex-direction: column; max-width: var(--maxWidth-xl); margin-left: auto; margin-right: auto; width: 100%; padding-left: var(--spacing-xl); padding-right: var(--spacing-xl) }
    .stack { display: flex; flex-direction: column; gap: var(--spacing-md) }
    .stack-center { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-md) }
    .stack-left { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-md) }
    .stack-right { display: flex; flex-direction: column; align-items: flex-end; gap: var(--spacing-md) }
    .row { display: flex; flex-direction: row; align-items: center; gap: var(--spacing-md) }
    .row-grid { display: grid; gap: var(--spacing-4xl); grid-template-columns: repeat(2, 1fr) }
    .row-flex { display: flex; text-align: center; justify-content: center; gap: var(--spacing-xs) }
    .row-top { display: flex; flex-direction: row; align-items: flex-start; gap: var(--spacing-md) }
    .row-bottom { display: flex; flex-direction: row; align-items: flex-end; gap: var(--spacing-md) }
    .row-between { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--spacing-md) }
    .list-2col { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xl) }
    .list-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-lg) }
    .list-4col { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spacing-md) }
    .center { display: flex; align-items: center; justify-content: center }
    .align-center { margin: 0 auto }
    .sticky-viewport { position: sticky; top: 0; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center }
    .overlay-fixed { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; flex-direction: column }
    .section-padding-sm { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg) }
    .section-padding-md { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl) }
    .section-padding-lg { padding-top: var(--spacing-4xl); padding-bottom: var(--spacing-4xl) }
    .padding-global { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm) }
    .navbar-desktop { display: flex }
    .navbar-mobile { display: none }
    .max-width-2xs { width: 100%; max-width: 25rem }
    .max-width-xs { width: 100%; max-width: 30rem }
    .max-width-sm { width: 100%; max-width: 35rem }
    .max-width-md { width: 100%; max-width: 48rem }
    .max-width-lg { width: 100%; max-width: 64rem }
    .max-width-xl { width: 100%; max-width: 80rem }
    .gap-3xsmall { gap: var(--spacing-3xs) }
    .gap-2xsmall { gap: var(--spacing-2xs) }
    .gap-xsmall { gap: var(--spacing-xs) }
    .gap-small { gap: var(--spacing-sm) }
    .gap-medium { gap: var(--spacing-md) }
    .gap-large { gap: var(--spacing-lg) }
    .gap-xlarge { gap: var(--spacing-xl) }
    .gap-2xlarge { gap: var(--spacing-2xl) }
    .gap-3xlarge { gap: var(--spacing-3xl) }
    .gap-4xlarge { gap: var(--spacing-4xl) }
    .full-width { width: 100% }
    .text-center { text-align: center }
    .wrap { flex-wrap: wrap }
    /* Component styles */
    [data-sid="1"] .r-2 { display: contents }
    [data-sid="1"] .r-5 { display: contents }
    [data-sid="1"] .r-9 { display: contents }
    [data-sid="e"] .r-g { display: contents }
    [data-sid="13"] .r-g { display: contents }
    [data-sid="14"] .r-g { display: contents }
    /* Class breakpoint styles */
    @media (max-width: 768px) { .row-grid { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .list-2col { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .list-3col { grid-template-columns: 1fr } }
    @media (max-width: 768px) { .list-4col { grid-template-columns: repeat(2, 1fr) } }
    @media (max-width: 768px) { .section-padding-lg { padding-top: 64px; padding-bottom: 64px } }
    @media (max-width: 768px) { .navbar-desktop { display: none } }
    @media (max-width: 768px) { .navbar-mobile { display: flex } }
    /* 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: #FEF1F1;
      --color-color1-100: #FCE1E1;
      --color-color1-200: #F9C6C5;
      --color-color1-300: #F6A0A0;
      --color-color1-400: #F17170;
      --color-color1-500: #ED4746;
      --color-color1-600: #A53131;
      --color-color1-700: #732222;
      --color-color1-800: #431414;
      --color-color1-900: #200A0A;
      --color-color1-950: #0F0404;
      --color-color2-50: #F4F5F6;
      --color-color2-100: #E7E8EB;
      --color-color2-200: #D1D4DA;
      --color-color2-300: #B7BBC5;
      --color-color2-400: #989EAC;
      --color-color2-500: #798093;
      --color-color2-600: #576078;
      --color-color2-700: #2E3957;
      --color-color2-800: #1F263A;
      --color-color2-900: #0E111A;
      --color-color2-950: #06070B;
      --color-color3-50: #FFF4DA;
      --color-color3-100: #FFE5A8;
      --color-color3-200: #FFC439;
      --color-color3-300: #E7B234;
      --color-color3-400: #C4972C;
      --color-color3-500: #9E7A23;
      --color-color3-600: #785C1B;
      --color-color3-700: #523F12;
      --color-color3-800: #30250B;
      --color-color3-900: #161105;
      --color-color3-950: #090702;
      --color-neutral-50: #F4F5F5;
      --color-neutral-100: #E8E8EA;
      --color-neutral-200: #D3D4D6;
      --color-neutral-300: #B8BABD;
      --color-neutral-400: #9C9EA3;
      --color-neutral-500: #7E8087;
      --color-neutral-600: #5D6069;
      --color-neutral-700: #3F424C;
      --color-neutral-800: #1D212D;
      --color-neutral-900: #0F1117;
      --color-neutral-950: #06070A;
    }
    :root {
      --scheme1-background: #ED4746;
      --scheme1-background-secondary: #F17170;
      --scheme1-heading: #F4F5F5;
      --scheme1-text: #ffffff;
      --scheme1-accent: #FCE1E1;
      --scheme1-accent-subtle: color-mix(in srgb, #FCE1E1 12%, transparent);
      --scheme1-border: rgba(255, 255, 255, 0.1);
      --scheme2-background: #06070A;
      --scheme2-background-secondary: #0F1117;
      --scheme2-heading: #ffffff;
      --scheme2-text: #ffffff;
      --scheme2-accent: #F17170;
      --scheme2-accent-subtle: color-mix(in srgb, #F17170 12%, transparent);
      --scheme2-border: rgba(255, 255, 255, 0.15);
      --scheme3-background: #ffffff;
      --scheme3-background-secondary: #F4F5F5;
      --scheme3-heading: #06070A;
      --scheme3-text: #06070A;
      --scheme3-accent: #ED4746;
      --scheme3-accent-subtle: color-mix(in srgb, #ED4746 12%, transparent);
      --scheme3-border: rgba(6, 7, 10, 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(237, 71, 70, 0.72);
      --scheme-button-text: #06070A;
      --button-fill: #ffffff;
      --button-text: #06070A;
    }
    .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(6, 7, 10, 0.72);
      --scheme-button-text: #ffffff;
      --button-fill: #ffffff;
      --button-text: #06070A;
    }
    .scheme-3 {
      --scheme-background: var(--scheme3-background);
      --scheme-background-secondary: var(--scheme3-background-secondary);
      --scheme-heading: var(--scheme3-heading);
      --scheme-text: var(--scheme3-text);
      --scheme-accent: var(--scheme3-accent);
      --scheme-accent-subtle: var(--scheme3-accent-subtle);
      --scheme-border: var(--scheme3-border);
      --scheme-background-glass: rgba(255, 255, 255, 0.72);
      --scheme-button-text: #ffffff;
      --button-fill: #ED4746;
      --button-text: #ffffff;
    }
    :root {
      --font-family-heading: "G-Nunito-Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      --font-family-body: "G-Open-Sans", 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: none;
      --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: 8.5rem;
      --section-padding-medium: 6rem;
      --section-padding-small: 4.25rem;
      --page-padding: 2rem;
      --gap-section-content: 6rem;
      --gap-element-tiny: 0.4375rem;
      --gap-element-small: 0.875rem;
      --gap-element-medium: 1.5rem;
      --gap-element-large: 2rem;
      --gap-buttons: 0.875rem;
      --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: 2rem;
      --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: 4px;
      --radius-medium: 6px;
      --radius-large: 8px;
      --border-width: 1px;
      --divider-width: 1px;
      --container-border: 0;
    }
    :root {
      --button-fill: #ED4746;
      --button-radius: 4px;
      --button-border-width: 1px;
      --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: #1D212D;
      --button-secondary-border: color-mix(in srgb, #1D212D 32%, transparent);
      --button-secondary-border-width: 1px;
      --button-link-text: #ED4746;
    }
    :root {
      --input-radius: 4px;
      --input-border-width: 1px;
      --input-fill: transparent;
      --input-border: color-mix(in srgb, #1D212D 32%, transparent);
    }
    :root {
      --tagline-padding-vertical: 0.375rem;
      --tagline-padding-horizontal: 0.875rem;
      --tagline-radius: 4px;
      --tagline-border-width: 1px;
      --tagline-font-size: 0.8125rem;
      --tagline-weight: 700;
      --tagline-letter-spacing: 0.06em;
      --tagline-transform: none;
      --tagline-font: var(--font-family-body);
      --tagline-fill: transparent;
      --tagline-text: #ED4746;
      --tagline-border: color-mix(in srgb, #ED4746 32%, transparent);
    }
    :root {
      --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: 4px;
    }