@property --bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --semi {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --brand-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --brand-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121212;
}
@property --brand-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F1F1F;
}
@property --brand-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #282828;
}
@property --brand-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #303030;
}
@property --brand-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A3A3A;
}
@property --brand-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #474747;
}
@property --brand-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #606060;
}
@property --brand-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF;
}
@property --text-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --text-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6F6F6;
}
@property --brand-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B3B3;
}
@property --brand-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEE;
}
@property --text-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --text-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --text-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --border-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --border-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --neutral-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000;
}
@property --neutral-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121212;
}
@property --neutral-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F1F1F;
}
@property --neutral-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #282828;
}
@property --neutral-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #303030;
}
@property --neutral-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A3A3A;
}
@property --neutral-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #474747;
}
@property --neutral-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #606060;
}
@property --neutral-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6D6D6D;
}
@property --success-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D1514;
}
@property --success-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111C1B;
}
@property --success-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D2D2A;
}
@property --success-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #023B37;
}
@property --success-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #084843;
}
@property --success-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #145750;
}
@property --success-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1C6961;
}
@property --success-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #207E73;
}
@property --success-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12A594;
}
@property --warning-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --warning-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --warning-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --warning-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --warning-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --warning-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --warning-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --warning-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --warning-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --brand-base {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --critical-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191113;
}
@property --critical-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1517;
}
@property --critical-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A141E;
}
@property --critical-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E1325;
}
@property --critical-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5E1A2E;
}
@property --critical-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F2539;
}
@property --critical-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #883447;
}
@property --critical-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3445A;
}
@property --critical-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E54666;
}
@property --neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7A7A7A;
}
@property --neutral-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B3B3;
}
@property --neutral-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEE;
}
@property --overlay-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0d;
}
@property --overlay-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1a;
}
@property --overlay-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff26;
}
@property --overlay-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff33;
}
@property --overlay-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --overlay-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --overlay-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --overlay-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --overlay-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --success-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0EB39E;
}
@property --success-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0BD8B6;
}
@property --success-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ADF0DD;
}
@property --warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --warning-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --warning-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --border-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --critical-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5A72;
}
@property --critical-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF949D;
}
@property --critical-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FED2E1;
}
@property --overlay-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --overlay-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --overlay-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --rounding-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}
@property --rounding-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}
@property --rounding-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --badge-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --header-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --rounding-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 9999px;
}
@property --rounding-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --avatar-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --avatar-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --avatar-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --line-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --line-height-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --line-height-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --line-height-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --line-height-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --line-height-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --line-height-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --line-height-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --side-menu-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 240px;
}
@property --spinner-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --spinner-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --spinner-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --toggle-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --letter-spacing-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --letter-spacing-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --letter-spacing-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --overlay-inverted-a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000000d;
}
@property --overlay-inverted-a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --overlay-inverted-a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000026;
}
@property --overlay-inverted-a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --overlay-inverted-a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000004d;
}
@property --overlay-inverted-a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000066;
}
@property --overlay-inverted-a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000080;
}
@property --overlay-inverted-a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000099;
}
@property --overlay-inverted-a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000b3;
}
@property --overlay-inverted-a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000cc;
}
@property --overlay-inverted-a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000e6;
}
@property --overlay-inverted-a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000f2;
}
@property --interactive-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --interactive-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --interactive-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-geist: 'Geist',sans-serif;
--font-geistmono: 'Geist Mono',monospace;
--font-instrumentsans: 'Instrument Sans',sans-serif;
--font-inter: 'Inter',sans-serif;
--font-dmmono: 'DM Mono',monospace;

    /* 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;
    }
  }
}

      
  .wccwa {
    width:100%;
  background:#000000;
  min-height:100vh;
  align-items:start;
  font-family:Instrument Sans;
  justify-content:start;
  }
      

      
        
      
      
  .ddFXhQ {
    display:flex;
  flex-direction:row;
  }
      

      
        
      
      
  .dKEgcI {
    gap:3rem;
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  }
      

      
        
      
      
  .COngt {
    color:#1a1a1a;
  margin:0px;
  font-size:2.5rem;
  font-family:Instrument Sans;
  font-weight:700;
  }
      

      
        
      
      
  .pTIKk {
    display:flex;
  padding:5rem 2rem;
  background:#ffffff;
  align-items:center;
  flex-direction:column;
  }
      

      
        
      
      
  .cBoGDR {
    gap:1rem;
  display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  .eDGcej {
    color:#999999;
  display:flex;
  padding:2rem;
  font-size:1.25rem;
  background:#f8f9f8;
  min-height:100px;
  align-items:center;
  font-weight:600;
  border-color:#0000001a;
  border-style:solid;
  border-width:1px;
  border-radius:12px;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .bSTvqU {
    color:#ffffff;
  display:flex;
  padding:5rem 2rem 2rem;
  background:#000000;
  align-items:center;
  font-family:Instrument Sans;
  flex-direction:column;
  }
      

      
        
      
      
  .dFSPfj {
    color:#999999;
  margin:0px;
  font-size:0.875rem;
  }
      

      
        
      
      
  .dAZuwG {
    color:#cccccc;
  margin:0px;
  font-size:1rem;
  }
      

      
        
      
      
  .ckCnyC {
    gap:2rem;
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  }
      

      
        
      
      
  .ezftwa {
    gap:0.75rem;
  display:flex;
  list-style:none;
  flex-direction:column;
  }
      

      
        
      
      
  .foFOhW {
    gap:0.75rem;
  display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  .duCBHn {
    color:#666666;
  margin:0px;
  font-size:1.125rem;
  max-width:700px;
  font-family:Instrument Sans;
  line-height:1.8;
  }
      

      
        
      
      
  .Eyajt {
    width:100%;
  display:flex;
  border-top:1px solid #333333;
  padding-top:2rem;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .bUcrJT {
    width:auto;
  height:70px;
  }
      

      
        
      
      
  .dAXLFY {
    gap:3rem;
  width:100%;
  display:flex;
  max-width:1200px;
  align-items:center;
  flex-direction:column;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cgGrpZ {
    height:var(--height);
  position:fixed;
  align-items:start;
  pointer-events:none;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .so-toast-provider\:3HNY67eQbyTMKV7wPLZZf {
    width:100%;
  display:flex;
  position:relative;
  max-width:360px;
  transition:height 150ms ease 0ms normal;
  flex-direction:column;
  }
      

      
        
      
      
  .bHYIqa {
    top:var(--top);
  width:100%;
  position:absolute;
  pointer-events:all;
  }
      

      
  .bHYIqa.swipe-out-top {
    translate:0 -100%;
  }
      


  .bHYIqa.swipe-out-right {
    translate:100% 0px;
  }
      


  .bHYIqa.swipe-out-bottom {
    translate:0 100%;
  }
      


  .bHYIqa.swipe-out-left {
    translate:-100% 0px;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .so-toast\:root {
    gap:0.75rem;
  color:var(--neutral-11, #B5B2BC);
  width:100%;
  opacity:0;
  translate:0 16px;
  padding-top:1rem;
  border-color:var(--neutral-6, #3C393F);
  border-style:solid;
  border-width:1px;
  padding-left:1rem;
  border-radius:var(--rounding-lg);
  padding-right:1rem;
  padding-bottom:1rem;
  background-color:var(--neutral-0, #0b0a0b);
  }
      

      
  .so-toast\:root.open {
    opacity:1;
  translate:0 0px;
  transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal;
  }
      


  .so-toast\:root.closing {
    opacity:0;
  translate:0 -16px;
  }
      


  .so-toast\:root.open-transition {
    transition:all 250ms ease 0ms normal;
  }
      


  .so-toast\:root.close-transition {
    transition:all 150ms ease 0ms normal;
  }
      


  .so-toast\:root.success {
    color:var(--success-11, #0BD8B6);
  border-color:var(--success-6, #145750);
  border-style:solid;
  border-width:1px;
  background-color:var(--success-2, #111C1B);
  }
      


  .so-toast\:root.warning {
    color:var(--warning-11, #FFCA16);
  border-color:var(--warning-6, #5C3D05);
  border-style:solid;
  border-width:1px;
  background-color:var(--warning-2, #1D180F);
  }
      


  .so-toast\:root.critical {
    color:var(--critical-11, #FF949D);
  border-color:var(--critical-6, #6F2539);
  border-style:solid;
  border-width:1px;
  background-color:var(--critical-2, #1E1517);
  }
      

        
      
      
  .rKRcu {
    gap:0.5rem;
  flex-direction:row;
  }
      

      
        
      
      
  .bpWTwZ {
    color:var(--neutral-11, #B5B2BC);
  display:inline-block;
  font-size:var(--font-size);
  margin-top:var(--margin-top);
  font-family:'Geist';
  font-weight:inherit;
  line-height:var(--line-height);
  white-space:normal;
  margin-bottom:var(--margin-bottom);
  letter-spacing:var(--letter-spacing);
  }
      

      
  .bpWTwZ.truncated {
    overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      


  .bpWTwZ.clamped {
    display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--clamp-lines);
  }
      

        
      
      
  .so-toast\:FW2tKddjmqBb2S_WPmtMS {
    color:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eTkKzJ {
    color:inherit;
  width:1.25rem;
  height:1.25rem;
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .hcnGD {
    color:var(--EEE, #EEEEF0);
  width:100%;
  font-size:var(--font-size);
  margin-top:var(--margin-top);
  font-family:'Geist';
  font-weight:var(--bold);
  line-height:var(--line-height);
  white-space:normal;
  margin-bottom:var(--margin-bottom);
  letter-spacing:-0.025em;
  }
      

      
  .hcnGD.truncated {
    overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      


  .hcnGD.clamped {
    display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--clamp-lines);
  }
      

        
      
      
  .so-toast\:gYVdDIDxaBXSrlkux9YPE {
    flex:1;
  color:inherit;
  }
      

      
        
      
      
  .bWpTnd {
    width:fit-content;
  height:auto;
  }
      

      
        
      
      
  .so-button-tertiary\:root {
    gap:0.5rem;
  color:var(--neutral-12, #EEEEF0);
  width:fit-content;
  cursor:default;
  height:var(--interactive-height-md);
  font-size:var(--text-sm);
  overflow-x:hidden;
  overflow-y:hidden;
  transition:background-color 200ms ease 0ms normal;
  align-items:center;
  font-family:'Geist';
  font-weight:var(--medium);
  user-select:none;
  padding-left:0.75rem;
  border-radius:var(--rounding-md);
  outline-color:transparent;
  outline-style:solid;
  outline-width:var(--border-lg);
  padding-right:0.75rem;
  flex-direction:row;
  outline-offset:var(--border-md);
  -ms-user-select:none;
  justify-content:center;
  -moz-user-select:none;
  background-color:var(--overlay-a1, #ffffff0d);
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
  }
      

      
  .so-button-tertiary\:root:hover {
    background-color:var(--overlay-a2, #ffffff1a);
  }
      


  .so-button-tertiary\:root:active {
    transition:none;
  background-color:var(--overlay-a3, #ffffff26);
  }
      


  .so-button-tertiary\:root:focus-visible {
    outline-color:var(--brand-8, #6958AD);
  outline-style:solid;
  outline-width:var(--border-lg);
  outline-offset:var(--border-md);
  }
      


  .so-button-tertiary\:root.trigger-open {
    background-color:var(--overlay-a3, #ffffff26);
  }
      


  .so-button-tertiary\:root.disabled {
    opacity:0.5;
  background-color:var(--overlay-a1, #ffffff0d);
  }
      

        
      
      
  .so-toast\:qAcThqFGvMbu5lzhtPxSk {
    width:var(--text-lg);
  height:var(--text-lg);
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  background-color:transparent;
  }
      

      
  .so-toast\:qAcThqFGvMbu5lzhtPxSk:hover {
    background-color:transparent;
  }
      


  .so-toast\:qAcThqFGvMbu5lzhtPxSk:active {
    background-color:transparent;
  }
      

        
      
      
  
      

      
        
      
      
  .ezeRiZ {
    width:var(--width);
  height:var(--height);
  position:fixed;
  align-items:start;
  pointer-events:none;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
    align-items:end;
  padding-top:1.25rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-bottom:1.25rem;
  justify-content:start;
  }
      

      
          @media (max-width: 1024px) {
            
  .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
    align-items:center;
  justify-content:start;
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dacAKS {
    width:100%;
  display:flex;
  min-height:100vh;
  font-family:DM Sans;
  flex-direction:column;
  background:#000000;
  }
      

      
        
      
      
  .iecTw {
    margin:0px;
  font-size:1.125rem;
  font-weight:600;
  }
      

      
        
      
      
  .JIEoz {
    width:auto;
  height:100px;
  }
      

      
        
      
      
  .cNpbRa {
    color:#cccccc;
  font-size:1rem;
  text-decoration:none;
  }
      

      
  .cNpbRa:hover {
    color:#ffffff;
  }
      

        
      
      
  .mdOWe {
    margin:0px;
  font-size:1.5rem;
  font-weight:700;
  }
      

      
        
      
      
  .dUzgZd {
    width:100%;
  display:flex;
  row-gap:32px;
  background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/morstay_media:pexels-rdne-10029754(1).jpg/public") scroll border-box padding-box no-repeat no-repeat 0% 0% / cover;
  column-gap:32px;
  margin-top:56pxx;
  align-items:center;
  padding-top:100px;
  padding-left:6rem;
  padding-right:6rem;
  padding-bottom:80px;
  justify-content:center;
  height:900px;
  flex-direction:row;
  }
      

      
        
      
      
  .mECbn {
    color:#ffffff;
  display:flex;
  font-size:16px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  font-family:Geist;
  font-weight:500;
  line-height:24px;
  padding-top:16px;
  padding-left:32px;
  padding-right:32px;
  flex-direction:row;
  letter-spacing:-0.5px;
  padding-bottom:16px;
  justify-content:center;
  transition-duration:300ms;
  transition-property:all;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  transition-timing-function:cubic-bezier(0.4,0,0.2,1);
  backdrop-filter:blur(10px);
  border-width:1px;
  border-style:solid;
  border-color:#ffffff30;
  }
      

      
  .mECbn:hover {
    transform:scale(1.05);
  }
      

        
      
      
  .cfdZZ {
    row-gap:8px;
  column-gap:8px;
  flex-direction:row;
  }
      

      
        
      
      
  .dpduRG {
    top:0px;
  left:0px;
  width:fit-content;
  height:fit-content;
  display:none;
  position:absolute;
  transform:translate(-50%,-50%);
  translate:var(--left) var(--top) 0;
  transform-origin:center center;
  }
      

      
  .dpduRG.show {
    display:flex;
  position:absolute;
  align-items:center;
  justify-content:center;
  }
      

        
      
      
  .ms-hero-section\:6ZpxgfpYrsuahciuWM8Sb {
    width:240px;
  height:240px;
  background:radial-gradient(#ffffff33 0%,#6fd8d600 50%) scroll border-box padding-box repeat repeat 0% 0% / auto;
  align-items:center;
  justify-content:flex-end;
  transform-origin:center center;
  }
      

      
          @media (max-width: 959px) and (min-width: 640px) {
            
  .ms-hero-section\:6ZpxgfpYrsuahciuWM8Sb {
    width:280px;
  height:280px;
  }
      

          }
          

          @media (min-width: 960px) {
            
  .ms-hero-section\:6ZpxgfpYrsuahciuWM8Sb {
    width:320px;
  height:320px;
  }
      

          }
          
        
      
      
  .cVrdkf {
    object-fit:cover;
  aspect-ratio:16/9;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  }
      

      
        
      
      
  .dedXgR {
    width:100%;
  align-items:center;
  justify-content:center;
  display:flex;
  }
      

      
        
      
      
  .dFrrRh {
    flex:1 1 0px;
  height:fit-content;
  background:#eeeeee0f;
  box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  padding-top:4px;
  padding-left:4px;
  border-radius:26px;
  padding-right:4px;
  padding-bottom:4px;
  border-width:1px;
  border-style:solid;
  border-color:#ffffff12;
  }
      

      
        
      
      
  .bcULTm {
    width:100%;
  background:;
  border-top-left-radius:22px;
  border-top-right-radius:22px;
  border-bottom-left-radius:22px;
  border-bottom-right-radius:22px;
  }
      

      
          @media (min-width: 960px) {
            
  .bcULTm {
    width:auto;
  height:640px;
  }
      

          }
          
        
      
      
  .ms-hero-section\:U-ZEDUNCgc-0JIm-GqrO8 {
    width:100%;
  max-width:1024px;
  display:none;
  }
      

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

      
        
      
      
  .ms-hero-section\:eNa5zHpcAPQTGQbw3gUXh {
    display:flex;
  font-size:inherit;
  background:#8C52FF;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  font-family:Geist;
  font-weight:500;
  padding-top:16px;
  padding-left:32px;
  padding-right:32px;
  padding-bottom:16px;
  justify-content:center;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
          @media (max-width: 959px) and (min-width: 640px) {
            
  .ms-hero-section\:eNa5zHpcAPQTGQbw3gUXh {
    padding-top:18px;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:18px;
  }
      

          }
          

          @media (min-width: 960px) {
            
  .ms-hero-section\:eNa5zHpcAPQTGQbw3gUXh {
    padding-top:20px;
  padding-left:48px;
  padding-right:48px;
  padding-bottom:20px;
  }
      

          }
          
        
      
      
  .elrwBw {
    color:var(--grey-400);
  font-size:20px;
  font-family:Inter Tight;
  font-weight:var(--font-weight-light);
  line-height:30px;
  }
      

      
          @media (min-width: 960px) {
            
  .elrwBw {
    font-size:24px;
  line-height:34px;
  }
      

          }
          
        
      
      
  .ms-hero-section\:h4Ecs1fBwlblA5zz3o9MM {
    color:#ffffffa6;
  font-size:16px;
  max-width:100%;
  text-align:center;
  font-family:Geist;
  font-weight:500;
  line-height:1.4;
  }
      

      
          @media (max-width: 959px) and (min-width: 640px) {
            
  .ms-hero-section\:h4Ecs1fBwlblA5zz3o9MM {
    font-size:18px;
  max-width:600px;
  text-align:left;
  line-height:1.3;
  }
      

          }
          

          @media (min-width: 960px) {
            
  .ms-hero-section\:h4Ecs1fBwlblA5zz3o9MM {
    font-size:20px;
  max-width:700px;
  line-height:1.3;
  }
      

          }
          
        
      
      
  .dmDffi {
    color:white;
  display:flex;
  animation:8s cubic-bezier(0.42,0,0.58,1) 0ms 1 normal forwards running animation-fAHzFA,2s ease 0ms 1 normal none running animation-diMMIZ;
  font-size:16px;
  transition:all 300ms ease,box-shadow 1s ease;
  align-items:center;
  font-family:"Instrument Sans";
  font-weight:var(--font-weight-light);
  line-height:24px;
  justify-content:center;
  border-bottom-color:#f5f5f566;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
  .dmDffi:hover {
    transform:scale(1.05,1.05);
  background:#17171780;
  transition:all 300ms ease 0ms normal;
  }
      


  .dmDffi:active {
    font-size:16px;
  background:var(--light-blue);
  font-family:"Instrument Sans";
  }
      


  .dmDffi:focus-visible {
    color:var(--light-blue);
  transform:scale(1.05,1.05);
  background:#17171780;
  transition:all 300ms ease 0ms normal;
  outline-color:#b38dff;
  outline-style:solid;
  outline-width:2px;
  outline-offset:2px;
  }
      


          @media (max-width: 959px) and (min-width: 640px) {
            
  .dmDffi {
    font-size:16px;
  }
      

          }
          

          @media (min-width: 960px) {
            
  .dmDffi {
    font-size:16px;
  }
      

          }
          
        
                  @keyframes animation-diMMIZ {
                    
                        0% {
                          opacity: 0;
                        }
                        

                        100% {
                          opacity: 1;
                        }
                        
                  }
                  

                  @keyframes animation-fAHzFA {
                    
                        0% {
                          border-bottom-color: var(--grey-800);
                        }
                        

                        100% {
                          border-bottom-color: #097b1866;
                        }
                        
                  }
                  
      
      
  .eJpzyN {
    color:var(--grey-50);
  font-size:40px;
  font-family:Geist;
  font-weight:var(--font-weight-semi-bold);
  line-height:58px;
  }
      

      
        
      
      
  .ms-hero-section\:sV-xaSYI1xqYPB3VvuS-T {
    color:#ffffff;
  font-size:52px;
  max-width:100%;
  text-align:center;
  font-family:Geist;
  font-weight:600;
  line-height:1.1;
  }
      

      
        
      
      
  .SQUpK {
    flex:1;
  display:flex;
  row-gap:16px;
  flex-wrap:wrap;
  max-width:800px;
  column-gap:16px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

      
          @media (max-width: 959px) and (min-width: 640px) {
            
  .SQUpK {
    display:flex;
  row-gap:20px;
  column-gap:20px;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

          }
          

          @media (min-width: 960px) {
            
  .SQUpK {
    row-gap:24px;
  column-gap:24px;
  }
      

          }
          
        
      
      
  .dAUiqE {
    position:absolute;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  background:#000000cc;
  }
      

      
        
      
      
  .Homepage\:feaa0L-x06_B5eJ5KxbvV {
    display:none;
  }
      

      
        
      
      
  .dCYsbw {
    gap:1rem;
  display:flex;
  text-align:center;
  align-items:center;
  flex-direction:column;
  }
      

      
        
      
      
  .fBSprz {
    width:12px;
  height:12px;
  background:#1a1a1a;
  border-radius:50%;
  }
      

      
        
      
      
  .eArtSn {
    width:12px;
  height:12px;
  background:#cccccc;
  border-radius:50%;
  }
      

      
        
      
      
  .fxVHmy {
    gap:3rem;
  width:100%;
  display:flex;
  padding:2rem 1rem;
  max-width:1400px;
  align-items:center;
  font-family:Instrument Sans;
  flex-direction:column;
  }
      

      
        
      
      
  .daIRPL {
    gap:0.75rem;
  display:flex;
  margin-top:1rem;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .twyMM {
    gap:1.5rem;
  display:flex;
  padding:2.5rem;
  max-width:650px;
  min-width:300px;
  background:#8c52ff;
  flex-shrink:0;
  border-radius:16px;
  flex-direction:column;
  }
      

      
        
      
      
  .mIGGe {
    color:#ffffff;
  margin:0px;
  font-size:1.125rem;
  font-style:italic;
  font-family:Instrument Sans;
  line-height:1.8;
  }
      

      
        
      
      
  .ObjWM {
    color:#ffffff;
  margin:0px;
  font-size:1.125rem;
  font-family:Instrument Sans;
  font-weight:600;
  }
      

      
        
      
      
  .cdLSuK {
    gap:2rem;
  width:100%;
  display:flex;
  padding:1rem 0;
  overflow-x:auto;
  flex-direction:row;
  }
      

      
          @media (max-width: 768px) {
            
  .cdLSuK {
    align-items:center;
  flex-direction:column;
  }
      

          }
          
        
      
      
  .dQwndn {
    gap:0.25rem;
  display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  .BVELa {
    color:#ffffff69;
  margin:0px;
  font-size:0.9375rem;
  font-family:Instrument Sans;
  }
      

      
        
      
      
  .buDExQ {
    gap:1.5rem;
  color:#ffffff;
  display:flex;
  padding:2.5rem;
  max-width:650px;
  min-width:300px;
  background:#8C52FF;
  flex-shrink:0;
  border-radius:16px;
  flex-direction:column;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dBlWSL {
    color:#cccccc;
  margin:0px;
  font-size:1rem;
  line-height:1.6;
  }
      

      
        
      
      
  .bZxHeO {
    top:0rem;
  left:0rem;
  right:0rem;
  display:block;
  z-index:50;
  position:fixed;
  flex-direction:row;
  transition-duration:300ms;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4,0,0.2,1);
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#ffffff14;
  backdrop-filter:blur(4px);
  }
      

      
        
      
      
  .cwtmu {
    color:#ffffff78;
  width:fit-content;
  cursor:pointer;
  display:flex;
  font-size:14px;
  transition:color 300ms ease 0ms normal;
  font-family:Inter;
  font-weight:var(--medium);
  line-height:24px;
  white-space:normal;
  letter-spacing:var(--letter-spacing);
  }
      

      
  .cwtmu:hover {
    color:#b48fff;
  text-decoration-color:var(--color-underline-hovered);
  }
      


  .cwtmu:active {
    color:var(--brand-base);
  transition:none;
  }
      


  .cwtmu:focus-visible {
    outline-color:var(--brand-8, #6958AD);
  outline-style:solid;
  outline-width:var(--border-lg);
  outline-offset:var(--border-md);
  }
      

        
      
      
  .ms-navbar\:-_CLsRh-dEUp4SgRzqnpv {
    width:100%;
  padding-top:8px;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:8px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .ms-navbar\:2_S5boy1_nLuUjbuIbA0I {
    width:100%;
  padding-top:8px;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:8px;
  }
      

      
        
      
      
  .dJRvWh {
    top:72px;
  left:0px;
  right:0px;
  row-gap:8px;
  z-index:40;
  position:fixed;
  transform:[object Object];
  column-gap:8px;
  padding-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:1rem;
  border-top-color:#0000001c;
  border-top-style:solid;
  border-top-width:1px;
  transition-duration:0.3s;
  transition-property:all;
  transition-timing-function:ease-in-out;
  opacity:1;
  background:#000000;
  }
      

      
          @media (min-width: 768px) {
            
  .dJRvWh {
    display:none;
  }
      

          }
          
        
      
      
  .dtWUdJ {
    width:2.5rem;
  height:2.5rem;
  display:flex;
  align-items:center;
  border-style:solid;
  border-width:0px;
  flex-direction:row;
  justify-content:center;
  }
      

      
          @media (min-width: 768px) {
            
  .dtWUdJ {
    display:none;
  }
      

          }
          
        
      
      
  .ms-navbar\:E1QE76GmrzoyUFO5MDYFX {
    width:100%;
  padding-top:8px;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:8px;
  }
      

      
        
      
      
  .ms-navbar\:ODBnTEUjXjO7IUj7GaCep {
    width:100%;
  padding-top:8px;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:8px;
  }
      

      
        
      
      
  .ccZdLI {
    display:none;
  border-style:solid;
  border-width:0px;
  flex-direction:row;
  }
      

      
          @media (min-width: 768px) {
            
  .ccZdLI {
    display:block;
  }
      

          }
          
        
      
      
  .chJcPL {
    display:block;
  border-style:solid;
  border-width:0px;
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  .WMRIc {
    height:100%;
  display:flex;
  max-width:1400px;
  align-items:center;
  margin-left:auto;
  border-style:solid;
  border-width:0px;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .enhsYG {
    display:flex;
  align-items:center;
  border-style:solid;
  border-width:0px;
  flex-direction:row;
  row-gap:6px;
  column-gap:6px;
  color:#ffffff;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dQseAS {
    top:71px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:30;
  position:fixed;
  background:rgba(0,0,0,0.5);
  }
      

      
          @media (min-width: 768px) {
            
  .dQseAS {
    display:none;
  }
      

          }
          
        
      
      
  .DQYmF {
    display:block;
  border-style:solid;
  border-width:0px;
  flex-direction:row;
  color:#ffffff;
  }
      

      
        
      
      
  .eJhrkg {
    color:#ffffff;
  display:block;
  font-size:14px;
  font-family:Instrument Sans;
  font-weight:600;
  padding-top:0.75rem;
  padding-left:2rem;
  padding-right:2rem;
  flex-direction:row;
  letter-spacing:-0.5px;
  padding-bottom:0.75rem;
  transition-duration:300ms;
  transition-property:all;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  transition-timing-function:cubic-bezier(0.4,0,0.2,1);
  border-width:2px;
  border-style:solid;
  border-color:#ffffff14;
  backdrop-filter:blur(16px);
  }
      

      
        
      
      
  .deEixT {
    gap:2rem;
  display:none;
  align-items:center;
  border-style:solid;
  border-width:0px;
  flex-direction:row;
  }
      

      
          @media (min-width: 768px) {
            
  .deEixT {
    display:flex;
  }
      

          }
          
        
      
      
  .ejjqav {
    display:flex;
  font-family:inherit;
  font-weight:inherit;
  font-size:inherit;
  width:28px;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  row-gap:8px;
  column-gap:8px;
  }
      

      
        
      
      
  .ms-navbar\:Q5-IcpTkR6UJ2kT-PoDHd {
    color:#8C52FF;
  }
      

      
        
      
      
  .cGUmPE {
    display:inline;
  font-family:"Fraunces";
  font-weight:600;
  font-size:1.2rem;
  color:#ffffff;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cEVpTE {
    width:244px;
  height:auto;
  }
      

      
        
      
      
  .cXNKXi {
    display:flex;
  padding:5rem 2rem;
  background:#f8f9fa;
  align-items:center;
  flex-direction:column;
  }
      

      
        
      
      
  .bvQgZN {
    width:100%;
  max-width:80rem;
  margin-left:auto;
  margin-right:auto;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:5rem;
  padding-bottom:5rem;
  background-color:#000;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  row-gap:3rem;
  column-gap:3rem;
  }
      

      
          @media (min-width: 768px) {
            
  .bvQgZN {
    padding-left:2rem;
  padding-right:2rem;
  padding-top:5rem;
  padding-bottom:5rem;
  row-gap:3rem;
  column-gap:3rem;
  }
      

          }
          

          @media (min-width: 1024px) {
            
  .bvQgZN {
    padding-left:3.5rem;
  padding-right:3.5rem;
  }
      

          }
          
        
      
      
  .fnnvNx {
    width:100%;
  align-items:center;
  justify-content:center;
  display:flex;
  text-align:center;
  }
      

      
        
      
      
  .fouRwK {
    width:100%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:0.75rem;
  }
      

      
          @media (min-width: 768px) {
            
  .fouRwK {
    gap:1rem;
  }
      

          }
          
        
      
      
  .cdYIDf {
    align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  gap:2rem;
  }
      

      
        
      
      
  .eoWOfe {
    align-self:stretch;
  color:#fff;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:600;
  font-family:Inter;
  margin-top:0.75rem;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  }
      

      
        
      
      
  .dHSKGn {
    align-self:stretch;
  font-weight:400;
  color:#71717a;
  font-size:1rem;
  line-height:1.625;
  font-family:Inter;
  }
      

      
          @media (min-width: 768px) {
            
  .dHSKGn {
    line-height:1.5rem;
  }
      

          }
          
        
      
      
  .fyPJja {
    align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  gap:0.25rem;
  }
      

      
        
      
      
  .bzdeNN {
    background-color:#000;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:5rem;
  padding-bottom:5rem;
  padding-left:1rem;
  padding-right:1rem;
  overflow-y:hidden;
  }
      

      
          @media (min-width: 640px) {
            
  .bzdeNN {
    padding-left:2rem;
  padding-right:2rem;
  }
      

          }
          

          @media (min-width: 768px) {
            
  .bzdeNN {
    padding-left:4rem;
  padding-right:4rem;
  }
      

          }
          

          @media (min-width: 1024px) {
            
  .bzdeNN {
    padding-left:6rem;
  padding-right:6rem;
  }
      

          }
          

          @media (min-width: 1280px) {
            
  .bzdeNN {
    padding-left:10rem;
  padding-right:10rem;
  padding-top:8rem;
  padding-bottom:8rem;
  }
      

          }
          
        
      
      
  .ghtzk {
    color:#ffffff;
  font-family:"fraunces";
  }
      

      
        
      
      
  .etFNFY {
    font-size:3.25rem;
  line-height:1.1;
  font-weight:600;
  font-family:Inter;
  }
      

      
        
      
      
  .mVJUR {
    display:inline-flex;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  background-color:#e5e5e5;
  color:#000;
  border-radius:9999px;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:500;
  align-items:center;
  justify-content:center;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  flex-direction:row;
  font-family:Inter;
  }
      

      
  .mVJUR:hover {
    background-color:#d4d4d4;
  transform:scale(1.05);
  }
      


  .mVJUR:focus {
    outline:2px solid transparent;
  outline-offset:2px;
  box-shadow:0 0 0 2px) #d4d4d4;
  }
      

        
      
      
  .eWNFeS {
    display:inline-flex;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  color:#e5e5e5;
  border-radius:9999px;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:500;
  align-items:center;
  justify-content:center;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  flex-direction:row;
  font-family:Inter;
  background:#ffffff0f;
  }
      

      
  .eWNFeS:hover {
    transform:scale(1.05);
  background:#ffffff17;
  }
      


  .eWNFeS:focus {
    outline:2px solid transparent;
  outline-offset:2px;
  box-shadow:0 0 0 2px) #525252;
  }
      

        
      
      
  .dOgQDK {
    display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:1rem;
  margin-top:1rem;
  }
      

      
          @media (min-width: 640px) {
            
  .dOgQDK {
    flex-direction:row;
  }
      

          }
          
        
      
      
  .Rmmkh {
    align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  gap:1.5rem;
  text-align:center;
  }
      

      
        
      
      
  .bfISOH {
    max-w:1440px;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  gap:4rem;
  }
      

      
        
      
      
  .cPflMh {
    display:inline;
  font-family:inherit;
  font-weight:inherit;
  font-size:inherit;
  color:#8C52FF;
  }
      

      
        
      
      
  .bCTwEd {
    display:inline;
  font-family:inherit;
  font-weight:inherit;
  font-size:inherit;
  }
      

      
        
      
      
  .Homepage\:usDfp1Jdcpu3Bg4Ttl5Oo {
    color:#ffffffa6;
  font-size:18px;
  max-width:100%;
  text-align:center;
  font-family:Inter;
  font-weight:400;
  line-height:1.4;
  }
      

      
        
      
      
  .Homepage\:tnGjXhl7IGADL_DCt-6R7 {
    width:100%;
  max-width:1240px;
  }
      

      
        
      
      
  .Homepage\:6mBRbE3QCapdqs-RxqKnc {
    position:absolute;
  bottom:0rem;
  }
      

      
        
      
      
  .dpTEEV {
    padding:2rem;
  flex:1 1 0%;
  background-color:#18181b;
  border-radius:1.5rem;
  display:flex;
  flex-direction:column;
  gap:2rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  padding-right:1.5rem;
  padding-left:1.5rem;
  }
      

      
  .dpTEEV:hover {
    scale:1.02;
  box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  }
      

        
      
      
  .cebgqH {
    display:flex;
  flex-direction:column;
  gap:1.5rem;
  }
      

      
          @media (min-width: 1024px) {
            
  .cebgqH {
    flex-direction:row;
  }
      

          }
          
        
      
      
  .cauqQq {
    width:2.5rem;
  height:2.5rem;
  padding:0.5rem;
  border-radius:0.75rem;
  display:flex;
  justify-content:center;
  align-items:center;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  flex-direction:row;
  background:#000000;
  }
      

      
  .cauqQq:hover {
    background-color:#27272a;
  transform:scale(1.05);
  }
      

        
      
      
  
      

      
        
      
      
  .bWwFop {
    color:#8C52FF;
  }
      

      
        
      
      
  .dNIpfK {
    position:relative;
  }
      

      
        
      
      
  .dCDhne {
    flex:1 1 0%;
  background-color:#18181b;
  border-radius:1.5rem;
  display:flex;
  flex-direction:column;
  gap:2rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  padding-right:1.5rem;
  padding-left:1.5rem;
  }
      

      
  .dCDhne:hover {
    scale:1.02;
  box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  }
      

        
      
      
  .vJcAZ {
    background:#000000;
  }
      

      
        
      
      
  .efurhY {
    margin-bottom:4rem;
  row-gap:0.75rem;
  text-align:left;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  }
      

      
          @media (min-width: 768px) {
            
  .efurhY {
    margin-bottom:5rem;
  }
      

          }
          
        
      
      
  .eNBpUM {
    color:#fff;
  font-size:1.875rem;
  line-height:1.25;
  font-weight:600;
  font-family:"fraunces";
  }
      

      
          @media (min-width: 768px) {
            
  .eNBpUM {
    font-size:2.25rem;
  line-height:2.5rem;
  }
      

          }
          

          @media (min-width: 1024px) {
            
  .eNBpUM {
    font-size:3rem;
  line-height:1;
  }
      

          }
          
        
      
      
  .hsPXu {
    color:#71717a;
  font-size:1rem;
  line-height:1.625;
  font-family:Inter;
  max-width:48rem;
  width:100%;
  text-align:center;
  }
      

      
          @media (min-width: 768px) {
            
  .hsPXu {
    font-size:1.125rem;
  line-height:1.75rem;
  }
      

          }
          
        
      
      
  .XJXhF {
    display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  gap:4rem;
  align-items:center;
  }
      

      
          @media (min-width: 1024px) {
            
  .XJXhF {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:5rem;
  }
      

          }
          
        
      
      
  .FUsuM {
    fill:#d4d4d4;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  }
      

      
  .FUsuM:hover {
    fill:#fff;
  }
      

        
      
      
  .bkabpK {
    padding:0.75rem;
  border-radius:0.75rem;
  display:flex;
  align-items:center;
  justify-content:center;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  flex-direction:row;
  background:#000000;
  }
      

      
        
      
      
  .eIVimi {
    color:#fff;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:600;
  font-family:Inter;
  margin-top:0.75rem;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  }
      

      
          @media (min-width: 768px) {
            
  .eIVimi {
    font-size:1.25rem;
  line-height:1.75rem;
  }
      

          }
          

  .eIVimi:hover {
    color:#bfdbfe;
  }
      

        
      
      
  .cjRaQD {
    color:#71717a;
  font-size:1rem;
  line-height:1.625;
  font-family:Inter;
  }
      

      
        
      
      
  .BfQtu {
    display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0.75rem;
  position:relative;
  }
      

      
        
      
      
  .cPHjdn {
    color:#fff;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:600;
  font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin-top:0.75rem;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  }
      

      
          @media (min-width: 768px) {
            
  .cPHjdn {
    font-size:1.25rem;
  line-height:1.75rem;
  }
      

          }
          

  .cPHjdn:hover {
    color:#bfdbfe;
  }
      

        
      
      
  .efVOtW {
    color:#71717a;
  font-size:1rem;
  line-height:1.625;
  font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
      

      
        
      
      
  .jyLWq {
    display:grid;
  grid-template-columns:repeat(1, minmax(0, 1fr));
  column-gap:2.5rem;
  row-gap:4rem;
  }
      

      
          @media (min-width: 768px) {
            
  .jyLWq {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
      

          }
          
        
      
      
  .cGLsWZ {
    display:flex;
  flex-direction:column;
  gap:4rem;
  }
      

      
          @media (min-width: 768px) {
            
  .cGLsWZ {
    gap:5rem;
  }
      

          }
          
        
      
      
  .ebSfiB {
    position:relative;
  height:16rem;
  border-radius:1rem;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:row;
  background:white;
  }
      

      
          @media (min-width: 768px) {
            
  .ebSfiB {
    height:24rem;
  }
      

          }
          

          @media (min-width: 1024px) {
            
  .ebSfiB {
    height:550px;
  }
      

          }
          
        
      
      
  .eVrJyn {
    color:#8C52FF;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:400;
  font-family:DM Mono;
  text-transform:uppercase;
  letter-spacing:0.2em;
  padding-left:12px;
  padding-right:12px;
  padding-top:6px;
  padding-bottom:6px;
  background:#8c52ff1c;
  border-top-left-radius:1000px;
  border-top-right-radius:1000px;
  border-bottom-left-radius:1000px;
  border-bottom-right-radius:1000px;
  width:fit-content;
  }
      

      
        
      
      
  .eulrx {
    padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  background-color:#fff;
  color:#000;
  border-radius:9999px;
  font-weight:500;
  font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
  }
      

      
  .eulrx:hover {
    background-color:#e5e7eb;
  }
      


  .eulrx:focus {
    outline:2px solid transparent;
  outline-offset:2px;
  box-shadow:0 0 0 2px) #fff;
  }
      

        
      
      
  .Homepage\:aSadOvQssGJmVZ1shdXFx {
    position:absolute;
  bottom:-20rem;
  }
      

      
        
      
      
  .somui {
    max-width:80rem;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:4rem;
  padding-bottom:4rem;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  row-gap:2rem;
  column-gap:2rem;
  overflow-y:hidden;
  }
      

      
          @media (min-width: 768px) {
            
  .somui {
    padding-left:2.5rem;
  padding-right:2.5rem;
  padding-top:5rem;
  padding-bottom:5rem;
  row-gap:2rem;
  column-gap:2rem;
  }
      

          }
          

          @media (min-width: 1024px) {
            
  .somui {
    padding-left:3.5rem;
  padding-right:3.5rem;
  padding-top:5rem;
  padding-bottom:5rem;
  }
      

          }
          
        
      
      
  .Homepage\:VR2dPhAIWr-zg_ovP4Dd3 {
    position:absolute;
  bottom:-20rem;
  }