main{--min-hero-height:860px}#hero-h2h-container{background-color:#737373;min-height:max(100vh,var(--min-hero-height));min-width:100vw;overflow:hidden;position:absolute;z-index:1}#hero-h2h-container #hero-h2h{--bs-aspect-ratio:107%;background:none;background:#737373;border:0;overflow:hidden;position:absolute;right:392px;top:597px;transform:skew(35deg,-3deg);width:147px;z-index:20}@media(min-aspect-ratio:150/113){#hero-h2h-container #hero-h2h{right:22.6851851852vw;top:34.5486111111vw;width:8.5069444444vw}}@media((max-aspect-ratio:150/113) and (min-height:860px)){#hero-h2h-container #hero-h2h{right:30.2300884956vh;top:46.0391908976vh;width:11.3362831858vh}}@media((max-aspect-ratio:150/113) and (max-height:860px)){#hero-h2h-container #hero-h2h{right:259.9787610619px;top:395.9370417193px;width:97.4920353982px}}#hero-h2h-container #hero-h2h.start{background:#fff}#hero-h2h-container #hero-h2h.start .tablet:before{height:44%}#hero-h2h-container #hero-h2h.start .tablet:after{animation:tabletBackground 1s ease-in-out forwards}#hero-h2h-container #hero-h2h.start:after{background:rgba(0,0,0,.05);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:500}#hero-h2h-container #hero-h2h .tablet{color:#fff;font-family:system-ui;height:100%;left:0;position:absolute;top:0;width:100%}#hero-h2h-container #hero-h2h .tablet .dynamic-tablet-bg{box-shadow:0 0 10px 5px rgba(157,84,255,.5)}#hero-h2h-container #hero-h2h .tablet:after{background:#737373;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}#hero-h2h-container #hero-h2h .tablet .tablet-analysis{align-items:center;display:flex;justify-content:center}#hero-h2h-container #hero-h2h .tablet .tablet-analysis .animation-container{background-color:transparent;left:0;position:absolute;width:100%;z-index:2}#hero-h2h-container #hero-h2h .tablet .tablet-analysis.top .animation-container{height:6%;top:15%}#hero-h2h-container #hero-h2h .tablet .tablet-analysis.top .box{background:#fff!important}#hero-h2h-container #hero-h2h .tablet .tablet-analysis.bottom .animation-container{height:3%;top:60%}#hero-h2h-container #hero-h2h .tablet .tablet-analysis .box{background:#9d54ff;border-radius:0;height:100%;opacity:1;position:absolute;top:0;transition:opacity .5s ease,background .5s ease;will-change:transform;z-index:3}#hero-h2h-container #hero-h2h .tablet .tablet-analysis .analysis-text{color:#fff;display:none;font-family:system-ui;font-size:12px;font-weight:600;left:16%;left:0;letter-spacing:.01em;line-height:1.2em;opacity:0;padding:11%;position:absolute;text-align:center;top:17%;top:2%;transition:opacity .5s ease;white-space:pre-line;width:68%;width:100%;z-index:10;z-index:5}@media(min-width:1000px){#hero-h2h-container #hero-h2h .tablet .tablet-analysis .analysis-text{font-size:13px}}@media(min-width:1200px){#hero-h2h-container #hero-h2h .tablet .tablet-analysis .analysis-text{font-size:13.5px}}@media(min-width:1540px){#hero-h2h-container #hero-h2h .tablet .tablet-analysis .analysis-text{font-size:15px}}#hero-h2h-container #hero-h2h .tablet .tablet-content{font-size:9px;font-weight:700;height:100%;left:0;letter-spacing:.03em;line-height:1.1em;padding:1.4em 2.4em;position:absolute;top:0;white-space:pre-line;width:100%;z-index:10}#hero-h2h-container #hero-h2h .tablet .tablet-content:before{animation:appearContent 1.6s ease-in-out 3s forwards;background:#fff;border:1px solid rgba(108,0,255,.29);box-shadow:0 0 20px 10px rgba(108,0,255,.29),inset 0 0 10px 0 rgba(108,0,255,.29);content:"";height:130%;left:-15%;position:absolute;top:-15%;width:130%;z-index:20}#hero-h2h-container #hero-h2h .tablet .tablet-startup{align-items:center;animation:disappearTablet .3s ease-in 2.8s forwards;display:flex;flex-direction:column;height:77%;justify-content:center;left:0;opacity:.5;overflow:hidden;position:absolute;top:0;width:100%;z-index:100}#hero-h2h-container #hero-h2h .tablet .tablet-startup .tablet-logo{animation:appearLogo 1.5s ease-in-out forwards;height:0;margin-bottom:7%;opacity:0;padding-bottom:32%;position:relative;width:26%}#hero-h2h-container #hero-h2h .tablet .tablet-startup .tablet-logo svg{animation:pulseLogo 2s infinite;height:80%;left:10%;position:absolute;top:10%;width:80%}#hero-h2h-container #hero-h2h .tablet .tablet-startup .tablet-logo svg path{fill:#6c00ff}#hero-h2h-container #hero-h2h .tablet .tablet-startup .tablet-loading-bar{animation:appearBar 1s ease-in-out .6s forwards;background-color:#949494;border-radius:3px;height:5%;margin-bottom:7%;min-height:3px;opacity:0;overflow:hidden;width:50%}#hero-h2h-container #hero-h2h .tablet .tablet-startup .tablet-loading-progress{animation:loading 2s ease-in-out .6s forwards;background:linear-gradient(90deg,#3498db,#2ecc71);background:#6c00ff;height:100%;left:0;position:absolute;top:0;width:0}.hero-section{background:url(../img/home/home-future-tablet.png);background-position:100% 0;background-repeat:no-repeat;background-size:cover;font-family:Nunito,sans-serif;min-height:max(100vh,var(--min-hero-height));position:relative;z-index:5}.hero-section .container{position:relative;z-index:300}.hero-section{--hero-outline-color:rgba(0,0,0,.15);--hero-shadow-color:rgba(0,0,0,.1);--hero-full-shadow-color:#000000a1}.hero-section .text-shadow{font-smooth:always;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:#fff!important;text-shadow:1px 1px 0 var(--hero-shadow-color),-1px 1px 0 var(--hero-shadow-color),-1px -1px 0 var(--hero-shadow-color),1px -1px 0 var(--hero-shadow-color),var(--hero-full-shadow-color) 0 0 60px}.hero-section .text-shadow .outline{text-shadow:1px 1px 0 var(--hero-outline-color),-1px 1px 0 var(--hero-outline-color),-1px -1px 0 var(--hero-outline-color),1px -1px 0 var(--hero-outline-color),var(--hero-full-shadow-color) 0 0 60px}.hero-section .super{font-size:40%;font-weight:500;left:-.05em;letter-spacing:normal;position:relative;vertical-align:super;white-space:nowrap}.hero-section .future{font-family:Anta}.hero-section .form-control{background:#fff!important;border-color:#fff!important;box-shadow:0 0 0 .25rem hsla(0,0%,100%,.25);color:#000!important;font-weight:600}.hero-section .form-control:focus{box-shadow:0 0 0 .25rem hsla(0,0%,100%,.25);outline:0}.hero-section .techno{-webkit-text-fill-color:transparent;animation:animatedTextGradient 2s linear infinite;background:repeating-linear-gradient(45deg,#00b2f4,#00b2f4,#00b2f4,#fed917,#fed917,#fea917,#fea917,#f95780,#f95780,#e398fe,#e398fe,#00b2f4,#00b2f4,#00b2f4);-webkit-background-clip:text;background-clip:text;background-position:-100% 0;background-size:200% 100%;color:#000}@media(max-width:1200px){.hero-section #hero-cta{justify-content:space-between;min-height:70vh}}@keyframes animatedTextGradient{to{background-position:100% 0}}@font-palette-values --Nabla{base-palette:0;override-colors:0 rgba(0,0,0,.1),1 rgba(0,0,0,.3),2 rgba(0,0,0,.1),3 rgba(0,0,0,.1),4 rgba(0,0,0,.1),5 rgba(0,0,0,.3),6 #000,7 rgba(0,0,0,.9),8 rgba(0,0,0,.1),9 rgba(0,0,0,.1);font-family:Nabla}@keyframes tabletBackground{0%{opacity:1}to{opacity:0}}@keyframes appearLogo{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes disappearTablet{0%{opacity:.5}to{opacity:0}}@keyframes appearContent{0%{top:-15%}to{top:115%}}@keyframes pulseLogo{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes rotateLogo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes appearBar{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}@keyframes loading{0%{width:0}30%{width:30%}60%{width:60%}80%{width:80%}95%{width:95%}to{width:100%}}@keyframes appearText{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes flickerSlow{0%{opacity:0}50%{opacity:1}75%{opacity:.5}to{opacity:1}}@keyframes flickerFast{0%{opacity:.4}5%{opacity:.5}10%{opacity:.6}15%{opacity:.85}25%{opacity:.5}30%{opacity:1}35%{opacity:.1}40%{opacity:.25}45%{opacity:.5}60%{opacity:1}70%{opacity:.85}80%{opacity:.4}90%{opacity:.5}to{opacity:1}}
