@import"https://rsms.me/inter/inter.css";
@import"https://fonts.googleapis.com/css2?family=Rubik:wght@900&display=swap";
*,::before,::after{
    --un-rotate:0;
    --un-rotate-x:0;
    --un-rotate-y:0;
    --un-rotate-z:0;
    --un-scale-x:1;
    --un-scale-y:1;
    --un-scale-z:1;
    --un-skew-x:0;
    --un-skew-y:0;
    --un-translate-x:0;
    --un-translate-y:0;
    --un-translate-z:0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness:proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x:0;
    --un-border-spacing-y:0;
    --un-ring-offset-shadow:0 0 rgba(0,0,0,0);
    --un-ring-shadow:0 0 rgba(0,0,0,0);
    --un-shadow-inset: ;
    --un-shadow:0 0 rgba(0,0,0,0);
    --un-ring-inset: ;
    --un-ring-offset-width:0px;
    --un-ring-offset-color:#fff;
    --un-ring-width:0px;
    --un-ring-color:rgba(147,197,253,0.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia: ;
}
::backdrop{
    --un-rotate:0;
    --un-rotate-x:0;
    --un-rotate-y:0;
    --un-rotate-z:0;
    --un-scale-x:1;
    --un-scale-y:1;
    --un-scale-z:1;
    --un-skew-x:0;
    --un-skew-y:0;
    --un-translate-x:0;
    --un-translate-y:0;
    --un-translate-z:0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness:proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x:0;
    --un-border-spacing-y:0;
    --un-ring-offset-shadow:0 0 rgba(0,0,0,0);
    --un-ring-shadow:0 0 rgba(0,0,0,0);
    --un-shadow-inset: ;
    --un-shadow:0 0 rgba(0,0,0,0);
    --un-ring-inset: ;
    --un-ring-offset-width:0px;
    --un-ring-offset-color:#fff;
    --un-ring-width:0px;
    --un-ring-color:rgba(147,197,253,0.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia: ;
}
.mx-auto{
    margin-left:auto;
    margin-right:auto;
}
.my-4{
    margin-top:1rem;
    margin-bottom:1rem;
}
.mb-4{
    margin-bottom:1rem;
}
.mt-2{
    margin-top:0.5rem;
}
.mt-4{
    margin-top:1rem;
}
.hidden{
    display:none;
}
.h-10{
    height:2.5rem;
}
.h-12{
    height:3rem;
}
.w-\[34rem\]{
    width:34rem;
}
.w-36{
    width:30rem;
}
.w-48{
    width:12rem;
}
.flex{
    display:flex;
}
.flex-col{
    flex-direction:column;
}
.flex-col-reverse{
    flex-direction:column-reverse;
}
.flex-wrap{
    flex-wrap:wrap;
}
.hover\:cursor-pointer:hover{
    cursor:pointer;
}
.items-center{
    align-items:center;
}
.self-center{
    align-self:center;
}
.justify-center{
    justify-content:center;
}
.gap-16{
    grid-gap:4rem;
    gap:4rem;
}
.gap-2{
    grid-gap:0.5rem;
    gap:0.5rem;
}
.gap-x-16{
    grid-column-gap:4rem;
    column-gap:4rem;
}
.rounded-full{
    border-radius:9999px;
}
.rounded-md{
    border-radius:0.375rem;
}
.rounded-sm{
    border-radius:0.125rem;
}
.rounded-xl{
    border-radius:0.75rem;
}
.bg-blurple{
    --un-bg-opacity:1;
    background-color:rgba(114,137,218,var(--un-bg-opacity));
}
.bg-dn-black{
    --un-bg-opacity:1;
    background-color:rgba(44,47,51,var(--un-bg-opacity));
}
.bg-gray-100{
    --un-bg-opacity:1;
    background-color:rgba(243,244,246,var(--un-bg-opacity));
}
.bg-nq-black{
    --un-bg-opacity:1;
    background-color:rgba(35,39,42,var(--un-bg-opacity));
}
.bg-white{
    --un-bg-opacity:1;
    background-color:rgba(255,255,255,var(--un-bg-opacity));
}
.p-1{
    padding:0.25rem;
}
.p-28{
    padding:7rem;
}
.p-4{
    padding:1rem;
}
.p-6{
    padding:1.5rem;
}
.px-8{
    padding-left:2rem;
    padding-right:2rem;
}
.py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.pb-24{
    padding-bottom:6rem;
}
.pb-4{
    padding-bottom:1rem;
}
.pt-24{
    padding-top:6rem;
}
.pt-8{
    padding-top:2rem;
}
.text-center{
    text-align:center;
}
.font-rubik{
    font-family:Rubik,sans-serif;
}
.text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
}
.text-5xl{
    font-size:3rem;
    line-height:1;
}
.text-6xl{
    font-size:1.75rem;
    line-height:1;
}
.text-lg{
    font-size:1.125rem;
    line-height:1.75rem;
}
.text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
}
.font-bold{
    font-weight:700;
}
.font-medium{
    font-weight:500;
}
.font-semibold{
    font-weight:600;
}
.leading-10{
    line-height:2.5rem;
}
.leading-none{
    line-height:1;
}
.leading-snug{
    line-height:1.375;
}
.tracking-tighter{
    letter-spacing:-0.05em;
}
.text-black{
    --un-text-opacity:1;
    color:rgba(0,0,0,var(--un-text-opacity));
}
.text-blurple{
    --un-text-opacity:1;
    color:rgba(114,137,218,var(--un-text-opacity));
}
.text-nq-black{
    --un-text-opacity:1;
    color:rgba(35,39,42,var(--un-text-opacity));
}
.text-red-600{
    --un-text-opacity:1;
    color:rgba(220,38,38,var(--un-text-opacity));
}
.text-white{
    --un-text-opacity:1;
    color:rgba(255,255,255,var(--un-text-opacity));
}
.hover\:shadow-xl:hover{
    --un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));
    box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.shadow-2xl{
    --un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgba(0,0,0,0.25));
    box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.ring-1{
    --un-ring-width:1px;
    --un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.ring-gray-700{
    --un-ring-opacity:1;
    --un-ring-color:rgba(55,65,81,var(--un-ring-opacity));
}
.transition-shadow{
    transition-property:box-shadow;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms;
}
@media (min-width: 768px){
    .md\:inline-block{
        display:inline-block;
    }
    .md\:contents{
        display:contents;
    }
    .md\:flex-row{
        flex-direction:row;
    }
}
@media (min-width: 1024px){
    .lg\:ml-36{
        margin-left:9rem;
    }
    .lg\:mr-36{
        margin-right:9rem;
    }
    .lg\:flex-row{
        flex-direction:row;
    }
    .lg\:flex-row-reverse{
        flex-direction:row-reverse;
    }
}
details>summary{
    list-style:none
}
details>summary::-webkit-details-marker{
    display:none
}
#install~.hero-area,#install~.nav-area{
    --sect-show: none;
    --inst-back-btn-show: none;
    --inst-btn-show: flex
}
#install~.hero-area>.install-section,#install~.nav-area>.install-section{
    display:var(--sect-show)
}
#install~.hero-area>.back-button,#install~.nav-area>.back-button{
    display:var(--inst-back-btn-show)
}
#install~.hero-area>.install-button,#install~.nav-area>.install-button{
    display:var(--inst-btn-show)
}
#install:target~.hero-area,#install:target~.nav-area{
    --sect-show: block;
    --inst-back-btn-show: flex;
    --inst-btn-show: none
}
*,:before,:after{
    box-sizing:border-box;
    border-width:0;
    border-style:solid;
    border-color:#e5e7eb
}
html{
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    tab-size:4;
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}
body{
    margin:0;
    line-height:inherit
}
hr{
    height:0;
    color:inherit;
    border-top-width:1px
}
abbr:where([title]){
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp,pre{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
    margin:0
}
fieldset{
    margin:0;
    padding:0
}
legend{
    padding:0
}
ol,ul,menu{
    list-style:none;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
button,[role=button]{
    cursor:pointer
}
:disabled{
    cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object{
    display:block;
}
img,video{
    max-width:100%;
    height:auto
}