@font-face{
    font-family:instantSans;
    src:url(../fonts/4a8aa6bd9d0da99c-s.p.woff2) format("woff2");
    font-display:swap
}
@font-face{
    font-family:instantSans Fallback;
    src:local("Arial");
    ascent-override:103.70%;
    descent-override:23.33%;
    line-gap-override:0.00%;
    size-adjust:100.28%
}
.__className_f22117{
    font-family:instantSans,instantSans Fallback
}
.__variable_f22117{
    --font-instant-sans:"instantSans","instantSans Fallback"
}

 /* Contenedor del loader a pantalla completa */
    #loader {
      position: fixed;
      top:   0;
      left:  0;
      width: 100vw;
      height:100vh;
      background: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      opacity: 1;
      transition: opacity 0.8s ease; /* transición para fade-out */
    }

    #loader.fade-out {
      opacity: 0;
    }



    /* Ajustes para el SVG de loader */
    #loader svg {
      width: 15vw;
      max-width: 200px;
    }
    /* Animación del trazo */
    .path {
      fill: transparent;
      stroke: rgb(255, 255, 255);               /* puedes cambiar a '#fff' si prefieres blanco */
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: 0;
      animation:
        drawStroke 2s ease forwards,
        fillIn     1s ease 2s forwards;
    }
    @keyframes drawStroke {
      to {
        stroke-dashoffset: 0;
        opacity: 1;
      }
    }
    @keyframes fillIn {
      from { fill: transparent; }
      to   { fill: #fff; }
    }

        /* --- App container con fade-in --- */
    #app {
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.8s ease; /* transición para fade-in */
    }
    #app.visible {
      visibility: visible;
      opacity: 1;
    }

