/* 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%; }
}
.feature-cards-section {
    padding-top: 120px;
    padding-bottom: 120px;
}

/* Responsive: below 991px */
@media (max-width: 991px) {
    .feature-cards-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .feature-cards-wrapper {
        flex-direction: column !important;
    }

    .feature-card {
        width: 100% !important;
    }
}