@property --Border {
  syntax: "<color>";
  inherits: true;
  initial-value: #363636;
}
@property --White-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff05;
}
@property --shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow-md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow-xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --Retro-Dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #191919;
}
@property --shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --Retro-White {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEFFF9;
}
@property --ai--hero-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --medium-1rem {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --shadow-base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --small-p5rem {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .5rem;
}
@property --Retro-Orange {
  syntax: "<color>";
  inherits: true;
  initial-value: #ED5B1D;
}
@property --font-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --font-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --font-size-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --font-size-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --font-size-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --font-size-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --font-size-xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --font-size-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --radius-p375rem {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .375rem;
}
@property --ai--brand-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --ai--border-inline {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight-black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --font-weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --Retro-White-Darker {
  syntax: "<color>";
  inherits: true;
  initial-value: #d6d6d6;
}
@property --font-weight-bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --ai--container-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-weight-lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}

  :host, :root {
  --Border: #363636;
  --White-2: #ffffff05;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --Retro-Dark: #191919;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Retro-White: #FEFFF9;
  --ai--hero-bg: #292929;
  --medium-1rem: 1rem;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --small-p5rem: .5rem;
  --Retro-Orange: #ED5B1D;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --radius-p375rem: .375rem;
  --ai--brand-color: #0043c7;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ai--border-inline: #e8e8e8;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --Retro-White-Darker: #d6d6d6;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --ai--container-width: 45rem;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
}
  
  
  [data-nc-theme~="Default"] {
  --Border: #363636;
  --White-2: #ffffff05;
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --Retro-Dark: #191919;
  --shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Retro-White: #FEFFF9;
  --ai--hero-bg: #292929;
  --medium-1rem: 1rem;
  --shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --small-p5rem: .5rem;
  --Retro-Orange: #ED5B1D;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-xxs: 0.625rem;
  --font-size-base: 1rem;
  --radius-p375rem: .375rem;
  --ai--brand-color: #0043c7;
  --font-weight-bold: 700;
  --font-weight-thin: 100;
  --ai--border-inline: #e8e8e8;
  --font-weight-black: 900;
  --font-weight-light: 300;
  --Retro-White-Darker: #d6d6d6;
  --font-weight-bolder: 800;
  --font-weight-normal: 500;
  --ai--container-width: 45rem;
  --font-weight-lighter: 200;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-Instrument Sans: 'Instrument Sans',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .fieYHl {
      width:100%;
      background:#000000;
      min-height:100vh;
      flex-direction:column;
    }

    .fpnvYE {
      color:#ffffff;
      margin:0px;
      font-size:clamp(3rem, 8vw, 8rem);
      text-align:center;
      font-family:Figtree;
      font-weight:700;
      letter-spacing:-0.05em;
    }

    .YyqsT {
      color:#ffffff;
      margin:0px;
      padding:0px;
      font-size:18px;
      font-family:Figtree;
      font-weight:bold;
      margin-bottom:10px;
    }

    .diVLxU {
      gap:2rem;
      padding:0 2rem;
      z-index:10;
      position:relative;
      max-width:1200px;
      align-items:center;
      flex-direction:column;
    }

    .GUeTm {
      width:100%;
      height:100vh;
      display:flex;
      overflow:hidden;
      position:relative;
      align-items:center;
      justify-content:center;
    }

    .fxgyvo {
      color:#ffffff;
      margin:0px;
      font-size:1rem;
      text-wrap:balance;
      text-align:center;
      font-family:Figtree;
      line-height:1.7;
    }

    .bqwwPa {
      gap:1.5rem;
      width:100%;
      max-width:800px;
      flex-direction:column;
    }

    .exmIgv {
      gap:15px;
      top:70px;
      color:#ffffff;
      right:20px;
      width:300px;
      border:1px solid #444444;
      padding:20px;
      z-index:999;
      position:fixed;
      background:#222222;
      box-shadow:0 4px 12px rgba(0,0,0,0.5);
      max-height:80vh;
      overflow-y:auto;
      border-radius:8px;
      flex-direction:column;
    }

    .dVimoY {
      color:#ffffff;
      margin:0px;
      font-size:clamp(2rem, 4vw, 3rem);
      text-align:center;
      font-family:Figtree;
      font-weight:700;
    }

    .dpDOCS {
      gap:5px;
      flex-direction:column;
    }

    .cCYXsI {
      width:100%;
    }

    .dQHkOZ {
      color:#aaaaaa;
      font-size:12px;
      font-weight:500;
    }

    .eLBGuD {
      gap:2rem;
      width:100%;
      display:flex;
      flex-wrap:wrap;
      max-width:1200px;
      flex-direction:row;
      justify-content:center;
    }

    .rxyuM {
      color:#000000;
      margin:0px;
      font-size:clamp(2rem, 4vw, 3rem);
      text-align:center;
      font-family:Figtree;
      font-weight:700;
    }

    .enCvy {
      gap:1rem;
      align-items:flex-start;
      flex-direction:row;
    }

    .dCoIgE {
      flex:1;
      color:#ffffff;
      margin:0px;
      font-size:1rem;
      font-family:Figtree;
      line-height:1.7;
    }

    .bwFmCE {
      flex:1;
      border:1px solid #333333;
      overflow:hidden;
      max-width:360px;
      min-width:280px;
      background:#1a1a1a;
      border-radius:12px;
      flex-direction:column;
    }

    .Ahbvu {
      color:#ffffff;
      margin:0px;
      font-size:1rem;
      max-width:900px;
      text-wrap:balance;
      text-align:center;
      font-family:Figtree;
      font-weight:400;
      line-height:1.5;
    }

    .djPuzX {
      border:1px solid #333333;
      padding:3rem;
      max-width:800px;
      background:#1a1a1a;
      border-radius:12px;
    }

    .bjcALB {
      gap:2rem;
      width:100%;
      padding:6rem 2rem;
      background:#0a0a0a;
      align-items:center;
      flex-direction:column;
    }

    .ypLpy {
      color:#ffffff;
      border:1px solid #555555;
      padding:8px;
      font-size:14px;
      background:#333333;
      border-radius:4px;
    }

    .cppkbD {
      gap:3rem;
      width:100%;
      padding:6rem 2rem;
      background:#ffffff;
      align-items:center;
      flex-direction:column;
    }

    .ATykg {
      width:24px;
      height:24px;
      background:#667eea;
      margin-top:4px;
      flex-shrink:0;
      border-radius:50%;
    }

    .bCxXdU {
      top:20px;
      color:#ffffff;
      right:20px;
      border:1px solid #555555;
      cursor:pointer;
      display:none;
      padding:10px 20px;
      z-index:1000;
      position:fixed;
      font-size:14px;
      background:#333333;
      font-family:Figtree;
      border-radius:4px;
    }

    .vBoKu {
      width:24px;
      height:24px;
      background:#f5576c;
      margin-top:4px;
      flex-shrink:0;
      border-radius:50%;
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .cvnKAc {
      color:#ffffff;
    }

    .eehqnE {
      border:1px solid #333333;
      display:flex;
      row-gap:.5rem;
      max-width:800px;
      background:#1a1a1a;
      column-gap:.5rem;
      align-items:center;
      padding-top:1rem;
      padding-left:3rem;
      border-radius:12px;
      padding-right:3rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:center;
    }

    .eQAemh {
      color:#ffffff;
      margin:0px;
      display:inline;
      font-size:1.5rem;
      text-align:center;
      font-family:Figtree;
      font-weight:inherit;
      line-height:1.7;
    }

    .enEUZX {
      width:100%;
      height:200px;
      display:flex;
      background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      align-items:center;
      justify-content:center;
    }

    .vLFJx {
      color:#ffffff;
      margin:0px;
      font-size:1.5rem;
      font-family:Figtree;
      font-weight:600;
    }

    .eYZTat {
      width:100%;
      height:200px;
      display:flex;
      background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
      align-items:center;
      justify-content:center;
    }

    .dAHohp {
      width:100%;
      height:200px;
      display:flex;
      background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
      align-items:center;
      justify-content:center;
    }

    .dTFBPQ {
      gap:2rem;
      width:100%;
      padding:6rem 2rem;
      background:#000000;
      align-items:center;
      flex-direction:column;
    }

    .dchUCX {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:1;
      position:absolute;
    }

    .diXvZB {
      bottom:0px;
      z-index:10;
      position:absolute;
    }

    .bQwOqP {
      color:#ffffff;
      background:white;
    }

    .ckvABl {
      gap:0.5rem;
      padding:1.5rem;
      flex-direction:column;
    }

    .fqNPHA {
      gap:3rem;
      width:100%;
      padding:6rem 2rem;
      background:#0a0a0a;
      align-items:center;
      flex-direction:column;
    }

    .dcRCLH {
      color:#aaaaaa;
      margin:0px;
      font-size:1rem;
      font-family:Figtree;
      line-height:1.6;
    }

    .cAifrT {
      gap:3rem;
      width:100%;
      padding:6rem 2rem;
      background:#000000;
      align-items:center;
      flex-direction:column;
    }