:root{
    --dark:rgba(32,32,40,0);
    --tDark:rgba(32,32,40,0.5);
    --light:#c6ff00ff
}
 @font-face{
    font-family:medioroman;
    src:url(../fonts/medio-webfont.woff2) format("woff2"),url(../fonts/medio-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
html{
    font-size:68.5%
}
@media screen and (max-width:1024px){
    html{
        font-size:90%
    }
}
@media screen and (min-width:1024px){
    html{
        font-size:.9vw
    }
}
@media screen and (min-width:1024px) and (max-height:850px){
    html{
        font-size:1vw
    }
}
 @keyframes scaleXIn{
    0%{
        transform:scaleX(0)
    }
    to{
        transform:scaleX(1)
    }
}
@keyframes scaleXOut{
    0%{
        transform:scaleX(1)
    }
    to{
        transform:scaleX(0)
    }
}
@keyframes vroom{
    0%{
        transform-origin:right;
        transform:scaleX(0)
    }
    50%{
        transform-origin:right;
        transform:scaleX(1)
    }
    51%{
        transform-origin:left;
        transform:scaleX(1)
    }
    to{
        transform-origin:left;
        transform:scaleX(0)
    }
}
@keyframes loading{
    0%{
        background-position:100% 0
    }
    to{
        background-position:0 0
    }
}
 html{
    scroll-behavior:smooth
}
::selection{
    background:var(--light);
    color:#000;
}
.loading{
    transition:opacity .8s ease-in
}
.loading:after{
    width:13rem;
    content:"";
    height:104px;
    position:absolute;
    overflow:hidden;
    background-image:linear-gradient(-45deg,var(--dark) 40%,var(--tDark),var(--dark) 60%);
    background-size:300% 100%;
    background-position:40%;
    -webkit-animation:loading 4s linear infinite;
    animation:loading 4s linear infinite
}
.line{
    position:relative
}
.line[data-animate=true]:after{
    -webkit-animation:scaleXIn .5s ease-in .1s 1 both;
    animation:scaleXIn .5s ease-in .1s 1 both
}
.line[data-animate=false]:after{
    -webkit-animation:scaleXOut .5s ease-in .1s 1 both;
    animation:scaleXOut .5s ease-in .1s 1 both
}
.line:after{
    --tw-bg-opacity:1;
    background-color:rgba(198,225,0,var(--tw-bg-opacity));
    position:absolute;
    width:8rem;
    height:2px;
    content:"";
    transform-origin:0 50%
}
.line--bottom:after{
    left:0;
    bottom:0
}
.line--bottom-center:after{
    bottom:0
}
.line--dark:after{
    --tw-bg-opacity:1;
    background-color:rgba(32,32,40,var(--tw-bg-opacity))
}
.clip img{
    -webkit-clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);
    clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)
}
p+p{
    margin-top:1rem
}
[class*=scroll]{
    scrollbar-color:var(--light) var(--dark);
    scrollbar-width:thin
}
[data-animate=true] .line:after{
    -webkit-animation:scaleXIn .5s ease-in .4s 1 both;
    animation:scaleXIn .5s ease-in .4s 1 both
}
[data-animate=false] .line:after{
    -webkit-animation:scaleXOut .5s ease-in .4s 1 both;
    animation:scaleXOut .5s ease-in .4s 1 both
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
    .faded{
        color:var(--tDark);
        -webkit-background-clip:text;
        background-clip:text;
        background-image:linear-gradient(0deg,var(--tDark),var(--light) 80%)
    }
}
 @media screen and (min-width:1024px){
    .page-nav.line:after{
        display:none
    }
    .page-nav li:hover{
        position:relative
    }
    .page-nav li:hover:after{
        content:"";
        position:absolute;
        width:100%;
        height:1px;
        background-color:var(--light)
    }
}
 .section{
    min-height:calc(var(--vh, 1vh)*100);
    padding-left:3rem;
    padding-right:3rem;
    padding-bottom:3rem;
    padding-top:calc(var(--header-height));
    width:100vw
}
.section:not([data-section-name=hero-section]) .section__background:after{
    height:100%;
    position:absolute;
    width:100%;
    content:"";
    z-index:2;
    background-image:linear-gradient(0deg,var(--dark) 30%,var(--tDark))
}
.scroll-indicator:before{
    height:1px;
    position:absolute;
    width:3rem;
    content:"";
    right:-130%;
    bottom:50%;
    z-index:2;
    transform-origin:0 50%;
    background-image:linear-gradient(270deg,var(--dark) 50%,var(--light) 0);
    -webkit-animation:vroom 4s ease-in infinite running;
    animation:vroom 4s ease-in infinite running
}
[data-section-name=hero-section] .masked{
    -webkit-clip-path:url(#SVGMask);
    clip-path:url(#SVGMask)
}
[data-section-name=vision-section] .section__background{
    background-position:90% 35%;
    background-size:100px
}
@media screen and (max-height:400px){
    html{
        font-size:75%
    }
    [data-section-name=hero-section] .section__content{
        display:flex;
        padding-top:0
    }
    [data-section-name=vision-section] .section__content{
        align-items:center;
        max-width:56rem
    }
    [data-section-name=values-section] .swiper-slide{
        width:24rem
    }
}
@media screen and (min-width:1024px){
    #SVGMask path{
        transform-origin:50% 50%;
        transition:transform 2s ease-in-out
    }
    #SVGMask .clip1{
        transform:translateX(80px)
    }
    #SVGMask .clip2{
        transform:translateX(40px)
    }
    #SVGMask .clip3{
        transform:translateX(-40px)
    }
    main{
        overflow:hidden;
        display:flex;
        flex-flow:column nowrap
    }
    .section{
        scroll-snap-align:center
    }
    .section .section__background{
        opacity:1;
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-scale-x:1.05;
        --tw-scale-y:1.05;
        transform-origin:50% 50%;
        transition:opacity 1s ease-in-out,transform 5s ease-in
    }
    .section .section__background:after{
        display:none!important
    }
    .section header figure{
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        --tw-translate-y:-2rem;
        transition:all .9s ease-in-out .2s
    }
    .section header figure,.section header h2{
        opacity:1;
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .section header h2{
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        --tw-translate-y:0px;
        transition:all .9s ease-in-out .4s
    }
    .section .section__title h2{
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition:transform 1s ease-in-out .2s,opacity 1s ease-in-out;
        transform-origin:50% 50%;
        will-change:transform opacity
    }
    .section .section__title h2,.section .section__title h4{
        opacity:1;
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        --tw-translate-y:2rem
    }
    .section .section__title h4{
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition:all .9s ease-in-out .7s
    }
    .section .content--body{
        transition:opacity 1s ease-in .5s,transform 1s ease-in-out
    }
    .section .content--body,.section[data-section-name=hero-section] .content--body{
        opacity:0.9;
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-translate-y:2rem
    }
    .section[data-section-name=hero-section] .content--body{
        transition:opacity 1s ease-in 2s,transform 1s ease-in-out 1.5s
    }
    .section[data-section-name=hero-section] img:not(.masked){
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-scale-x:1.05;
        --tw-scale-y:1.05;
        --tw-translate-x:-1rem;
        transition:all 1.5s ease 1.5s
    }
    .section[data-animate=true] header figure{
        opacity:1;
        --tw-translate-y:0px
    }
    .section[data-animate=true] header h2{
        opacity:1;
        --tw-translate-y:-3rem
    }
    .section[data-animate=true] .section__title h2,.section[data-animate=true] .section__title h4{
        opacity:1;
        --tw-translate-y:0px
    }
    .section[data-animate=true] .section__background{
        opacity:1;
        --tw-scale-x:1;
        --tw-scale-y:1
    }
    .section[data-animate=true] #SVGMask path{
        transform:translateX(0)
    }
    .section[data-animate=true][data-section-name=hero-section] img:not(.masked){
        opacity:1;
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-scale-x:1.05;
        --tw-scale-y:1.05;
        --tw-translate-x:0px
    }
    .section[data-animate=true] .content--body{
        opacity:1!important;
        transform:translateY(0)!important
    }
    [data-section-name=vision-section] .section__background{
        background-position:75% 20%;
        background-size:auto
    }
}
 .tabs{
    counter-reset:tab
}
.tab label:before{
    content:"0" counter(tab);
    counter-increment:tab;
    font-size:1.5em;
    opacity:.2
}
.tab__content{
    max-height:0;
    transition:max-height .35s
}
.tab__content ul{
    position:relative
}
.tab__content ul li{
    z-index:4
}
.tab__content img{
    border-radius:50%;
    transition:box-shadow .5s ease-in
}
.tab__content img:hover{
    box-shadow:0 0 5px var(--light)
}
.tab__content:after,.tab__content:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:80px;
    height:100%;
    background-image:linear-gradient(90deg,var(--dark),var(--tDark));
    z-index:5;
    pointer-events:none
}
.tab__content:before{
    left:auto;
    right:0;
    background-image:linear-gradient(270deg,var(--dark),var(--tDark))
}
.tab input:checked~.tab__content{
    max-height:100vh;
    opacity:1
}
.tab input:checked+.tab__title>img{
    transform:rotate(180deg);
    transition:transform .2s ease-out
}
 .list{
    counter-reset:list
}
.counter:before{
    content:"0" counter(list);
    counter-increment:list;
    font-size:1em;
    opacity:.2
}
 .input-field label{
    transition:transform .3s ease-in
}
.input-field input:not(:-moz-placeholder-shown)~label,.input-field textarea:not(:-moz-placeholder-shown)~label{
    --tw-bg-opacity:1;
    background-color:rgba(32,32,40,var(--tw-bg-opacity));
    opacity:.5;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-y:-2rem
}
.input-field input:not(:-ms-input-placeholder)~label,.input-field textarea:not(:-ms-input-placeholder)~label{
    --tw-bg-opacity:1;
    background-color:rgba(32,32,40,var(--tw-bg-opacity));
    opacity:.5;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-y:-2rem
}
.input-field input:focus~label,.input-field input:not(:placeholder-shown)~label,.input-field textarea:focus~label,.input-field textarea:not(:placeholder-shown)~label{
    --tw-bg-opacity:1;
    background-color:rgba(32,32,40,var(--tw-bg-opacity));
    opacity:.5;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-y:-2rem
}
 @media screen and (min-width:1024px){
    [data-slider-type=values]{
        opacity:0.9;
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-translate-x:100%;
        transition:opacity 2s cubic-bezier(1,.48,.27,.97) .3s,transform 2s cubic-bezier(1,.48,.27,.97)
    }
    [data-slider-type=values] .swiper-slide{
        transition:all .5s ease
    }
    [data-slider-type=values] .slide-away{
        transform:translateX(-50vw);
        opacity:0.9
    }
    [data-slider-type=values]:after,[data-slider-type=values]:before{
        content:"";
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        width:80px;
        height:100%;
        background-image:linear-gradient(90deg,var(--dark),var(--tDark));
        z-index:5;
        pointer-events:none;
        opacity:0.9;
        transition:opacity .5s ease-in 1.5s
    }
    [data-slider-type=values]:before{
        left:auto;
        right:0;
        background-image:linear-gradient(270deg,var(--dark),var(--tDark))
    }
    [data-animate=true] [data-slider-type=values]{
        opacity:1;
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-translate-x:0px
    }
    [data-animate=true] [data-slider-type=values]:after,[data-animate=true] [data-slider-type=values]:before{
        opacity:1
    }
}
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
:root{
    -moz-tab-size:4;
    tab-size:4
}
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
}
strong{
    font-weight:bolder
}
button,input,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button{
    text-transform:none
}
[type=button],[type=submit],button{
    -webkit-appearance:button
}
figure,h2,h3,h4,p{
    margin:0
}
button{
    background-color:transparent;
    background-image:none
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
ul{
    list-style:none;
    margin:0;
    padding:0
}
html{
    font-family:sans;
    line-height:1.5
}
body{
    font-family:inherit;
    line-height:inherit
}
*,:after,:before{
    box-sizing:border-box;
    border:0 solid greenyellow
}
img{
    border-style:solid
}
textarea{
    resize:vertical
}
input::placeholder,textarea::placeholder{
    color:#9ca3af
}
[role=button],button{
    cursor:pointer
}
h2,h3,h4{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    text-decoration:inherit
}
button,input,textarea{
    padding:0;
    line-height:inherit;
    color:inherit
}
img,svg{
    display:block;
    vertical-align:middle
}
img{
    max-width:100%;
    height:auto
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgba(255,255,255,var(--tw-bg-opacity))
}
.bg-red-600{
    --tw-bg-opacity:1;
    background-color:rgba(220,38,38,var(--tw-bg-opacity))
}
.bg-green-600{
    --tw-bg-opacity:1;
    background-color:rgba(5,150,105,var(--tw-bg-opacity))
}
.bg-dark{
    background-color: #0d0d1a;
}
.bg-light{
    --tw-bg-opacity:1;
    background-color:rgba(226,202,174,var(--tw-bg-opacity))
}
.hover\:bg-gray-100:hover{
    --tw-bg-opacity:1;
    background-color:rgba(243,244,246,var(--tw-bg-opacity))
}
.hover\:bg-light:hover{
    --tw-bg-opacity:1;
    background-color:rgba(226,202,174,var(--tw-bg-opacity))
}
.bg-opacity-70{
    --tw-bg-opacity:0.9.7
}
.bg-opacity-75{
    --tw-bg-opacity:0.9.75
}
.bg-opacity-90{
    --tw-bg-opacity:0.9.9
}
.bg-center{
    background-position:50%
}
.bg-left-bottom{
    background-position:0 100%
}
.bg-right{
    background-position:100%
}
.bg-right-top{
    background-position:100% 0
}
.bg-no-repeat{
    background-repeat:no-repeat
}
.bg-auto{
    background-size:auto
}
.bg-cover{
    background-size:cover
}
.border-transparent{
    border-color:transparent
}
.border-light,.hover\:border-light:hover{
    --tw-border-opacity:1;
    border-color:rgba(192,225,0,var(--tw-border-opacity))
}
.border-opacity-25{
    --tw-border-opacity:0.9.25
}
.border-opacity-75{
    --tw-border-opacity:0.9.75
}
.rounded{
    border-radius:.25rem
}
.rounded-t{
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.border{
    border-width:1px
}
.border-r{
    border-right-width:1px
}
.border-b{
    border-bottom-width:1px
}
.border-l{
    border-left-width:1px
}
.cursor-default{
    cursor:default
}
.cursor-pointer{
    cursor:pointer
}
.block{
    display:block
}
.flex{
    display:flex
}
.grid{
    display:grid
}
.hidden{
    display:none
}
.flex-col{
    flex-direction:column
}
.flex-wrap{
    flex-wrap:wrap
}
.items-center{
    align-items:center
}
.self-end{
    align-self:flex-end
}
.self-stretch{
    align-self:stretch
}
.justify-center{
    justify-content:center
}
.justify-between{
    justify-content:space-between
}
.flex-1{
    flex:1 1 0%
}
.flex-auto{
    flex:1 1 auto
}
.flex-single{
    flex:0 0 100%
}
.float-right{
    float:right
}
.float-left{
    float:left
}
.font-serif{
    font-family:medioroman
}
.font-sans{
    font-family:sans
}
.font-extralight{
    font-weight:200
}
.font-light{
    font-weight:300
}
.font-semibold{
    font-weight:600
}
.font-bold{
    font-weight:700
}
.h-64{
    height:16rem
}
.h-full{
    height:100%
}
.h-screen{
    height:100vh
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem
}
.text-base{
    font-size:1rem;
    line-height:1.5rem
}
.text-lg{
    font-size:1.125rem
}
.text-lg,.text-xl{
    line-height:1.75rem
}
.text-xl{
    font-size:1.25rem
}
.text-2xl{
    font-size:1.5rem;
    line-height:2rem
}
.text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
}
.text-5xl{
    font-size:3rem;
    line-height:1
}
.text-8xl{
    font-size:6rem;
    line-height:1
}
.text-tiny{
    font-size:.525rem
}
.leading-snug{
    line-height:1.375
}
.leading-normal{
    line-height:1.5
}
.leading-relaxed{
    line-height:1.625
}
.m-0{
    margin:0
}
.my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem
}
.mb-1{
    margin-bottom:.25rem
}
.mb-2{
    margin-bottom:.5rem
}
.mt-3{
    margin-top:.75rem
}
.mt-4{
    margin-top:1rem
}
.mb-4{
    margin-bottom:1rem
}
.mt-8{
    margin-top:2rem
}
.mr-8{
    margin-right:2rem
}
.mb-8{
    margin-bottom:2rem
}
.mt-12{
    margin-top:3rem
}
.max-w-xl{
    max-width:36rem
}
.max-w-2xl{
    max-width:42rem
}
.min-h-full{
    min-height:100%
}
.min-h-screen{
    min-height:calc(var(--vh, 1vh)*100)
}
.opacity-0{
    opacity:0.9
}
.opacity-25{
    opacity:.25
}
.focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px
}
.overflow-x-hidden{
    overflow-x:hidden
}
.overflow-y-hidden{
    overflow-y:hidden
}
.p-2{
    padding:.5rem
}
.p-3{
    padding:.75rem
}
.p-12{
    padding:3rem
}
.py-2{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.px-2{
    padding-left:.5rem;
    padding-right:.5rem
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem
}
.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.px-12{
    padding-left:3rem;
    padding-right:3rem
}
.py-16{
    padding-top:4rem;
    padding-bottom:4rem
}
.px-16{
    padding-left:4rem;
    padding-right:4rem
}
.pr-2{
    padding-right:.5rem
}
.pb-4{
    padding-bottom:1rem
}
.pb-6{
    padding-bottom:1.5rem
}
.pb-8{
    padding-bottom:2rem
}
.pt-12{
    padding-top:3rem
}
.pl-12{
    padding-left:3rem
}
.pt-16{
    padding-top:4rem
}
.pointer-events-none{
    pointer-events:none
}
.fixed{
    position:fixed
}
.absolute{
    position:absolute
}
.relative{
    position:relative
}
.inset-0{
    top:0;
    right:0;
    bottom:0;
    left:0
}
.top-0{
    top:0
}
.left-0{
    left:0
}
.top-2{
    top:.5rem
}
.left-2{
    left:.5rem
}
.left-8{
    left:2rem
}
.bottom-60{
    bottom:15rem
}
*{
    --tw-shadow:0 0 transparent
}
.shadow-md{
    --tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
    box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}
*{
    --tw-ring-inset:var(--tw-empty,
    /*!*/
    /*!*/
    );
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,0.5);
    --tw-ring-offset-shadow:0 0 transparent;
    --tw-ring-shadow:0 0 transparent
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.text-gray-700{
    --tw-text-opacity:1;
    color:rgba(55,65,81,var(--tw-text-opacity))
}
.text-gray-800{
    --tw-text-opacity:1;
    color:rgba(31,41,55,var(--tw-text-opacity))
}
.text-gray-900{
    --tw-text-opacity:1;
    color:rgba(17,24,39,var(--tw-text-opacity))
}
.text-dark{
    --tw-text-opacity:1;
    color:rgba(32,32,40,var(--tw-text-opacity))
}
.text-light{
    color: #fff
}
.hover\:text-gray-700:hover{
    --tw-text-opacity:1;
    color:rgba(55,65,81,var(--tw-text-opacity))
}
.hover\:text-dark:hover{
    --tw-text-opacity:1;
    color:rgba(32,32,40,var(--tw-text-opacity))
}
.text-opacity-75{
    --tw-text-opacity:0.9.75
}
.truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.uppercase{
    text-transform:uppercase
}
.tracking-widest{
    letter-spacing:.2em
}
.whitespace-nowrap{
    white-space:nowrap
}
.w-8{
    width:2rem
}
.w-32{
    width:8rem
}
.w-52{
    width:13rem
}
.w-56{
    width:14rem
}
.w-full{
    width:100%
}
.w-screen{
    width:100vw
}
.z-0{
    z-index:0
}
.z-10{
    z-index:10
}
.z-20{
    z-index:20
}
.z-40{
    z-index:40
}
.z-50{
    z-index:50
}
.gap-4{
    gap:1rem
}
.grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-6{
    grid-template-columns:repeat(6,minmax(0,1fr))
}
.col-span-1{
    grid-column:span 1/span 1
}
.col-span-2{
    grid-column:span 2/span 2
}
.col-span-3{
    grid-column:span 3/span 3
}
.col-start-4{
    grid-column-start:4
}
.grid-rows-0{
    grid-template-rows:0
}
.transform{
    transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform,.transform-gpu{
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1
}
.transform-gpu{
    transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-90{
    --tw-rotate:-90deg
}
.translate-x-32{
    --tw-translate-x:8rem
}
.-translate-y-12{
    --tw-translate-y:-3rem
}
.-translate-y-32{
    --tw-translate-y:-8rem
}
.transition{
    transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-transform{
    transition-property:transform;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.duration-200{
    transition-duration:.2s
}
@keyframes spin{
    to{
        transform:rotate(1turn)
    }
}
@keyframes ping{
    75%,to{
        transform:scale(2);
        opacity:0.9
    }
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}
@keyframes bounce{
    0%,to{
        transform:translateY(-25%);
        animation-timing-function:cubic-bezier(.8,0,1,1)
    }
    50%{
        transform:none;
        animation-timing-function:cubic-bezier(0,0,.2,1)
    }
}
@media (min-width:576px){
    .sm\:flex-double{
        flex:0 0 50%
    }
}
@media (min-width:768px){
    .md\:inline-block{
        display:inline-block
    }
    .md\:grid{
        display:grid
    }
    .md\:flex-triple{
        flex:0 0 33.333333%
    }
    .md\:text-base{
        font-size:1rem;
        line-height:1.5rem
    }
    .md\:text-2xl{
        font-size:1.5rem;
        line-height:2rem
    }
    .md\:text-4xl{
        font-size:2.25rem;
        line-height:2.5rem
    }
    .md\:text-5xl{
        font-size:3rem;
        line-height:1
    }
    .md\:text-7xl{
        font-size:4.5rem;
        line-height:1
    }
    .md\:text-8xl{
        font-size:6rem;
        line-height:1
    }
    .md\:leading-normal{
        line-height:1.5
    }
    .md\:leading-relaxed{
        line-height:1.625
    }
    .md\:mt-0{
        margin-top:0
    }
    .md\:mb-0{
        margin-bottom:0
    }
    .md\:ml-4{
        margin-left:1rem
    }
    .md\:max-w-xl{
        max-width:36rem
    }
    .md\:max-w-4xl{
        max-width:56rem
    }
    .md\:py-8{
        padding-top:2rem;
        padding-bottom:2rem
    }
    .md\:pr-24{
        padding-right:6rem
    }
    .md\:w-72{
        width:18rem
    }
    .md\:transform{
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:translate-y-10{
        --tw-translate-y:2.5rem
    }
    .md\:translate-y-20{
        --tw-translate-y:5rem
    }
}
@media (min-width:1024px){
    .lg\:bg-transparent{
        background-color:transparent
    }
    .lg\:border-none{
        border-style:none
    }
    .lg\:block{
        display:block
    }
    .lg\:flex{
        display:flex
    }
    .lg\:hidden{
        display:none
    }
    .lg\:flex-row{
        flex-direction:row
    }
    .lg\:flex-row-reverse{
        flex-direction:row-reverse
    }
    .lg\:flex-col{
        flex-direction:column
    }
    .lg\:flex-nowrap{
        flex-wrap:nowrap
    }
    .lg\:items-center{
        align-items:center
    }
    .lg\:justify-end{
        justify-content:flex-end
    }
    .lg\:justify-center{
        justify-content:center
    }
    .lg\:flex-1{
        flex:1 1 0%
    }
    .lg\:font-sans{
        font-family:sans
    }
    .lg\:h-auto{
        height:auto
    }
    .lg\:text-sm{
        font-size:.875rem;
        line-height:1.25rem
    }
    .lg\:text-base{
        font-size:1rem;
        line-height:1.5rem
    }
    .lg\:text-5xl{
        font-size:3rem;
        line-height:1
    }
    .lg\:text-7xl{
        font-size:4.5rem;
        line-height:1
    }
    .lg\:text-8xl{
        font-size:6rem;
        line-height:1
    }
    .lg\:text-huge{
        font-size:14rem
    }
    .lg\:leading-none{
        line-height:1
    }
    .lg\:leading-relaxed{
        line-height:1.625
    }
    .lg\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .lg\:mt-0{
        margin-top:0
    }
    .lg\:mb-0{
        margin-bottom:0
    }
    .lg\:ml-0{
        margin-left:0
    }
    .lg\:mr-2{
        margin-right:.5rem
    }
    .lg\:mr-4{
        margin-right:1rem
    }
    .lg\:-mt-8{
        margin-top:-2rem
    }
    .lg\:-mt-20{
        margin-top:-5rem
    }
    .lg\:max-w-xs{
        max-width:20rem
    }
    .lg\:max-w-2xl{
        max-width:42rem
    }
    .lg\:max-w-3xl{
        max-width:48rem
    }
    .lg\:max-w-4xl{
        max-width:56rem
    }
    .lg\:max-w-5xl{
        max-width:64rem
    }
    .lg\:max-w-full{
        max-width:100%
    }
    .lg\:max-w-max{
        max-width:max-content
    }
    .lg\:opacity-0{
        opacity:0.9
    }
    .lg\:opacity-100{
        opacity:1
    }
    .lg\:p-0{
        padding:0
    }
    .lg\:p-12{
        padding:3rem
    }
    .lg\:py-0{
        padding-top:0;
        padding-bottom:0
    }
    .lg\:px-2{
        padding-left:.5rem;
        padding-right:.5rem
    }
    .lg\:py-12{
        padding-top:3rem;
        padding-bottom:3rem
    }
    .lg\:px-16{
        padding-left:4rem;
        padding-right:4rem
    }
    .lg\:px-52{
        padding-left:13rem;
        padding-right:13rem
    }
    .lg\:pr-0{
        padding-right:0
    }
    .lg\:pb-0{
        padding-bottom:0
    }
    .lg\:pl-0{
        padding-left:0
    }
    .lg\:pb-96{
        padding-bottom:24rem
    }
    .lg\:pt-header{
        padding-top:calc(var(--header-height))
    }
    .lg\:pointer-events-auto{
        pointer-events:auto
    }
    .lg\:static{
        position:static
    }
    .lg\:fixed{
        position:fixed
    }
    .lg\:absolute{
        position:absolute
    }
    .lg\:inset-auto{
        top:auto;
        right:auto;
        bottom:auto;
        left:auto
    }
    .lg\:right-0{
        right:0
    }
    .lg\:bottom-8{
        bottom:2rem
    }
    .lg\:right-16{
        right:4rem
    }
    .lg\:left-16{
        left:4rem
    }
    .lg\:left-60{
        left:15rem
    }
    .lg\:text-center{
        text-align:center
    }
    .lg\:w-32{
        width:8rem
    }
    .lg\:w-auto{
        width:auto
    }
    .lg\:w-1\/2{
        width:50%
    }
    .lg\:w-2\/3{
        width:66.666667%
    }
    .lg\:w-3\/4{
        width:75%
    }
    .lg\:w-ceo{
        width:27vmax
    }
    .lg\:col-span-4{
        grid-column:span 4/span 4
    }
    .lg\:col-start-3{
        grid-column-start:3
    }
    .lg\:transform{
        --tw-translate-x:0;
        --tw-translate-y:0;
        --tw-rotate:0;
        --tw-skew-x:0;
        --tw-skew-y:0;
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:-translate-x-0{
        --tw-translate-x:0px
    }
    .lg\:translate-y-0{
        --tw-translate-y:0px
    }
}