*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:plexus;font-weight:100;src:url(./PlexusSans-Thin-ce643225.otf) type("opentype")}@font-face{font-family:plexus;font-weight:200;src:url(./PlexusSans-ExtraLight-7eb2d0c2.otf) type("opentype")}@font-face{font-family:plexus;font-weight:300;src:url(./PlexusSans-Light-82ccaa86.otf) type("opentype")}@font-face{font-family:plexus;font-weight:400;src:url(./PlexusSans-Regular-c04745b2.otf) type("opentype")}@font-face{font-family:plexus;font-weight:500;src:url(./PlexusSans-Medium-bac2eb21.otf) type("opentype")}@font-face{font-family:plexus;font-weight:700;src:url(./PlexusSans-SemiBold-4565c63c.otf) type("opentype")}@font-face{font-family:plexus;font-weight:800;src:url(./PlexusSans-Bold-2c33871b.otf) type("opentype")}:root{--soil: #1A211B;--acid: #96FF9C;--obsidian: #04150D;--crystal: #E5FFFD;--abyss: #006664;--deep-green: #456747;--light-green: #153425}body{background:var(--obsidian);color:var(--crystal);font-family:plexus,sans-serif;margin:0}.container{max-width:1440px;margin:auto}.exterra-animation-scene{display:flex;flex-direction:row;height:100vh;overflow:hidden;justify-content:space-between;background:radial-gradient(circle at 76.6666666667%,var(--acid) -60%,transparent 50%)}.exterra-animation-scene h3{font-size:48px;margin:5px}.exterra-animation-scene .popup-wrapper{position:absolute}.exterra-animation-scene .popup-mobile-wrapper{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(4,21,13,.7764705882);top:0;left:0;pointer-events:none}.exterra-animation-scene .popup-mobile-content{position:relative;display:flex;flex-direction:column;background-color:var(--obsidian);border-radius:20px;border:solid 1px var(--abyss);max-width:300px}.exterra-animation-scene .popup-mobile-content span.close{pointer-events:auto;cursor:pointer;position:absolute;top:0;right:0;background:var(--obsidian);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10em;margin:10px}.exterra-animation-scene .popup-mobile-content span.close:before,.exterra-animation-scene .popup-mobile-content span.close:after{content:"";display:block;width:70%;height:3px;background-color:#838f8f}.exterra-animation-scene .popup-mobile-content span.close:before{transform:rotate(45deg);position:absolute}.exterra-animation-scene .popup-mobile-content span.close:after{transform:rotate(-45deg)}.exterra-animation-scene .popup-mobile-content img{border-radius:20px}.exterra-animation-scene .popup-mobile-content>div{padding:10px 15px;box-sizing:border-box}.exterra-animation-scene .popup-container{display:block;width:80px;height:80px;background:white;transform-origin:bottom center}.exterra-animation-scene .popup-anchor{position:absolute;width:0px;height:0px;display:block;background:white}.exterra-animation-scene .popup-mobile-content h5,.exterra-animation-scene .popup-modale h5{font-size:18px;display:flex;flex-direction:row;align-items:center;gap:10px}.exterra-animation-scene .popup-mobile-content h5 span,.exterra-animation-scene .popup-modale h5 span{display:flex;align-items:center;justify-content:center;padding:13px;box-sizing:border-box;width:1em;height:1em;border:solid 1px var(--crystal);border-radius:10em}.exterra-animation-scene .popup-mobile-content h5,.exterra-animation-scene .popup-mobile-content p,.exterra-animation-scene .popup-modale h5,.exterra-animation-scene .popup-modale p{align-self:flex-start;z-index:2}.exterra-animation-scene .popup-modale{position:relative;display:inline-flex;width:max-content;flex-direction:column;padding:10px 20px;transform:translate(-50%,-100%);align-items:center;justify-content:flex-end;max-width:450px;gap:10px}.exterra-animation-scene .popup-modale-needle{width:30px;height:30px;position:absolute;display:block;transform:translateY(88%) rotate(45deg)}.exterra-animation-scene .popup-modale.green h5,.exterra-animation-scene .popup-modale.green p{color:var(--acid)}.exterra-animation-scene .popup-modale.green h5 span{border-color:var(--acid)}.exterra-animation-scene .popup-modale,.exterra-animation-scene .popup-modale-needle{border-radius:3px;border:solid 1px var(--light-green);background:var(--obsidian)}.exterra-animation-scene .popup-modale-needle{border-left:none;border-top:none}.exterra-animation-panel{flex-basis:40%;display:grid;flex-direction:column;grid-template-rows:min-content auto min-content;gap:40px;padding:50px;box-sizing:border-box;max-height:100vh}.exterra-animation-panel header{text-align:center}.exterra-animation-panel header h3{line-height:1em}.exterra-animation-panel header p{line-height:1em;color:var(--crystal)}.exterra-animation-steps{border:solid 1px var(--abyss);text-align:center;border-radius:3px;box-sizing:border-box;height:100%;overflow-y:scroll}.exterra-animation-steps::-webkit-scrollbar-track{background:#192516}.exterra-animation-steps::-webkit-scrollbar{background:#192516;width:8px}.exterra-animation-steps::-webkit-scrollbar-thumb{background:#82957D;border-radius:10em}.exterra-animation-steps header{padding-top:10px;border-bottom:solid 1px var(--abyss);position:sticky;top:0;background:var(--obsidian)}.exterra-animation-steps header h4{font-size:24px;margin:0}.exterra-animation-steps header .switcher{margin-top:10px;margin-bottom:10px;display:grid;grid-template-columns:2fr 1fr 2fr;justify-items:center;align-items:center;gap:20px}.exterra-animation-steps header .switcher small{width:100%}.exterra-animation-steps header .switcher small[data-state=without]{text-align:right;color:var(--deep-green)}.exterra-animation-steps header .switcher small[data-state=with],.exterra-animation-steps header .switcher small[data-state=with] *{text-align:left;color:var(--acid)}.exterra-animation-steps header .switcher .switch{position:relative;display:inline-block;width:76px;height:38px}.exterra-animation-steps header .switcher .switch input{opacity:0;width:0;height:0}.exterra-animation-steps header .switcher .slider{display:flex;align-items:center;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#214229;border:solid 1px var(--deep-green);-webkit-transition:.4s;transition:.4s}.exterra-animation-steps header .switcher .slider:before{position:absolute;content:"";height:38px;width:38px;left:-1px;background-color:var(--deep-green);background-image:url(./expicto_off-34edef09.svg);background-repeat:no-repeat;background-position:center;background-size:60%;box-shadow:3px 0 5px #00000031;-webkit-transition:.4s;transition:.4s}.exterra-animation-steps header .switcher input:checked+.slider{border:solid 1px var(--acid)}.exterra-animation-steps header .switcher input:focus+.slider{box-shadow:0 0 1px var(--acid)}.exterra-animation-steps header .switcher input:checked+.slider:before{background-color:var(--acid);box-shadow:-3px 0 5px #0000003f,0 0 10px #96ff9b64;-webkit-transform:translateX(38px);-ms-transform:translateX(38px);transform:translate(38px);background-image:url(./expicto-6577ee47.svg)}.exterra-animation-steps header .switcher .slider.round{border-radius:34px}.exterra-animation-steps header .switcher .slider.round:before{border-radius:50%}.exterra-animation-steps ul{box-sizing:border-box;padding:0 10px;margin:0;list-style:none;text-align:left;overflow-x:auto}.exterra-animation-steps ul li{display:flex;flex-direction:row;align-items:center;gap:10px;padding:14px 10px;font-size:14px;transition:background .2s ease;background-color:transparent;box-sizing:border-box;cursor:pointer;justify-content:space-between}.exterra-animation-steps ul li p{margin:0;display:flex;flex-direction:row;gap:10px;font-weight:600;align-items:center}.exterra-animation-steps ul li:hover{background-color:var(--light-green)}.exterra-animation-steps ul li:not(:last-of-type){border-bottom:solid 1px var(--abyss)}.exterra-animation-steps ul li.green{color:var(--acid)}.exterra-animation-steps ul li.green span{border-color:var(--acid)}.exterra-animation-steps ul li.green svg{fill:var(--acid)}.exterra-animation-steps ul li svg{fill:var(--crystal);flex-shrink:0}.exterra-animation-steps ul li span{height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;border:1px solid var(--crystal);border-radius:10em;flex-shrink:0}.exterra-animation-scheme{flex-basis:50%;flex-shrink:0;flex-grow:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:40px;position:relative}.exterra-animation-scheme svg .discrete{pointer-events:none;opacity:.2;filter:saturate(0)}.exterra-animation-scheme svg g,.exterra-animation-scheme svg .step{transition:transform .3s ease,opacity .3s ease,filter .3s ease}.exterra-animation-scheme svg g.active g[data-name=arrowPath],.exterra-animation-scheme svg g.active g#historic-arrowPath,.exterra-animation-scheme svg g.active g#operatin-arrowPath,.exterra-animation-scheme svg g.active g#steel-arrowPath{background:#006664}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path,.exterra-animation-scheme svg g.active g#historic-arrowPath path,.exterra-animation-scheme svg g.active g#operatin-arrowPath path,.exterra-animation-scheme svg g.active g#steel-arrowPath path{opacity:0;transition:opacity .2s linear;animation-name:fadeAnim;animation-duration:.7s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes fadeAnim{to{opacity:1}}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(1),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(1),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(1),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(1){animation-delay:-.1s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(2),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(2),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(2),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(2){animation-delay:-.2s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(3),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(3),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(3),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(3){animation-delay:-.3s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(4),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(4),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(4),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(4){animation-delay:-.4s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(5),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(5),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(5),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(5){animation-delay:-.5s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(6),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(6),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(6),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(6){animation-delay:-.6s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(7),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(7),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(7),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(7){animation-delay:-.7s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(8),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(8),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(8),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(8){animation-delay:-.8s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(9),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(9),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(9),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(9){animation-delay:-.9s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(10),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(10),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(10),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(10){animation-delay:-1s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(11),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(11),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(11),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(11){animation-delay:-1.1s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(12),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(12),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(12),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(12){animation-delay:-1.2s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(13),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(13),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(13),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(13){animation-delay:-1.3s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(14),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(14),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(14),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(14){animation-delay:-1.4s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(15),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(15),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(15),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(15){animation-delay:-1.5s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(16),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(16),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(16),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(16){animation-delay:-1.6s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(17),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(17),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(17),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(17){animation-delay:-1.7s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(18),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(18),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(18),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(18){animation-delay:-1.8s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(19),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(19),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(19),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(19){animation-delay:-1.9s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(20),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(20),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(20),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(20){animation-delay:-2s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(21),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(21),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(21),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(21){animation-delay:-2.1s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(22),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(22),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(22),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(22){animation-delay:-2.2s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(23),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(23),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(23),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(23){animation-delay:-2.3s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(24),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(24),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(24),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(24){animation-delay:-2.4s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(25),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(25),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(25),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(25){animation-delay:-2.5s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(26),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(26),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(26),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(26){animation-delay:-2.6s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(27),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(27),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(27),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(27){animation-delay:-2.7s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(28),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(28),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(28),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(28){animation-delay:-2.8s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(29),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(29),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(29),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(29){animation-delay:-2.9s}.exterra-animation-scheme svg g.active g[data-name=arrowPath] path:nth-child(30),.exterra-animation-scheme svg g.active g#historic-arrowPath path:nth-child(30),.exterra-animation-scheme svg g.active g#operatin-arrowPath path:nth-child(30),.exterra-animation-scheme svg g.active g#steel-arrowPath path:nth-child(30){animation-delay:-3s}.exterra-animation-navigation{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.exterra-animation-navigation p{color:var(--deep-green)}.exterra-animation-navigation p span{color:var(--acid)}.exterra-animation-navigation svg{cursor:pointer}.exterra-animation-navigation svg .background{opacity:0;transform:opacity .2s ease}@media (hover: hover){.exterra-animation-navigation svg:hover .background{opacity:1}}@media only screen and (max-width: 800px){.exterra-animation-scene{flex-direction:column;height:auto;flex-direction:column-reverse;background:radial-gradient(circle at 50% -40%,var(--acid) -60%,transparent 50%)}.exterra-animation-panel{max-height:none;padding-top:0}}
