/* Generated from textStyles.json */

/*
  CSS Variables - used by all components
  Fonts are injected via JavaScript in each component for Webflow Shadow DOM compatibility
  Using both :root (for regular DOM) and :host (for Shadow DOM)

  IMPORTANT: When updating this file, also update textStyles.ts
  The .ts file exports these styles as a string for Shadow DOM injection in Webflow components
*/
:host,
:host {
    --font-primary: 'Outfit', sans-serif;
    --font-secondary: 'Inter', sans-serif;
    --font-mono: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}


.Desktop__Display__D1{
  font-family: var(--font-primary);
  font-size: 80px;
  font-weight: 580;
  line-height: 100%;
  text-decoration: uppercase;
}
.Desktop__Display__D2{
  font-family: var(--font-primary);
  font-size: 56px;
  font-weight: 550;
  line-height: 100%;
  text-decoration: uppercase;
}
.Desktop__Heading__H1{
  font-family: var(--font-primary);
  font-size: 56px;
  font-weight: 550;
  line-height: 102.99999713897705%;
}
.Desktop__Heading__H2{
  font-family: var(--font-primary);
  font-size: 48px;
  font-weight: 460;
  line-height: 120.00000476837158%;
}
.Desktop__Heading__H3{
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.Desktop__Heading__H4{
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.Desktop__Heading__H5{
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 450;
  line-height: 139.9999976158142%;
}
.Desktop__Number__N1{
  font-family: var(--font-secondary);
  font-size: 32px;
  font-weight: 450;
  line-height: 150%;
}
.Desktop__SectionTitle__ST1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 120.00000476837158%;
  text-decoration: uppercase;
}
.Desktop__SectionTitle__ST2{
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 450;
  line-height: 160.0000023841858%;
  text-decoration: uppercase;
}
.Desktop__Label__L1{
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.Desktop__Paragraph__P1{
  font-family: var(--font-secondary);
  font-size: 24px;
  font-weight: 450;
  line-height: 129.99999523162842%;
}
.Desktop__Paragraph__P2{
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 450;
  line-height: 139.9999976158142%;
}
.Desktop__Paragraph__P3{
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.Desktop__Paragraph__P4{
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.Desktop__Paragraph__P5{
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.Tablet__Display__D1{
  font-family: var(--font-primary);
  font-size: 64px;
  font-weight: 580;
  line-height: 100%;
  text-decoration: uppercase;
}
.Tablet__Display__D2{
  font-family: var(--font-primary);
  font-size: 48px;
  font-weight: 550;
  line-height: 100%;
  text-decoration: uppercase;
}
.Tablet__Heading__H1{
  font-family: var(--font-primary);
  font-size: 40px;
  font-weight: 550;
  line-height: 102.99999713897705%;
}
.Tablet__Heading__H2{
  font-family: var(--font-primary);
  font-size: 36px;
  font-weight: 450;
  line-height: 120.00000476837158%;
}
.Tablet__Heading__H3{
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.Tablet__Heading__H4{
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.Tablet__Heading__H5{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 139.9999976158142%;
}
.Tablet__Number__N1{
  font-family: var(--font-secondary);
  font-size: 28px;
  font-weight: 450;
  line-height: 150%;
}
.Tablet__SectionTitile__ST1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 120.00000476837158%;
  text-decoration: uppercase;
}
.Tablet__Paragraph__P1{
  font-family: var(--font-secondary);
  font-size: 24px;
  font-weight: 450;
  line-height: 129.99999523162842%;
}
.Tablet__Paragraph__P2{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 139.9999976158142%;
}
.Tablet__Paragraph__P3{
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.Tablet__Paragraph__P4{
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.Tablet__Paragraph__P5{
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.MobileL__Display__D1{
  font-family: var(--font-primary);
  font-size: 52px;
  font-weight: 550;
  line-height: 100%;
  text-decoration: uppercase;
}
.MobileL__Display__D2{
  font-family: var(--font-primary);
  font-size: 44px;
  font-weight: 550;
  line-height: 100%;
  text-decoration: uppercase;
}
.MobileL__Heading__H1{
  font-family: var(--font-primary);
  font-size: 36px;
  font-weight: 550;
  line-height: 102.99999713897705%;
}
.MobileL__Heading__H2{
  font-family: var(--font-primary);
  font-size: 36px;
  font-weight: 450;
  line-height: 120.00000476837158%;
}
.MobileL__Heading__H3{
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.MobileL__Heading__H4{
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.MobileL__Heading__H5{
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 450;
  line-height: 139.9999976158142%;
}
.MobileL__Number__N1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 150%;
}
.MobileL__SectionTitle__ST1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 120.00000476837158%;
}
.MobileL__Paragraph__P1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 129.99999523162842%;
}
.MobileL__Paragraph__P2{
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 450;
  line-height: 150%;
}
.MobileL__Paragraph__P3{
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.MobileL__Paragraph__P4{
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.MobileL__Paragraph__P5{
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.MobileP__Display__D1{
  font-family: var(--font-primary);
  font-size: 48px;
  font-weight: 580;
  line-height: 100%;
  text-decoration: uppercase;
}
.MobileP__Display__D2{
  font-family: var(--font-primary);
  font-size: 40px;
  font-weight: 550;
  line-height: 100%;
  text-decoration: uppercase;
}
.MobileP__Heading__H1{
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: 550;
  line-height: 102.99999713897705%;
}
.MobileP__Heading__H2{
  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: 450;
  line-height: 120.00000476837158%;
}
.MobileP__Heading__H3{
  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.MobileP__Heading__H4{
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 350;
  letter-spacing: 1px;
  line-height: 120.00000476837158%;
}
.MobileP__Heading__H5{
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 450;
  line-height: 139.9999976158142%;
}
.MobileP__Number__N1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 150%;
}
.MobileP__SectionTitle__St1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 120.00000476837158%;
}
.MobileP__Paragraph__P1{
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 450;
  line-height: 129.99999523162842%;
}
.MobileP__Paragraph__P2{
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 450;
  line-height: 150%;
}
.MobileP__Paragraph__P3{
  font-family: var(--font-secondary);
  font-size: 14px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.MobileP__Paragraph__P4{
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}
.MobileP__Paragraph__P5{
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 450;
  line-height: 160.0000023841858%;
}

/* Responsive: Desktop → Tablet (below 991px) */
@media (max-width: 991px) {
  .Desktop__Display__D1 { font-size: 64px; font-weight: 580; line-height: 100%; }
  .Desktop__Display__D2 { font-size: 48px; font-weight: 550; line-height: 100%; }
  .Desktop__Heading__H1 { font-size: 40px; font-weight: 550; line-height: 102.99999713897705%; }
  .Desktop__Heading__H2 { font-size: 36px; font-weight: 450; line-height: 120.00000476837158%; }
  .Desktop__Heading__H3 { font-size: 32px; font-weight: 350; letter-spacing: 1px; line-height: 120.00000476837158%; }
  .Desktop__Heading__H4 { font-size: 24px; font-weight: 350; letter-spacing: 1px; line-height: 120.00000476837158%; }
  .Desktop__Heading__H5 { font-size: 20px; font-weight: 450; line-height: 139.9999976158142%; }
  .Desktop__Number__N1 { font-size: 28px; font-weight: 450; line-height: 150%; }
  .Desktop__SectionTitle__ST1 { font-size: 20px; font-weight: 450; line-height: 120.00000476837158%; }
  .Desktop__Paragraph__P1 { font-size: 24px; font-weight: 450; line-height: 129.99999523162842%; }
  .Desktop__Paragraph__P2 { font-size: 20px; font-weight: 450; line-height: 139.9999976158142%; }
  .Desktop__Paragraph__P3 { font-size: 16px; font-weight: 450; line-height: 160.0000023841858%; }
  .Desktop__Paragraph__P4 { font-size: 14px; font-weight: 450; line-height: 160.0000023841858%; }
  .Desktop__Paragraph__P5 { font-size: 12px; font-weight: 450; line-height: 160.0000023841858%; }
}

/* Responsive: Desktop → MobileL (below 767px) */
@media (max-width: 767px) {
  .Desktop__Display__D1 { font-size: 52px; font-weight: 550; line-height: 100%; }
  .Desktop__Display__D2 { font-size: 44px; font-weight: 550; line-height: 100%; }
  .Desktop__Heading__H1 { font-size: 36px; font-weight: 550; line-height: 102.99999713897705%; }
  .Desktop__Heading__H2 { font-size: 36px; font-weight: 450; line-height: 120.00000476837158%; }
  .Desktop__Heading__H3 { font-size: 32px; font-weight: 350; letter-spacing: 1px; line-height: 120.00000476837158%; }
  .Desktop__Heading__H4 { font-size: 24px; font-weight: 350; letter-spacing: 1px; line-height: 120.00000476837158%; }
  .Desktop__Heading__H5 { font-size: 18px; font-weight: 450; line-height: 139.9999976158142%; }
  .Desktop__Number__N1 { font-size: 20px; font-weight: 450; line-height: 150%; }
  .Desktop__SectionTitle__ST1 { font-size: 20px; font-weight: 450; line-height: 120.00000476837158%; }
  .Desktop__Paragraph__P1 { font-size: 20px; font-weight: 450; line-height: 129.99999523162842%; }
  .Desktop__Paragraph__P2 { font-size: 16px; font-weight: 450; line-height: 150%; }
  .Desktop__Paragraph__P3 { font-size: 14px; font-weight: 450; line-height: 160.0000023841858%; }
  .Desktop__Paragraph__P4 { font-size: 12px; font-weight: 450; line-height: 160.0000023841858%; }
  .Desktop__Paragraph__P5 { font-size: 12px; font-weight: 450; line-height: 160.0000023841858%; }
}

/* Responsive: Desktop → MobileP (below 479px) */
@media (max-width: 479px) {
  .Desktop__Display__D1 { font-size: 48px; font-weight: 580; line-height: 100%; }
  .Desktop__Display__D2 { font-size: 40px; font-weight: 550; line-height: 100%; }
  .Desktop__Heading__H1 { font-size: 32px; font-weight: 550; line-height: 102.99999713897705%; }
  .Desktop__Heading__H2 { font-size: 32px; font-weight: 450; line-height: 120.00000476837158%; }
  .Desktop__Heading__H3 { font-size: 28px; font-weight: 350; letter-spacing: 1px; line-height: 120.00000476837158%; }
  .Desktop__Heading__H4 { font-size: 24px; font-weight: 350; letter-spacing: 1px; line-height: 120.00000476837158%; }
  .Desktop__Heading__H5 { font-size: 18px; font-weight: 450; line-height: 139.9999976158142%; }
  .Desktop__Number__N1 { font-size: 20px; font-weight: 450; line-height: 150%; }
  .Desktop__SectionTitle__ST1 { font-size: 20px; font-weight: 450; line-height: 120.00000476837158%; }
  .Desktop__Paragraph__P1 { font-size: 20px; font-weight: 450; line-height: 129.99999523162842%; }
  .Desktop__Paragraph__P2 { font-size: 16px; font-weight: 450; line-height: 150%; }
  .Desktop__Paragraph__P3 { font-size: 14px; font-weight: 450; line-height: 160.0000023841858%; }
  .Desktop__Paragraph__P4 { font-size: 12px; font-weight: 450; line-height: 160.0000023841858%; }
  .Desktop__Paragraph__P5 { font-size: 12px; font-weight: 450; line-height: 160.0000023841858%; }
}
.cta-section__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 120px 80px;
}

.cta-section__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 48px;
}

.cta-section__image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    border: 1px solid #333333;
}

/* Responsive: below 991px */
@media (max-width: 991px) {
    .cta-section__container {
        padding: 80px 24px;
    }

    .cta-section__content {
        flex-direction: column;
        gap: 24px;
    }
}