
  

  
  @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;
    }
  }
}


    .dibwNg {
      color:#fefff9;
      height:100vh;
      display:flex;
      background:#0f0f0f;
      font-family:var(--font-sans);
      flex-direction:column;
    }

    .QzyPz {
      top:0px;
      left:0px;
      right:0px;
      height:3rem;
      display:flex;
      padding:1.5rem;
      z-index:10;
      position:fixed;
      background:#191919;
      align-items:center;
      border-bottom:1px solid #363636;
      flex-direction:row;
      justify-content:center;
    }

    .eRYrVt {
      gap:1rem;
      left:0px;
      right:0px;
      bottom:0px;
      height:6rem;
      display:flex;
      padding:1.5rem;
      z-index:10;
      position:fixed;
      background:#191919;
      border-top:1px solid #363636;
      flex-direction:row;
    }

    .eahSrd {
      color:#FEFFF9;
      border:1px solid #363636;
      outline:none;
      padding:0.875rem 1rem;
      flex-grow:1;
      font-size:1rem;
      background:#0f0f0f;
      border-radius:0.5rem;
    }

    .eahSrd:focus {
      border:1px solid #ED5B1D;
    }

    .cdtkMt {
      color:#FEFFF9;
      cursor:pointer;
      padding:0.875rem 1.5rem;
      font-size:1rem;
      background:#ED5B1D;
      transition:all 0.2s;
      font-weight:600;
      border-radius:0.5rem;
    }

    .cdtkMt:hover {
      background:#d64f18;
    }

    .eruKGR {
      gap:0.5rem;
      display:flex;
      flex-direction:column;
    }

    .fFaCzj {
      width:100%;
      height:100%;
      margin:0 auto;
      display:flex;
      padding:0px;
      max-width:900px;
      overflow-x:hidden;
      overflow-y:scroll;
      flex-direction:column;
    }

    .dJuVZb {
      display:flex;
      padding:1rem 1.25rem;
      max-width:80%;
      word-wrap:break-word;
      border-radius:1rem;
      flex-direction:column;
    }

    .dJuVZb.user-message {
      color:#FEFFF9;
      align-self:flex-end;
      background:#6b2000;
      border-color:#363636;
      border-style:solid;
      border-width:1px;
      border-bottom-right-radius:0.25rem;
    }

    .dJuVZb.assistant-message {
      color:#FEFFF9;
      border:1px solid #363636;
      align-self:flex-start;
      background:#191919;
      border-bottom-left-radius:0.25rem;
    }

    .fcJaGt {
      opacity:0.6;
      font-size:0.75rem;
      margin-top:0.5rem;
    }

    .RiZmu {
      gap:1rem;
      display:flex;
      flex-grow:1;
      overflow-y:auto;
      padding-top:4rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:7rem;
    }

    .qlzeA {
      display:block;
    }

    .dwpBTG {
      color:inherit;
      font-size:var(--font-size-4xl);
      font-family:var(--font-sans);
      font-weight:var(--font-weight-bold);
      line-height:1.2;
      margin-bottom:var(--medium-1rem);
    }

    .dbTkLM {
      color:inherit;
      font-size:var(--font-size-3xl);
      font-family:var(--font-sans);
      font-weight:var(--font-weight-bold);
      line-height:1.3;
      margin-bottom:var(--medium-1rem);
    }

    .evQYtx {
      color:inherit;
      font-size:var(--font-size-2xl);
      font-family:var(--font-sans);
      font-weight:var(--font-weight-semi-bold);
      line-height:1.4;
      margin-bottom:var(--medium-1rem);
    }

    .btuHmO {
      color:inherit;
      display:list-item;
      font-size:var(--font-size-base);
      font-family:inherit;
      font-weight:var(--font-weight-regular);
      line-height:1.6;
      list-style-type:disc;
      list-style-position:outside;
    }

    .fsPdpx {
      gap:var(--small-p5rem);
      display:flex;
      font-family:inherit;
      padding-left:var(--medium-1rem);
      margin-bottom:var(--medium-1rem);
      flex-direction:column;
    }

    .duFmoZ {
      height:auto;
      max-width:100%;
      border-radius:var(--radius-p375rem);
      margin-bottom:var(--medium-1rem);
    }

    .content-rendering\:5nFGvLe82Q0defB6nwPqY {
      display:inline;
    }

    .content-rendering\:9AjKm2gGp7Tbg4VHQgijY {
      display:inline;
    }

    .ccktyM {
      color:inherit;
      font-family:inherit;
      margin-bottom:1rem;
    }

    .content-rendering\:BrPkqjMegc9EVviEI729w {
      display:inline;
    }

    .eDnEkt {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
    }

    .eqtYjD {
      color:inherit;
      display:inline;
      font-weight:var(--font-weight-bold);
    }

    .dGDDHl {
      color:var(--Retro-White);
      display:inline;
      padding:0.125rem 0.25rem;
      font-size:var(--font-size-sm);
      background:var(--White-2);
      font-family:PT Mono;
      border-radius:var(--radius-p375rem);
    }

    .belpXU {
      color:var(--Retro-Orange);
      cursor:pointer;
      display:inline;
      text-decoration:underline;
    }

    .bBErRK {
      color:inherit;
      display:inline;
      font-style:italic;
    }

    .content-rendering\:dJ49-l3dXXgTH8b_xCu_Y {
      display:inline;
    }

    .content-rendering\:h_t5KfBPsoEscC1_t1xl_ {
      display:inline;
    }

    .eigGxF {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .cTjlzp {
      width:100%;
      display:flex;
      background:var(--Retro-Dark);
      flex-direction:column;
    }

    .dvNtYh {
      width:100%;
      height:400px;
      background-size:cover;
      background-image:url(var(--hero-url));
      background-position:center;
    }

    .cxhzQD {
      color:var(--Retro-White);
      font-size:var(--font-size-lg);
      font-family:var(--font-figtree);
      font-weight:var(--font-weight-regular);
      line-height:1.8;
      white-space:pre-wrap;
    }

    .WkziD {
      color:var(--Retro-White);
      font-size:var(--font-size-4xl);
      font-family:var(--font-figtree);
      font-weight:var(--font-weight-bold);
      line-height:1.2;
    }

    .dqhFcz {
      gap:2rem;
      width:100%;
      display:flex;
      max-width:800px;
      flex-direction:column;
    }

    .ehLfEZ {
      width:100%;
      display:flex;
      padding:3rem 1.5rem;
      align-items:center;
      flex-direction:column;
    }

    .dRyMAr {
      gap:var(--small-p5rem);
      width:100%;
      display:flex;
      flex-wrap:wrap;
      flex-direction:row;
    }

    .dyhyjT {
      color:var(--Retro-White);
      border:1px solid var(--Border);
      cursor:pointer;
      padding:var(--small-p5rem) var(--medium-1rem);
      font-size:var(--font-size-sm);
      background:transparent;
      transition:all 0.2s ease;
      font-family:var(--font-figtree);
      font-weight:var(--font-weight-normal);
      border-radius:var(--radius-p375rem);
    }

    .dyhyjT:hover {
      background:var(--White-2);
      border-color:var(--Retro-Orange);
    }

    .dZHRjS {
      border:1px solid #363636;
      cursor:pointer;
      display:flex;
      overflow:hidden;
      max-width:400px;
      background:#191919;
      transition:transform 0.2s ease, box-shadow 0.2s ease;
      border-radius:0.375rem;
      flex-direction:column;
    }

    .dZHRjS:hover {
      transform:translateY(-4px);
      box-shadow:0 10px 15px -3px rgba(237, 91, 29, 0.2), 0 4px 6px -2px rgba(237, 91, 29, 0.1);
    }

    .biezmH {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .cikizj {
      color:#FEFFF9;
      margin:0px;
      font-size:1.25rem;
      font-weight:700;
      line-height:1.4;
    }

    .GlaXs {
      gap:1rem;
      display:flex;
      padding:1.5rem;
      flex-direction:column;
    }

    .cdqXvz {
      width:100%;
      height:200px;
      display:flex;
      overflow:hidden;
      flex-direction:column;
    }

    .eEdbUt {
      color:#FEFFF9;
      width:fit-content;
      border:none;
      cursor:pointer;
      display:flex;
      padding:0.75rem 1.5rem;
      font-size:1rem;
      background:#ED5B1D;
      transition:background 0.2s ease;
      align-items:center;
      font-weight:600;
      border-radius:0.375rem;
      flex-direction:row;
      justify-content:center;
    }

    .eEdbUt:hover {
      background:#c74d18;
    }