@font-face{
    font-family:instantMono;
    src:url(../fonts/6f3cd1f3567300b5-s.p.woff2) format("woff2");
    font-display:swap
}
@font-face{
    font-family:instantMono Fallback;
    src:local("Arial");
    ascent-override:79.09%;
    descent-override:17.80%;
    line-gap-override:0.00%;
    size-adjust:131.49%
}
.__className_d61b77{
    font-family:instantMono,instantMono Fallback
}
.__variable_d61b77{
    --font-instant-mono:"instantMono","instantMono Fallback"
}
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
@layer properties{
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
        *,::backdrop,:after,:before{
            --tw-border-style:solid;
            --tw-gradient-position:initial;
            --tw-gradient-from:#0000;
            --tw-gradient-via:#0000;
            --tw-gradient-to:#0000;
            --tw-gradient-stops:initial;
            --tw-gradient-via-stops:initial;
            --tw-gradient-from-position:0%;
            --tw-gradient-via-position:50%;
            --tw-gradient-to-position:100%;
            --tw-leading:initial;
            --tw-tracking:initial;
            --tw-duration:initial
        }
    }
}
@layer theme{
    :host,:root{
        --font-sans:var(--font-instant-sans);
        --color-black:#000;
        --color-white:#fff;
        --spacing:.25rem;
        --container-4xl:56rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1/.75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25/.875);
        --text-base:1rem;
        --text-base--line-height:calc(1.5/1);
        --text-lg:1.125rem;
        --text-lg--line-height:calc(1.75/1.125);
        --text-xl:1.25rem;
        --text-xl--line-height:calc(1.75/1.25);
        --text-2xl:1.5rem;
        --text-2xl--line-height:calc(2/1.5);
        --text-3xl:1.875rem;
        --text-3xl--line-height:calc(2.25/1.875);
        --text-4xl:2.25rem;
        --text-4xl--line-height:calc(2.5/2.25);
        --text-5xl:3rem;
        --text-5xl--line-height:1;
        --text-6xl:3.75rem;
        --text-6xl--line-height:1;
        --text-8xl:6rem;
        --text-8xl--line-height:1;
        --tracking-tight:-.025em;
        --tracking-wide:.025em;
        --tracking-wider:.05em;
        --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
        --default-font-family:var(--font-instant-sans);
        --default-mono-font-family:var(--font-instant-mono)
    }
}
@layer base{
    *,::backdrop,:after,:before{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::file-selector-button{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    :host,html{
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }
    hr{
        height:0;
        color:inherit;
        border-top-width:1px
    }
    abbr:where([title]){
        -webkit-text-decoration:underline dotted;
        text-decoration:underline dotted
    }
    h1,h2,h3,h4,h5,h6{
        font-size:inherit;
        font-weight:inherit
    }
    a{
        color:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
    b,strong{
        font-weight:bolder
    }
    code,kbd,pre,samp{
        font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }
    small{
        font-size:80%
    }
    sub,sup{
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }
    sub{
        bottom:-.25em
    }
    sup{
        top:-.5em
    }
    table{
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
    :-moz-focusring{
        outline:auto
    }
    progress{
        vertical-align:baseline
    }
    summary{
        display:list-item
    }
    menu,ol,ul{
        list-style:none
    }
    audio,canvas,embed,iframe,img,object,svg,video{
        display:block
    }
    img,video{
        max-width:100%;
        height:auto
    }
    button,input,optgroup,select,textarea{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    ::file-selector-button{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    :where(select:is([multiple],[size])) optgroup{
        font-weight:bolder
    }
    :where(select:is([multiple],[size])) optgroup option{
        padding-inline-start:20px
    }
    ::file-selector-button{
        margin-inline-end:4px
    }
    ::placeholder{
        opacity:1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
        ::placeholder{
            color:currentColor
        }
        @supports (color:color-mix(in lab,red,red)){
            ::placeholder{
                color:color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }
    textarea{
        resize:vertical
    }
    ::-webkit-search-decoration{
        -webkit-appearance:none
    }
    ::-webkit-date-and-time-value{
        min-height:1lh;
        text-align:inherit
    }
    ::-webkit-datetime-edit{
        display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper{
        padding:0
    }
    ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field{
        padding-block:0
    }
    :-moz-ui-invalid{
        box-shadow:none
    }
    button,input:where([type=button],[type=reset],[type=submit]){
        appearance:button
    }
    ::file-selector-button{
        appearance:button
    }
    ::-webkit-inner-spin-button,::-webkit-outer-spin-button{
        height:auto
    }
    [hidden]:where(:not([hidden=until-found])){
        display:none!important
    }
    *{
        border-color:var(--border);
        outline-color:var(--ring)
    }
    @supports (color:color-mix(in lab,red,red)){
        *{
            outline-color:color-mix(in oklab,var(--ring)50%,transparent)
        }
    }
    body{
        background-color:var(--background);
        color:var(--foreground)
    }
}
@layer components;
@layer utilities{
    .visible{
        visibility:visible
    }
    .absolute{
        position:absolute
    }
    .fixed{
        position:fixed
    }
    .relative{
        position:relative
    }
    .sticky{
        position:sticky
    }
    .inset-0{
        inset:calc(var(--spacing)*0)
    }
    .-top-1{
        top:calc(var(--spacing)*-1)
    }
    .-top-1\.75{
        top:calc(var(--spacing)*-1.75)
    }
    .top-0{
        top:calc(var(--spacing)*0)
    }
    .top-1\/4{
        top:25%
    }
    .top-48{
        top:calc(var(--spacing)*48)
    }
    .-right-1{
        right:calc(var(--spacing)*-1)
    }
    .-right-1\.25{
        right:calc(var(--spacing)*-1.25)
    }
    .-right-1\.75{
        right:calc(var(--spacing)*-1.75)
    }
    .-right-4{
        right:calc(var(--spacing)*-4)
    }
    .-bottom-0\.75{
        bottom:calc(var(--spacing)*-.75)
    }
    .-bottom-1{
        bottom:calc(var(--spacing)*-1)
    }
    .bottom-0{
        bottom:calc(var(--spacing)*0)
    }
    .-left-1{
        left:calc(var(--spacing)*-1)
    }
    .-left-1\.25{
        left:calc(var(--spacing)*-1.25)
    }
    .-left-1\.75{
        left:calc(var(--spacing)*-1.75)
    }
    .-left-4{
        left:calc(var(--spacing)*-4)
    }
    .z-0{
        z-index:0
    }
    .z-10{
        z-index:10
    }
    .z-20{
        z-index:20
    }
    .z-50{
        z-index:50
    }
    .col-span-3{
        grid-column:span 3/span 3
    }
    .col-span-9{
        grid-column:span 9/span 9
    }
    .col-span-12{
        grid-column:span 12/span 12
    }
    .container{
        width:100%
    }
    @media (min-width:40rem){
        .container{
            max-width:40rem
        }
    }
    @media (min-width:48rem){
        .container{
            max-width:48rem
        }
    }
    @media (min-width:64rem){
        .container{
            max-width:64rem
        }
    }
    @media (min-width:80rem){
        .container{
            max-width:80rem
        }
    }
    @media (min-width:96rem){
        .container{
            max-width:96rem
        }
    }
    .mx-0{
        margin-inline:calc(var(--spacing)*0)
    }
    .mx-4{
        margin-inline:calc(var(--spacing)*4)
    }
    .mx-auto{
        margin-inline:auto
    }
    .mt-1{
        margin-top:calc(var(--spacing)*1)
    }
    .mt-1\.5{
        margin-top:calc(var(--spacing)*1.5)
    }
    .mt-2{
        margin-top:calc(var(--spacing)*2)
    }
    .mt-3{
        margin-top:calc(var(--spacing)*3)
    }
    .mt-6{
        margin-top:calc(var(--spacing)*6)
    }
    .mt-8{
        margin-top:calc(var(--spacing)*8)
    }
    .mt-12{
        margin-top:calc(var(--spacing)*12)
    }
    .mt-40{
        margin-top:calc(var(--spacing)*40)
    }
    .mr-1\.5{
        margin-right:calc(var(--spacing)*1.5)
    }
    .mb-0\.5{
        margin-bottom:calc(var(--spacing)*.5)
    }
    .mb-6{
        margin-bottom:calc(var(--spacing)*6)
    }
    .mb-20{
        margin-bottom:calc(var(--spacing)*20)
    }
    .mb-40{
        margin-bottom:calc(var(--spacing)*40)
    }
    .-ml-0\.25{
        margin-left:calc(var(--spacing)*-.25)
    }
    .ml-1\.5{
        margin-left:calc(var(--spacing)*1.5)
    }
    .block{
        display:block
    }
    .contents{
        display:contents
    }
    .flex{
        display:flex
    }
    .grid{
        display:grid
    }
    .hidden{
        display:none
    }
    .inline-block{
        display:inline-block
    }
    .aspect-square{
        aspect-ratio:1
    }
    .size-2{
        width:calc(var(--spacing)*2);
        height:calc(var(--spacing)*2)
    }
    .size-4{
        width:calc(var(--spacing)*4);
        height:calc(var(--spacing)*4)
    }
    .size-6{
        width:calc(var(--spacing)*6);
        height:calc(var(--spacing)*6)
    }
    .size-12{
        width:calc(var(--spacing)*12);
        height:calc(var(--spacing)*12)
    }
    .h-80{
        height:calc(var(--spacing)*80)
    }
    .h-\[1em\]{
        height:1em
    }
    .h-\[50\%\]{
        height:50%
    }
    .h-\[80dvh\]{
        height:80dvh
    }
    .h-\[200vh\]{
        height:200vh
    }
    .h-full{
        height:100%
    }
    .h-px{
        height:1px
    }
    .min-h-screen{
        min-height:100vh
    }
    .w-48{
        width:calc(var(--spacing)*48)
    }
    .w-64{
        width:calc(var(--spacing)*64)
    }
    .w-\[8px\]{
        width:8px
    }
    .w-\[40px\]{
        width:40px
    }
    .w-\[358px\]{
        width:358px
    }
    .w-\[150px\]{
        width:150px
    }
    .w-fit{
        width:fit-content
    }
    .w-full{
        width:100%
    }
    .w-px{
        width:1px
    }
    .max-w-4xl{
        max-width:var(--container-4xl)
    }
    .min-w-\[120px\]{
        min-width:120px
    }
    .flex-1{
        flex:1
    }
    .grow{
        flex-grow:1
    }
    .-rotate-90{
        rotate:-90deg
    }
    .animate-caret-blink{
        animation:caret-blink 1.25s ease-out infinite
    }
    .animate-pulse{
        animation:var(--animate-pulse)
    }
    .cursor-pointer{
        cursor:pointer
    }
    .resize{
        resize:both
    }
    .grid-cols-12{
        grid-template-columns:repeat(12,minmax(0,1fr))
    }
    .flex-col{
        flex-direction:column
    }
    .flex-col-reverse{
        flex-direction:column-reverse
    }
    .flex-wrap{
        flex-wrap:wrap
    }
    .items-baseline{
        align-items:baseline
    }
    .items-center{
        align-items:center
    }
    .items-start{
        align-items:flex-start
    }
    .justify-between{
        justify-content:space-between
    }
    .justify-center{
        justify-content:center
    }
    .justify-start{
        justify-content:flex-start
    }
    .gap-1{
        gap:calc(var(--spacing)*1)
    }
    .gap-2{
        gap:calc(var(--spacing)*2)
    }
    .gap-3{
        gap:calc(var(--spacing)*3)
    }
    .gap-4{
        gap:calc(var(--spacing)*4)
    }
    .gap-x-6{
        column-gap:calc(var(--spacing)*6)
    }
    .self-start{
        align-self:flex-start
    }
    .overflow-hidden{
        overflow:hidden
    }
    .border-x{
        border-inline-style:var(--tw-border-style);
        border-inline-width:1px
    }
    .border-y{
        border-block-style:var(--tw-border-style);
        border-block-width:1px
    }
    .border-t{
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
    .border-r{
        border-right-style:var(--tw-border-style);
        border-right-width:1px
    }
    .border-b{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }
    .border-l{
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }
    .border-white\/10{
        border-color:#ffffff1a
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-white\/10{
            border-color:color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }
    .bg-\[\#F06400\]{
        background-color:#f06400
    }
    .bg-black{
        background-color:var(--color-black)
    }
    .bg-primary{
        background-color:var(--primary)
    }
    .bg-transparent{
        background-color:#0000
    }
    .bg-white{
        background-color:var(--color-white)
    }
    .bg-white\/0{
        background-color:#0000
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/0{
            background-color:color-mix(in oklab,var(--color-white)0%,transparent)
        }
    }
    .bg-white\/10{
        background-color:#ffffff1a
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/10{
            background-color:color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }
    .bg-white\/20{
        background-color:#fff3
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/20{
            background-color:color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }
    .bg-gradient-to-b{
        --tw-gradient-position:to bottom in oklab
    }
    .bg-gradient-to-b,.bg-gradient-to-t{
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-t{
        --tw-gradient-position:to top in oklab
    }
    .bg-radial{
        --tw-gradient-position:in oklab;
        background-image:radial-gradient(var(--tw-gradient-stops))
    }
    .bg-none{
        background-image:none
    }
    .from-black{
        --tw-gradient-from:var(--color-black);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-black\/90{
        --tw-gradient-from:#000000e6;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    @supports (color:color-mix(in lab,red,red)){
        .from-black\/90{
            --tw-gradient-from:color-mix(in oklab,var(--color-black)90%,transparent)
        }
    }
    .from-white\/0{
        --tw-gradient-from:#0000;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    @supports (color:color-mix(in lab,red,red)){
        .from-white\/0{
            --tw-gradient-from:color-mix(in oklab,var(--color-white)0%,transparent)
        }
    }
    .via-black\/50{
        --tw-gradient-via:#00000080;
        --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    @supports (color:color-mix(in lab,red,red)){
        .via-black\/50{
            --tw-gradient-via:color-mix(in oklab,var(--color-black)50%,transparent)
        }
    }
    .to-black{
        --tw-gradient-to:var(--color-black);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-black\/0{
        --tw-gradient-to:#0000;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    @supports (color:color-mix(in lab,red,red)){
        .to-black\/0{
            --tw-gradient-to:color-mix(in oklab,var(--color-black)0%,transparent)
        }
    }
    .p-4{
        padding:calc(var(--spacing)*4)
    }
    .px-2{
        padding-inline:calc(var(--spacing)*2)
    }
    .px-2\.5{
        padding-inline:calc(var(--spacing)*2.5)
    }
    .px-4{
        padding-inline:calc(var(--spacing)*4)
    }
    .px-5{
        padding-inline:calc(var(--spacing)*5)
    }
    .px-6{
        padding-inline:calc(var(--spacing)*6)
    }
    .px-\[1rem\]{
        padding-inline:1rem
    }
    .py-1{
        padding-block:calc(var(--spacing)*1)
    }
    .py-1\.5{
        padding-block:calc(var(--spacing)*1.5)
    }
    .py-6{
        padding-block:calc(var(--spacing)*6)
    }
    .py-8{
        padding-block:calc(var(--spacing)*8)
    }
    .py-12{
        padding-block:calc(var(--spacing)*12)
    }
    .py-\[5rem\]{
        padding-block:5rem
    }
    .pt-2{
        padding-top:calc(var(--spacing)*2)
    }
    .pt-8{
        padding-top:calc(var(--spacing)*8)
    }
    .pt-12{
        padding-top:calc(var(--spacing)*12)
    }
    .pt-32{
        padding-top:calc(var(--spacing)*32)
    }
    .pt-52{
        padding-top:calc(var(--spacing)*24)
    }
    .pt-96{
        padding-top:calc(var(--spacing)*96)
    }
    .pb-8{
        padding-bottom:calc(var(--spacing)*8)
    }
    .pb-12{
        padding-bottom:calc(var(--spacing)*12)
    }
    .text-center{
        text-align:center
    }
    .align-bottom{
        vertical-align:bottom
    }
    .align-middle{
        vertical-align:middle
    }
    .font-mono{
        font-family:var(--font-instant-mono)
    }
    .font-sans{
        font-family:var(--font-instant-sans)
    }
    .text-2xl{
        font-size:var(--text-2xl);
        line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .text-4xl{
        font-size:var(--text-4xl);
        line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .text-6xl{
        font-size:var(--text-6xl);
        line-height:var(--tw-leading,var(--text-6xl--line-height))
    }
    .text-lg{
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .text-sm{
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .text-xl{
        font-size:var(--text-xl);
        line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .text-xs{
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .leading-8{
        --tw-leading:calc(var(--spacing)*8);
        line-height:calc(var(--spacing)*8)
    }
    .leading-none{
        --tw-leading:1;
        line-height:1
    }
    .tracking-tight{
        --tw-tracking:var(--tracking-tight);
        letter-spacing:var(--tracking-tight)
    }
    .tracking-wide{
        --tw-tracking:var(--tracking-wide);
        letter-spacing:var(--tracking-wide)
    }
    .tracking-wider{
        --tw-tracking:var(--tracking-wider);
        letter-spacing:var(--tracking-wider)
    }
    .text-balance{
        text-wrap:balance
    }
    .text-\[\#ff6a00\]{
        color:#ff6a00
    }
    .text-beige,.text-beige\/70{
        color:var(--beige)
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-beige\/70{
            color:color-mix(in oklab,var(--beige)70%,transparent)
        }
    }
    .text-black{
        color:var(--color-black)
    }
    .text-primary{
        color:var(--primary)
    }
    .text-white{
        color:var(--color-white)
    }
    .text-white\/50{
        color:#ffffff80
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/50{
            color:color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }
    .text-white\/70{
        color:#ffffffb3
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/70{
            color:color-mix(in oklab,var(--color-white)70%,transparent)
        }
    }
    .text-white\/90{
        color:#ffffffe6
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/90{
            color:color-mix(in oklab,var(--color-white)90%,transparent)
        }
    }
    .uppercase{
        text-transform:uppercase
    }
    .antialiased{
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
    .opacity-0{
        opacity:0
    }
    .opacity-20{
        opacity:.2
    }
    .transition{
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-colors{
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .duration-100{
        --tw-duration:.1s;
        transition-duration:.1s
    }
    .duration-200{
        --tw-duration:.2s;
        transition-duration:.2s
    }
    .select-none{
        -webkit-user-select:none;
        user-select:none
    }
    .fade-in{
        --tw-enter-opacity:0
    }
    .fade-out{
        --tw-exit-opacity:0
    }
    .paused{
        animation-play-state:paused
    }
    .running{
        animation-play-state:running
    }
    @media (hover:hover){
        .group-hover\:bg-\[\#0AE6FF\]:is(:where(.group):hover *){
            background-color:#0ae6ff
        }
        .group-hover\:bg-\[\#A1E713\]:is(:where(.group):hover *){
            background-color:#a1e713
        }
        .group-hover\:bg-black:is(:where(.group):hover *){
            background-color:var(--color-black)
        }
        .group-hover\:bg-white:is(:where(.group):hover *){
            background-color:var(--color-white)
        }
        .group-hover\:bg-white\/90:is(:where(.group):hover *){
            background-color:#ffffffe6
        }
        @supports (color:color-mix(in lab,red,red)){
            .group-hover\:bg-white\/90:is(:where(.group):hover *){
                background-color:color-mix(in oklab,var(--color-white)90%,transparent)
            }
        }
        .group-hover\:text-\[\#0AE6FF\]:is(:where(.group):hover *){
            color:#0ae6ff
        }
        .group-hover\:text-\[\#A1E713\]:is(:where(.group):hover *){
            color:#a1e713
        }
        .group-hover\:text-black:is(:where(.group):hover *){
            color:var(--color-black)
        }
        .group-hover\:text-white:is(:where(.group):hover *){
            color:var(--color-white)
        }
        .group-hover\:opacity-100:is(:where(.group):hover *){
            opacity:1
        }
        .hover\:bg-\[\#0AE6FF\]\/10:hover{
            background-color:oklab(84.6874% -.127195 -.0698331/.1)
        }
        .hover\:bg-\[\#A1E713\]\/10:hover{
            background-color:oklab(84.9269% -.137603 .172485/.1)
        }
        .hover\:bg-\[\#ff6a00\]:hover{
            background-color:#ff6a00
        }
        .hover\:bg-primary:hover{
            background-color:var(--primary)
        }
        .hover\:bg-white:hover{
            background-color:var(--color-white)
        }
        .hover\:text-black:hover{
            color:var(--color-black)
        }
    }
    @media (min-width:48rem){
        .md\:-right-\[50px\]{
            right:-50px
        }
        .md\:right-\[calc\(50\%-180px\)\]{
            right:calc(50% - 180px)
        }
        .md\:-left-\[50px\]{
            left:-50px
        }
        .md\:left-\[calc\(50\%-180px\)\]{
            left:calc(50% - 180px)
        }
        .md\:mx-8{
            margin-inline:calc(var(--spacing)*8)
        }
        .md\:mx-\[50px\]{
            margin-inline:50px
        }
        .md\:mt-10{
            margin-top:calc(var(--spacing)*10)
        }
        .md\:mt-14{
            margin-top:calc(var(--spacing)*14)
        }
        .md\:mb-16{
            margin-bottom:calc(var(--spacing)*16)
        }
        .md\:block{
            display:block
        }
        .md\:grid{
            display:grid
        }
        .md\:w-80{
            width:calc(var(--spacing)*80)
        }
        .md\:flex-col{
            flex-direction:column
        }
        .md\:gap-4{
            gap:calc(var(--spacing)*4)
        }
        .md\:border-t-0{
            border-top-style:var(--tw-border-style);
            border-top-width:0
        }
        .md\:border-l{
            border-left-style:var(--tw-border-style);
            border-left-width:1px
        }
        .md\:p-8{
            padding:calc(var(--spacing)*8)
        }
        .md\:px-4{
            padding-inline:calc(var(--spacing)*4)
        }
        .md\:px-12{
            padding-inline:calc(var(--spacing)*12)
        }
        .md\:px-20{
            padding-inline:calc(var(--spacing)*20)
        }
        .md\:pt-4{
            padding-top:calc(var(--spacing)*4)
        }
        .md\:pt-8{
            padding-top:calc(var(--spacing)*8)
        }
        .md\:pb-8{
            padding-bottom:calc(var(--spacing)*8)
        }
        .md\:pb-12{
            padding-bottom:calc(var(--spacing)*12)
        }
        .md\:text-2xl{
            font-size:var(--text-2xl);
            line-height:var(--tw-leading,var(--text-2xl--line-height))
        }
        .md\:text-3xl{
            font-size:var(--text-3xl);
            line-height:var(--tw-leading,var(--text-3xl--line-height))
        }
        .md\:text-4xl{
            font-size:var(--text-4xl);
            line-height:var(--tw-leading,var(--text-4xl--line-height))
        }
        .md\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }
        .md\:text-lg{
            font-size:var(--text-lg);
            line-height:var(--tw-leading,var(--text-lg--line-height))
        }
        .md\:leading-16{
            --tw-leading:calc(var(--spacing)*16);
            line-height:calc(var(--spacing)*16)
        }
    }
    @media (min-width:64rem){
        .lg\:mx-10{
            margin-inline:calc(var(--spacing)*10)
        }
        .lg\:mt-3{
            margin-top:calc(var(--spacing)*3)
        }
        .lg\:mr-3{
            margin-right:calc(var(--spacing)*3)
        }
        .lg\:block{
            display:block
        }
        .lg\:flex-row{
            flex-direction:row
        }
        .lg\:p-10{
            padding:calc(var(--spacing)*10)
        }
        .lg\:text-4xl{
            font-size:var(--text-4xl);
            line-height:var(--tw-leading,var(--text-4xl--line-height))
        }
    }
    @media (min-width:80rem){
        .xl\:block{
            display:block
        }
        .xl\:size-8{
            width:calc(var(--spacing)*8);
            height:calc(var(--spacing)*8)
        }
        .xl\:bg-white\/10{
            background-color:#ffffff1a
        }
        @supports (color:color-mix(in lab,red,red)){
            .xl\:bg-white\/10{
                background-color:color-mix(in oklab,var(--color-white)10%,transparent)
            }
        }
        .xl\:text-5xl{
            font-size:var(--text-5xl);
            line-height:var(--tw-leading,var(--text-5xl--line-height))
        }
        .xl\:text-8xl{
            font-size:var(--text-8xl);
            line-height:var(--tw-leading,var(--text-8xl--line-height))
        }
        .xl\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }
    }
}
body::-webkit-scrollbar{
    display:none
}
div.canvas-holder{
    overflow:hidden
}
canvas{
    width:100%;
    height:100%
}
@media (max-height:700px),(max-width:900px){
    section{
        grid-template-columns:100%;
        height:auto;
        max-height:none
    }
    section:nth-child(odd) div.canvas-holder{
        grid-column:1
    }
    canvas{
        height:100vw
    }
}
body{
    -ms-overflow-style:none;
    scrollbar-width:none
}
html::-webkit-scrollbar{
    display:none
}
html{
    -ms-overflow-style:none;
    scrollbar-width:none;
    scroll-behavior:smooth
}
::selection{
    color:#000;
    background-color:#ff6a00
}
body{
    font-family:var(--font-sans)
}
:root{
    --radius:.625rem;
    --beige:#c6ad92;
    --primary:#ff6a00;
    --background: #000;
    --foreground:oklch(.145 0 0);
    --card:oklch(1 0 0);
    --card-foreground:oklch(.145 0 0);
    --popover:oklch(1 0 0);
    --popover-foreground:oklch(.145 0 0);
    --primary-foreground:oklch(.985 0 0);
    --secondary:oklch(.97 0 0);
    --secondary-foreground:oklch(.205 0 0);
    --muted:oklch(.97 0 0);
    --muted-foreground:oklch(.556 0 0);
    --accent:oklch(.97 0 0);
    --accent-foreground:oklch(.205 0 0);
    --destructive:oklch(.577 .245 27.325);
    --border:oklch(.922 0 0);
    --input:oklch(.922 0 0);
    --ring:oklch(.708 0 0);
    --chart-1:oklch(.646 .222 41.116);
    --chart-2:oklch(.6 .118 184.704);
    --chart-3:oklch(.398 .07 227.392);
    --chart-4:oklch(.828 .189 84.429);
    --chart-5:oklch(.769 .188 70.08);
    --sidebar:oklch(.985 0 0);
    --sidebar-foreground:oklch(.145 0 0);
    --sidebar-primary:oklch(.205 0 0);
    --sidebar-primary-foreground:oklch(.985 0 0);
    --sidebar-accent:oklch(.97 0 0);
    --sidebar-accent-foreground:oklch(.205 0 0);
    --sidebar-border:oklch(.922 0 0);
    --sidebar-ring:oklch(.708 0 0)
}
@property --tw-border-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-gradient-position{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-via{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-to{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-via-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:0
}
@property --tw-gradient-via-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:50%
}
@property --tw-gradient-to-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-leading{
    syntax:"*";
    inherits:false
}
@property --tw-tracking{
    syntax:"*";
    inherits:false
}
@property --tw-duration{
    syntax:"*";
    inherits:false
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}
@keyframes caret-blink{
    0%,70%,to{
        opacity:1
    }
    20%,50%{
        opacity:0
    }
}