: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-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;
      --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%);
    }
    
    @media (prefers-color-scheme: dark) {
      :root {
        --colors-background-primary: #000000;
        --colors-background-secondary: #111111;
        --colors-background-tertiary: #1a1a1a;
        --colors-background-elevated: #161616;
        --colors-background-glass: rgba(22, 22, 22, 0.72);
        --colors-text-primary: #f5f5f7;
        --colors-text-secondary: #a1a1a6;
        --colors-text-tertiary: #86868b;
        --colors-border-primary: #222222;
        --colors-border-secondary: #333333;
        --colors-brand-primary: #2997ff;
        --colors-brand-secondary: #a78bfa;
        --shadow-sm: 0 1px 2px 0 rgba(255, 255, 255, 0.02);
        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.03);
        --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
        --shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
        --gradient-subtle: linear-gradient(180deg, #0a0a0a 0%, #111111 100%);
        --gradient-brand: linear-gradient(135deg, #2997ff 0%, #a78bfa 100%);
        --gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(41, 151, 255, 0.15) 0%, transparent 70%);
        --gradient-mesh: radial-gradient(at 27% 37%, rgba(41, 151, 255, 0.08) 0%, transparent 50%), radial-gradient(at 97% 21%, rgba(167, 139, 250, 0.08) 0%, transparent 50%), radial-gradient(at 52% 99%, rgba(41, 151, 255, 0.05) 0%, transparent 50%);
      }
    }
    
    @media (max-width: 768px) {
      :root {
        --spacing-3xl: 48px;
        --spacing-4xl: 64px;
        --spacing-5xl: 96px;
        --fontSize-3xl: 26px;
        --fontSize-4xl: 30px;
        --fontSize-5xl: 36px;
        --fontSize-6xl: 48px;
        --fontSize-7xl: 56px;
        --fontSize-8xl: 72px;
      }
    }
    
    @media (max-width: 479px) {
      :root {
        --spacing-3xl: 40px;
        --spacing-4xl: 48px;
        --spacing-5xl: 64px;
        --fontSize-5xl: 30px;
        --fontSize-6xl: 36px;
        --fontSize-7xl: 40px;
        --fontSize-8xl: 48px;
      }
    }

    * {
      box-sizing: border-box;
    }

    html {
      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);
    }

    :focus-visible {
      outline: 2px solid var(--colors-brand-primary);
      outline-offset: 2px;
    }

    .skip-link {
      position: absolute;
      left: -9999px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
      z-index: 9999;
      padding: 1rem;
      background: var(--colors-background-primary);
      color: var(--colors-text-primary);
      text-decoration: underline;
    }

    .skip-link:focus {
      position: fixed;
      left: 1rem;
      top: 1rem;
      width: auto;
      height: auto;
      overflow: visible;
    }
    @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 }
    .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) }
    .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 }
    @media (max-width: 479px) { .row-grid { grid-template-columns: repeat(1, 1fr) } }
    /* Component styles */
    [data-component-id="sc-w-hero-header--inline-element-Padding Global/Max Width Container/Content Top"] { text-align: center }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-6xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="paragraph--Paragraph"] { font-size: var(--fontSize-lg); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="ct-w-proof-points--Proof Points"] { align-items: center }
    [data-component-id="ct-w-proof-point-item--item-0"] { align-items: center }
    [data-component-id="el-icon--icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--text"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="ct-w-proof-point-item--item-1"] { align-items: center }
    [data-component-id="el-icon--icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--text"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="ct-w-proof-point-item--item-2"] { align-items: center }
    [data-component-id="el-icon--icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--text"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="ct-w-proof-point-item--item-0"] { align-items: center }
    [data-component-id="el-icon--icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--text"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="actions-row--Button Group"] { display: flex; align-items: center; gap: var(--spacing-xs); justify-content: center }
    [data-component-id="button--Primary"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 0; cursor: pointer; background-color: var(--colors-brand-primary); color: var(--colors-background-primary); transition: all 150ms ease }
    [data-component-id="button--Primary"]:hover { opacity: 0.85; transform: translateY(-1px) }
    [data-component-id="button--Primary"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="button--Secondary"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 0; cursor: pointer; background-color: var(--colors-background-tertiary); color: var(--colors-text-primary); transition: all 150ms ease }
    [data-component-id="button--Secondary"]:hover { opacity: 0.8; transform: translateY(-1px) }
    [data-component-id="button--Secondary"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="image--Image"] { width: 100%; height: 100%; display: block; border-radius: var(--borderRadius-none); object-fit: cover; aspect-ratio: 16 / 9 }
    [data-component-id="feature-grid"] { background-color: var(--colors-background-primary); background-image: var(--gradient-mesh) }
    [data-component-id="feature-grid--inline-element-feature-content"] { gap: 80px }
    [data-component-id="section-header--header"] { text-align: center }
    [data-component-id="el-tagline--Tagline"] { margin: 0; font-family: var(--fontFamily-sans); font-size: var(--fontSize-base); font-weight: var(--fontWeight-semibold); line-height: var(--lineHeight-normal); color: var(--colors-brand-primary) }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-5xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="paragraph--Paragraph"] { font-size: var(--fontSize-lg); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="feature-grid--inline-element-feature-content/grid"] { gap: var(--spacing-xl) }
    [data-component-id="feature-item--item-0"] { gap: var(--spacing-md); padding: var(--spacing-xl); border-radius: var(--borderRadius-lg); background-color: var(--colors-background-elevated); border: 1px solid; border-color: var(--colors-border-primary); transition: all 200ms ease }
    [data-component-id="feature-item--item-0"]:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
    [data-component-id="feature-item--item-0--inline-element-feature-content/icon_area"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--borderRadius-md); color: var(--colors-brand-primary); font-size: 24px }
    [data-component-id="feature-item--item-0--inline-element-feature-content/title"] { font-size: var(--fontSize-lg); font-weight: var(--fontWeight-semibold); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="feature-item--item-0--inline-element-feature-content/description"] { font-size: var(--fontSize-sm); line-height: var(--lineHeight-normal); color: var(--colors-text-secondary); margin: 0 }
    [data-component-id="feature-item--item-1"] { gap: var(--spacing-md); padding: var(--spacing-xl); border-radius: var(--borderRadius-lg); background-color: var(--colors-background-elevated); border: 1px solid; border-color: var(--colors-border-primary); transition: all 200ms ease }
    [data-component-id="feature-item--item-1"]:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
    [data-component-id="feature-item--item-1--inline-element-feature-content/icon_area"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--borderRadius-md); color: var(--colors-brand-primary); font-size: 24px }
    [data-component-id="feature-item--item-1--inline-element-feature-content/title"] { font-size: var(--fontSize-lg); font-weight: var(--fontWeight-semibold); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="feature-item--item-1--inline-element-feature-content/description"] { font-size: var(--fontSize-sm); line-height: var(--lineHeight-normal); color: var(--colors-text-secondary); margin: 0 }
    [data-component-id="feature-item--item-2"] { gap: var(--spacing-md); padding: var(--spacing-xl); border-radius: var(--borderRadius-lg); background-color: var(--colors-background-elevated); border: 1px solid; border-color: var(--colors-border-primary); transition: all 200ms ease }
    [data-component-id="feature-item--item-2"]:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
    [data-component-id="feature-item--item-2--inline-element-feature-content/icon_area"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--borderRadius-md); color: var(--colors-brand-primary); font-size: 24px }
    [data-component-id="feature-item--item-2--inline-element-feature-content/title"] { font-size: var(--fontSize-lg); font-weight: var(--fontWeight-semibold); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="feature-item--item-2--inline-element-feature-content/description"] { font-size: var(--fontSize-sm); line-height: var(--lineHeight-normal); color: var(--colors-text-secondary); margin: 0 }
    [data-component-id="feature-item--item-3"] { gap: var(--spacing-md); padding: var(--spacing-xl); border-radius: var(--borderRadius-lg); background-color: var(--colors-background-elevated); border: 1px solid; border-color: var(--colors-border-primary); transition: all 200ms ease }
    [data-component-id="feature-item--item-3"]:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
    [data-component-id="feature-item--item-3--inline-element-feature-content/icon_area"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--borderRadius-md); color: var(--colors-brand-primary); font-size: 24px }
    [data-component-id="feature-item--item-3--inline-element-feature-content/title"] { font-size: var(--fontSize-lg); font-weight: var(--fontWeight-semibold); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="feature-item--item-3--inline-element-feature-content/description"] { font-size: var(--fontSize-sm); line-height: var(--lineHeight-normal); color: var(--colors-text-secondary); margin: 0 }
    [data-component-id="feature-item--item-4"] { gap: var(--spacing-md); padding: var(--spacing-xl); border-radius: var(--borderRadius-lg); background-color: var(--colors-background-elevated); border: 1px solid; border-color: var(--colors-border-primary); transition: all 200ms ease }
    [data-component-id="feature-item--item-4"]:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
    [data-component-id="feature-item--item-4--inline-element-feature-content/icon_area"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--borderRadius-md); color: var(--colors-brand-primary); font-size: 24px }
    [data-component-id="feature-item--item-4--inline-element-feature-content/title"] { font-size: var(--fontSize-lg); font-weight: var(--fontWeight-semibold); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="feature-item--item-4--inline-element-feature-content/description"] { font-size: var(--fontSize-sm); line-height: var(--lineHeight-normal); color: var(--colors-text-secondary); margin: 0 }
    [data-component-id="feature-item--item-5"] { gap: var(--spacing-md); padding: var(--spacing-xl); border-radius: var(--borderRadius-lg); background-color: var(--colors-background-elevated); border: 1px solid; border-color: var(--colors-border-primary); transition: all 200ms ease }
    [data-component-id="feature-item--item-5"]:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
    [data-component-id="feature-item--item-5--inline-element-feature-content/icon_area"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--borderRadius-md); color: var(--colors-brand-primary); font-size: 24px }
    [data-component-id="feature-item--item-5--inline-element-feature-content/title"] { font-size: var(--fontSize-lg); font-weight: var(--fontWeight-semibold); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="feature-item--item-5--inline-element-feature-content/description"] { font-size: var(--fontSize-sm); line-height: var(--lineHeight-normal); color: var(--colors-text-secondary); margin: 0 }
    [data-component-id="feature-item--item-0"] { gap: var(--spacing-md); padding: var(--spacing-xl); border-radius: var(--borderRadius-lg); background-color: var(--colors-background-elevated); border: 1px solid; border-color: var(--colors-border-primary); transition: all 200ms ease }
    [data-component-id="feature-item--item-0"]:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
    [data-component-id="feature-item--item-0--inline-element-feature-content/icon_area"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--borderRadius-md); color: var(--colors-brand-primary); font-size: 24px }
    [data-component-id="feature-item--item-0--inline-element-feature-content/title"] { font-size: var(--fontSize-lg); font-weight: var(--fontWeight-semibold); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="feature-item--item-0--inline-element-feature-content/description"] { font-size: var(--fontSize-sm); line-height: var(--lineHeight-normal); color: var(--colors-text-secondary); margin: 0 }
    [data-component-id="sc-w-planning-process--inline-element-Padding Global/Max Width Container/Stack"] { align-items: center }
    [data-component-id="sc-w-planning-process--inline-element-Padding Global/Max Width Container/Stack/Header"] { text-align: center }
    [data-component-id="el-tagline--Tagline"] { margin: 0; font-family: var(--fontFamily-sans); font-size: var(--fontSize-base); font-weight: var(--fontWeight-semibold); line-height: var(--lineHeight-normal); color: var(--colors-brand-primary) }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-5xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="paragraph--Paragraph"] { font-size: var(--fontSize-lg); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="sc-w-planning-process--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper"] { position: relative; align-items: center }
    [data-component-id="sc-w-planning-process--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Overlay Top"] { width: 2px; background: linear-gradient(to bottom, white 0%, transparent 100%); height: 24px; position: absolute; z-index: 1 }
    [data-component-id="sc-w-planning-process--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Progress"] { width: 2px; background-color: var(--colors-border-secondary); height: 100%; position: absolute; z-index: 0 }
    [data-component-id="sc-w-planning-process--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Timeline List"] { z-index: 1 }
    [data-component-id="ct-w-planning-item--item-0"] { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--spacing-md); align-items: start; z-index: 1 }
    [data-component-id="image--Image"] { width: 100%; height: 100%; display: block; border-radius: var(--borderRadius-md); object-fit: cover; aspect-ratio: 1 / 1 }
    [data-component-id="ct-w-planning-item--item-0--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Circle"] { width: 1rem; height: 1rem; border-radius: var(--borderRadius-full); background-color: var(--colors-text-primary); margin-top: 20px }
    [data-component-id="ct-w-planning-item--item-0--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Content"] { align-items: start; margin-top: 1rem }
    [data-component-id="heading--Step Heading"] { font-size: var(--fontSize-2xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-3xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="paragraph--Paragraph"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="button--Button"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 1px solid; cursor: pointer; background-color: transparent; color: var(--colors-text-primary); transition: all 150ms ease; border-color: var(--colors-border-secondary) }
    [data-component-id="button--Button"]:hover { opacity: 0.85; transform: translateY(-1px); background-color: rgba(0, 0, 0, 0.03) }
    [data-component-id="button--Button"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="ct-w-planning-item--item-1"] { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--spacing-md); align-items: start; z-index: 1 }
    [data-component-id="ct-w-planning-item--item-1--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Content"] { align-items: start; margin-top: 1rem }
    [data-component-id="heading--Step Heading"] { font-size: var(--fontSize-2xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-3xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="paragraph--Paragraph"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="button--Button"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 1px solid; cursor: pointer; background-color: transparent; color: var(--colors-text-primary); transition: all 150ms ease; border-color: var(--colors-border-secondary) }
    [data-component-id="button--Button"]:hover { opacity: 0.85; transform: translateY(-1px); background-color: rgba(0, 0, 0, 0.03) }
    [data-component-id="button--Button"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="ct-w-planning-item--item-1--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Circle"] { width: 1rem; height: 1rem; border-radius: var(--borderRadius-full); background-color: var(--colors-text-primary); margin-top: 20px }
    [data-component-id="image--Image"] { width: 100%; height: 100%; display: block; border-radius: var(--borderRadius-md); object-fit: cover; aspect-ratio: 1 / 1 }
    [data-component-id="ct-w-planning-item--item-2"] { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--spacing-md); align-items: start; z-index: 1 }
    [data-component-id="image--Image"] { width: 100%; height: 100%; display: block; border-radius: var(--borderRadius-md); object-fit: cover; aspect-ratio: 1 / 1 }
    [data-component-id="ct-w-planning-item--item-2--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Circle"] { width: 1rem; height: 1rem; border-radius: var(--borderRadius-full); background-color: var(--colors-text-primary); margin-top: 20px }
    [data-component-id="ct-w-planning-item--item-2--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Content"] { align-items: start; margin-top: 1rem }
    [data-component-id="heading--Step Heading"] { font-size: var(--fontSize-2xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-3xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="paragraph--Paragraph"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="button--Button"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 1px solid; cursor: pointer; background-color: transparent; color: var(--colors-text-primary); transition: all 150ms ease; border-color: var(--colors-border-secondary) }
    [data-component-id="button--Button"]:hover { opacity: 0.85; transform: translateY(-1px); background-color: rgba(0, 0, 0, 0.03) }
    [data-component-id="button--Button"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="ct-w-planning-item--item-0"] { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--spacing-md); align-items: start; z-index: 1 }
    [data-component-id="image--Image"] { width: 100%; height: 100%; display: block; border-radius: var(--borderRadius-md); object-fit: cover; aspect-ratio: 1 / 1 }
    [data-component-id="ct-w-planning-item--item-0--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Circle"] { width: 1rem; height: 1rem; border-radius: var(--borderRadius-full); background-color: var(--colors-text-primary); margin-top: 20px }
    [data-component-id="ct-w-planning-item--item-0--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Content"] { align-items: start; margin-top: 1rem }
    [data-component-id="heading--Step Heading"] { font-size: var(--fontSize-2xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-3xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-text-primary); margin: 0 }
    [data-component-id="paragraph--Paragraph"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="button--Button"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 1px solid; cursor: pointer; background-color: transparent; color: var(--colors-text-primary); transition: all 150ms ease; border-color: var(--colors-border-secondary) }
    [data-component-id="button--Button"]:hover { opacity: 0.85; transform: translateY(-1px); background-color: rgba(0, 0, 0, 0.03) }
    [data-component-id="button--Button"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="sc-w-planning-process--inline-element-Padding Global/Max Width Container/Stack/Timeline Wrapper/Overlay Bottom"] { width: 2px; background: linear-gradient(to bottom, transparent 0%, white 100%); height: 24px; position: absolute; z-index: 1; bottom: 0 }
    [data-component-id="sc-w-cta"] { overflow: hidden; position: relative }
    [data-component-id="sc-w-cta--inline-element-Background"] { top: 0; left: 0; right: 0; bottom: 0; position: absolute }
    [data-component-id="image--Image"] { width: 100%; height: 100%; display: block; border-radius: var(--borderRadius-none); object-fit: cover; aspect-ratio: auto }
    [data-component-id="sc-w-cta--inline-element-Background/Image Overlay"] { top: 0; left: 0; width: 100%; height: 100%; z-index: 1; position: absolute; background-color: rgba(0, 0, 0, 0.7) }
    [data-component-id="sc-w-cta--inline-element-Padding Global"] { z-index: 2; position: relative }
    [data-component-id="sc-w-cta--inline-element-Padding Global/Max Width Container/Stack/Content Left"] { align-items: start }
    [data-component-id="heading--Heading"] { font-size: var(--fontSize-5xl); font-weight: var(--fontWeight-bold); line-height: var(--lineHeight-tight); font-family: var(--fontFamily-sans); color: var(--colors-background-primary); margin: 0 }
    [data-component-id="paragraph--Description"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-background-tertiary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="el-icon--Icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--Description"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-background-tertiary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="el-icon--Icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--Description"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-background-tertiary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="el-icon--Icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--Description"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-background-tertiary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="el-icon--Icon"] { width: 1.5rem; height: 1.5rem; display: block; flex-shrink: 0 }
    [data-component-id="paragraph--Description"] { font-size: var(--fontSize-base); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-background-tertiary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="button--Button"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 0; cursor: pointer; background-color: var(--colors-brand-primary); color: var(--colors-background-primary); transition: all 150ms ease }
    [data-component-id="button--Button"]:hover { opacity: 0.85; transform: translateY(-1px) }
    [data-component-id="button--Button"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="sc-w-cta--inline-element-Padding Global/Max Width Container/Stack/Quote Wrapper"] { justify-content: center }
    [data-component-id="paragraph--Quote"] { font-size: var(--fontSize-lg); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-background-tertiary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="sc-w-cta--inline-element-Padding Global/Max Width Container/Stack/Quote Wrapper/Attribution"] { color: rgba(255, 255, 255, 0.6); font-size: var(--fontSize-sm); font-family: var(--fontFamily-sans); font-weight: var(--fontWeight-medium) }
    [data-component-id="ct-author"] { display: flex; align-items: center; gap: var(--spacing-xs) }
    [data-component-id="el-avatar--avatar"] { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; display: block }
    [data-component-id="paragraph--name"] { font-size: var(--fontSize-sm); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-semibold) }
    [data-component-id="paragraph--position"] { font-size: var(--fontSize-sm); line-height: 1.5; font-family: var(--fontFamily-sans); color: var(--colors-text-secondary); margin: 0; font-weight: var(--fontWeight-normal) }
    [data-component-id="el-google-map"] { width: 100%; height: 100%; border: 0; display: block; aspect-ratio: 16 / 9; border-radius: var(--borderRadius-md) }
    [data-component-id="el-video"] { position: relative; width: 100% }
    [data-component-id="el-video--inline-element-thumbnail-wrapper"] { position: relative; width: 100%; overflow: hidden; cursor: pointer }
    [data-component-id="image--image1"] { width: 100%; height: 100%; display: block; border-radius: var(--borderRadius-none); object-fit: cover; aspect-ratio: auto }
    [data-component-id="el-video--inline-element-thumbnail-wrapper/overlay"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; transition: background-color 300ms ease }
    [data-component-id="el-video--inline-element-thumbnail-wrapper/overlay"]:hover { background-color: rgba(0, 0, 0, 0.5) }
    [data-component-id="el-video--inline-element-thumbnail-wrapper/overlay/play-button"] { width: 68px; height: 68px; border-radius: var(--borderRadius-full); background-color: rgba(255, 255, 255, 0.95); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-lg); transition: transform 300ms ease, box-shadow 300ms ease }
    [data-component-id="el-video--inline-element-thumbnail-wrapper/overlay/play-button"]:hover { transform: scale(1.1); box-shadow: var(--shadow-xl) }
    [data-component-id="el-video--inline-element-thumbnail-wrapper/overlay/play-button/play-icon"] { width: 24px; height: 24px; margin-left: 3px }
    [data-component-id="signup-form"] { display: flex; flex-direction: column; gap: var(--spacing-xs); width: 100%; max-width: 28rem }
    [data-component-id="signup-form--inline-element-Form Content/emailField"] { width: 100%; padding: 12px 16px; font-size: var(--fontSize-base); border-radius: var(--borderRadius-md); border: 1px solid; border-color: var(--colors-border-secondary); background-color: var(--colors-background-primary); color: var(--colors-text-primary); font-family: var(--fontFamily-sans); transition: border-color 150ms ease; outline: none }
    [data-component-id="signup-form--inline-element-Form Content/emailField"]:focus { border-color: var(--colors-brand-primary) }
    [data-component-id="button--submitButton"] { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); padding: 0.75rem 1.5rem; font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); border-radius: var(--borderRadius-full); border: 0; cursor: pointer; background-color: var(--colors-background-tertiary); color: var(--colors-text-primary); transition: all 150ms ease }
    [data-component-id="button--submitButton"]:hover { opacity: 0.8; transform: translateY(-1px) }
    [data-component-id="button--submitButton"]:active { transform: translateY(0) }
    [data-component-id="el-icon--Arrow"] { width: 1.25rem; height: 1.25rem; display: block; flex-shrink: 0 }
    [data-component-id="signup-form--inline-element-termsContainer"] { font-size: var(--fontSize-xs); color: var(--colors-text-tertiary); line-height: var(--lineHeight-normal); margin: 0 }
    [data-component-id="link--tosLink"] { font-size: var(--fontSize-sm); font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); color: inherit; text-decoration: none; cursor: pointer; transition: color 150ms ease }
    [data-component-id="link--tosLink"]:hover { opacity: 0.7 }
    [data-component-id="link--privacyLink"] { font-size: var(--fontSize-sm); font-weight: var(--fontWeight-medium); font-family: var(--fontFamily-sans); color: inherit; text-decoration: none; cursor: pointer; transition: color 150ms ease }
    [data-component-id="link--privacyLink"]:hover { opacity: 0.7 }
    @media (max-width: 768px) { [data-component-id="feature-grid"] { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl) } }
    @media (max-width: 768px) { [data-component-id="feature-grid--inline-element-feature-content"] { gap: 48px } }
    @media (max-width: 768px) { [data-component-id="feature-grid--inline-element-feature-content/grid"] { grid-template-columns: repeat(2, 1fr) } }
    @media (max-width: 479px) { [data-component-id="feature-grid"] { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl) } }
    @media (max-width: 479px) { [data-component-id="feature-grid--inline-element-feature-content"] { gap: 48px } }
    @media (max-width: 479px) { [data-component-id="feature-grid--inline-element-feature-content/grid"] { grid-template-columns: 1fr } }