:root{--background: black;--primary-blue: #025be1;--container: 1920px;--container-small: 90ch;--p-inline: 3vw;--h-offset: "";--v-offset: max(8vh, 3rem);--grid: repeat(12, 1fr);--grid-gap: max(7.5vw, 80px);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:16px;line-height:1.6;color:#f0f8ff;background:black;overflow-x:hidden}a{color:#f0f8ff;text-decoration:none}h1,h2{font-size:clamp(2rem,4vh,6rem);line-height:1}h3{font-size:clamp(2rem,3vh,4rem);line-height:1.2}h1,h2,h3{font-family:ReadexProBold;font-weight:700}@media (min-width: 1280px){h1,h2{font-size:clamp(2rem,5vh,6rem)}}p{margin-block:1.5rem}.lead{font-size:1.25rem;font-weight:300;max-width:60ch}.container{width:100%;max-width:var(--container);padding-inline:calc(var(--p-inline));margin-inline:auto}.slider-container{padding-inline:0}@media (max-width: 768px){.video-container{background:radial-gradient(#0078c2 -35%,#000 80%,black);padding-block:13vh}}.container-small{width:100%;max-width:var(--container-small);padding-inline:calc(var(--p-inline));padding-block:6vh;margin-inline:auto}.title-no-wrap{display:flex;align-items:center;gap:1rem}main{display:grid}.header{margin-inline:auto;width:100%;max-width:var(--container);display:flex;align-items:center;justify-content:space-between;gap:2em;padding-block:1.25rem;z-index:5}nav{display:flex;align-items:center;gap:1rem;min-height:2rem;position:relative;z-index:10}@media (min-width: 768px){nav{gap:2rem}}.logo{position:relative;z-index:10}.logo img{display:block}nav a.active{pointer-events:none;text-decoration:underline}nav a.hidden{display:none}nav select{line-height:1;padding-block:0;color:#add8e6}.banner{display:flex;overflow:hidden;position:relative;align-items:flex-end;min-height:100vh;margin-top:-86.38px;padding-bottom:10vh}@media (min-width: 1024px){.banner{align-items:center;padding-bottom:0}.banner-content{width:100%;height:-moz-fit-content;height:fit-content}}@media (min-width: 1920px){.banner{overflow:visible}}.banner-text{position:relative;display:grid;width:100%;min-height:210px;grid-template-columns:var(--grid);row-gap:1rem;z-index:1}.banner-text__image{grid-column:1/8;position:relative;opacity:0;animation:.8s intro cubic-bezier(.05,.62,.21,.96) forwards}@media (min-width: 768px){.banner-text__image{grid-column:1/7}}.banner-text__title{grid-column:3/12;margin:0;position:relative;line-height:1.15}.banner-text__title span{display:block;opacity:0}.banner-text__title.fade-in span:nth-child(1){animation:.9s introTitle cubic-bezier(.05,.62,.21,.96) forwards;animation-delay:.5s}.banner-text__title.fade-in span:nth-child(2){animation:.9s introTitleSecondLine cubic-bezier(.05,.62,.21,.96) forwards;animation-delay:.8s}.banner-text__image img{width:100%;height:auto}@keyframes intro{0%{opacity:0;transform:translate(-200px)}30%{opacity:.1}to{opacity:1;transform:translate(0)}}@keyframes introTitle{0%{opacity:0;transform:translateY(-300px)}30%{opacity:.1}to{opacity:1;transform:translateY(-2.75rem)}}@keyframes introTitleSecondLine{0%{opacity:0;transform:translateY(-300px)}30%{opacity:.1}to{opacity:1;transform:translateY(-3rem)}}.banner-video-wrapper{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:1/1;transform:translate(-5%,13vh);display:flex;z-index:0;animation:bg-fade-in 1s cubic-bezier(.05,.62,.21,.96) 2s forwards}.banner-video{display:none}@media (min-width: 768px){.banner-video-wrapper{width:auto;height:80vh;left:auto;right:0;aspect-ratio:1.25/1;transform:translate(10%,5%)}}@media (min-width: 768px) and (orientation: landscape){.banner-video-wrapper{transform:translateY(20%)}}@media (min-width: 1024px){.banner-video-wrapper{transform:translate(5%,5%);height:84vh}}@media (min-width: 1200px){.banner-video-wrapper{animation:none}.banner-video{display:block;width:100%;-o-object-fit:cover;object-fit:cover}}@media (min-width: 1512px){.banner-video-wrapper{transform:translate(15%,5%)}}.overlay{position:absolute;inset:0;background:linear-gradient(black 0%,rgba(0,0,0,.5) 20%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.1) 75%,black 100%);z-index:20}@keyframes bg-fade-in{0%{opacity:0;background:black}to{opacity:1;background-size:cover;background-position:25%;background-image:url(/assets/placeholders/hero.webp);background-repeat:no-repeat}}section:not(.video):not(.banner){display:grid;align-content:center;z-index:2;min-height:25vh;padding-block:max(3vh,4rem)}@media (min-width: 1024px){section{min-height:100vh}}.section-title{text-align:center;margin-bottom:max(3rem,9vh)}.footer{display:grid;justify-content:center;padding-block:2rem;gap:2rem}@media (min-width: 768px){.footer{grid-template-columns:max-content max-content;justify-content:space-between}}.footer nav{display:grid;gap:1rem;text-align:center}.footer nav a:last-of-type:after{display:none}.footer span{color:gray;order:1}@media (min-width: 768px){.footer span{order:0}.footer nav{gap:2rem}}@media (min-width: 768px){.footer nav{grid-auto-flow:column dense}}.footer-image{display:block;margin:20vh auto;width:min(70vw,380px)}.what-inside{padding:0}.what-inside__animation-wrapper{position:relative;padding-top:2vw}canvas{display:block;max-width:1920px;margin-inline:auto;aspect-ratio:16/9;z-index:1}.what-inside__mobile{display:none}@media (max-width: 767px){.what-inside__mobile{display:block;padding-inline:3vw;text-align:center;max-width:34ch;font-size:1.25rem;font-weight:300;margin-inline:auto}}select{display:flex;align-items:center;text-align:right;justify-content:flex-end;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:transparent;padding:.3rem 0 .3rem .5rem;background-color:var(--background);background-image:none;font-family:inherit;font-size:inherit;font-weight:300;line-height:1.1;color:inherit;outline:none}.howto{display:grid;gap:var(--grid-gap);align-items:center;padding-inline:var(--p-inline);width:100%;max-width:1400px;margin:auto}@media (min-width: 768px){.howto{grid-template-columns:5fr 6fr;background:url(/assets/images/smiles.png) no-repeat;background-position:88% center;background-size:auto min(30vh,90px);overflow-x:hidden}}.howto-list{padding-left:0;list-style:none}.howto-list li{padding:.5rem 0;display:grid;grid-template-columns:auto 1fr;gap:1rem}.howto-list li img{display:block;margin:.4rem}.howto-list li:not(:last-child){border-bottom:1px solid #212121}.howto-img{position:relative;display:flex;justify-content:center;padding-block-end:2vh}.howto-img img{position:relative;max-width:320px;max-height:40vh;width:auto;z-index:2;animation:swing 3s ease-in-out 1s 10 both}@keyframes swing{0%{transform:translateY(0)}50%{transform:translateY(1.75vh)}to{transform:translateY(0)}}.howto-img:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(#122b66cc,#00437e78,#00000000 70%)}.howto-img__sequence{position:absolute;left:55%;transform:translate(-50%);top:10%;width:320px;z-index:20}.howto-img__sequence img{display:block;margin-left:auto;width:45%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}@media (max-width: 767px){.what-inside__animation-wrapper{aspect-ratio:1/1.25;background-image:url(/assets/placeholders/inside.webp);background-size:cover}.what-inside__animation-wrapper .overlay{top:-2px;bottom:-2px}.what-inside__animation-wrapper canvas{display:none}}@font-face{font-family:ReadexProBold;src:url(/fonts/ReadexPro-Bold.ttf);font-weight:700;font-style:normal;font-display:swap}