html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow:hidden}*,*:before,*:after{box-sizing:border-box}#root{min-height:100vh}main.home{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.field-title{font-size:1.5rem;position:absolute;top:30px;left:30px;font-family:JetBrains Mono,monospace}.choices{display:flex;gap:100px}.choice{--block-size: 300px;display:flex;justify-content:center;align-items:center;width:var(--block-size);height:var(--block-size);border:1pt solid rgb(255,255,255);text-decoration:none;color:#fff;font-weight:700}main.software-main{--bg: #05070f;--surface: rgba(255,255,255,.06);--primary: #7dd3fc;--secondary: #38bdf8;--accent: #22d3ee;--text: #e5e7eb;--muted: #94a3b8;--border: 1pt solid var(--text);--header-height: 20vh;--aside-width: 240px;--footer-overlap: 10vh;background:linear-gradient(90deg,#000000b8,#050a1e00),url(/assets/software-background-ROOen2uN.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text);font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;position:relative;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;z-index:0}main.software-main:before{--anim-lenght: .05s;content:"";width:50vw;height:100vh;position:fixed;-webkit-backdrop-filter:blur(5px) brightness(135%);backdrop-filter:blur(5px) brightness(135%);z-index:-1;inset:0;transition:height var(--anim-lenght) ease,width var(--anim-lenght) ease var(--anim-lenght)}main.software-main.header-scrolled:before{width:100vw;height:var(--header-height)}header.software-header{height:var(--header-height);position:sticky;top:0;color:#fff;display:flex;align-items:center;padding:0 1rem;z-index:10;transition:all .3s ease-in-out}header.software-header .software-header-inside{width:100%;max-width:1200px;margin-inline:auto;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}header.software-header .software-header-inside img{max-height:80%;max-width:50vw}header.software-header .motion-link{color:var(--text)}aside.software-aside{position:fixed;display:flex;flex-direction:column;gap:.4rem;z-index:9}aside.software-aside .software-aside-item{display:flex;align-items:center;justify-content:end;gap:1rem;cursor:pointer;font-size:.8rem}aside.software-aside .dot{width:.8rem;height:.8rem;border-radius:50%;background:#fff6;transition:.3s}aside.software-aside .software-aside-item.active{font-weight:700;color:#fff}aside.software-aside .software-aside-item.active .dot{background:#fff;transform:scale(1.2)}section.software-section{height:100vh;scroll-snap-align:start;max-width:1200px;margin-inline:auto;z-index:1;position:relative}section.software-section:before{content:"";top:0;width:1pt;height:0;background-color:var(--text);position:absolute;transition:height 1s ease-in-out;z-index:5}section.software-section:first-of-type:before{display:none}.header-scrolled section.software-section:before{height:100vh}.header-scrolled section.software-section:last-of-type:before{height:calc(var(--header-height) + 58px)}.software-section-inside{height:100%;padding-top:calc(var(--header-height) + 20px);z-index:1;position:relative;overflow:hidden}.software-section-title{font-size:1.5rem;position:relative;font-family:JetBrains Mono,monospace;padding-left:30px}.software-section-title:before{content:"";width:25px;height:1pt;background-color:var(--text);position:absolute;left:0;top:50%;transform:translateY(-50%)}.software-section-title span{color:var(--accent)}footer.software-footer{height:var(--footer-overlap);background:#222;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2;width:100%;text-align:center}footer.software-footer p{padding:0;margin:0}footer.software-footer a{font-weight:700}main.software-main a{text-decoration:none}*{scrollbar-width:thin;scrollbar-color:#888 #1e1e1e}::-webkit-scrollbar{width:10px;height:10px;z-index:999}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background-color:#888;border-radius:8px;border:2px solid #1e1e1e}::-webkit-scrollbar-thumb:hover{background-color:#aaa}html{font-size:11px}.software-title{font-size:3rem}.focus-viewer{width:calc(100vw - 24px);height:calc(100vw - 24px);margin:50px 0}.carousel{padding:0}.card{flex:0 0 100%}.card:before{display:none}.card:nth-of-type(1){z-index:3}.card:nth-of-type(2){z-index:2}.card:nth-of-type(3){z-index:1}.scroll-button{display:flex;left:calc(100% - 4rem)}.carousel-dots{display:flex}aside.software-aside{position:fixed;right:40px;top:50%;transform:translateY(-50%) translate(10px);opacity:0;transition:opacity .35s ease,transform .35s ease;pointer-events:none}aside.software-aside:before{content:"";position:absolute;z-index:-1;background:#fff0;background:radial-gradient(circle,#ffffff26,#fff0 50% 100%);width:300%;height:300%;right:-100%;top:50%;transform:translateY(-50%)}aside.software-aside.visible{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}@media screen and (min-width:480px){html{font-size:12px}.software-title{font-size:3.4rem}.focus-viewer{width:480px;height:480px;margin:50px auto}.card{flex:0 0 calc(50% - 3rem)}.scroll-button{left:calc(100% - 1.5rem)}.carousel-dots{display:none}}@media screen and (min-width:768px){html{font-size:13px}.software-title{font-size:3.6rem}.carousel{padding:0 30px}.card{flex:1 1 33.333%}.card:before{display:flex}.card:nth-of-type(1){z-index:1}.card:nth-of-type(2){z-index:2}.card:nth-of-type(3){z-index:3}.scroll-button{display:none}}@media screen and (min-width:1024px){html{font-size:14px}.software-title{font-size:4rem}aside.software-aside{opacity:1!important;transform:translateY(-50%) translate(0);pointer-events:auto}}@media screen and (min-width:1280px){html{font-size:15px}.software-title{font-size:4.2rem}}@media screen and (min-width:1536px){html{font-size:16px}.software-title{font-size:4.3rem}}.dropdown{margin:20px 0 0 auto;height:150px;width:100%;text-transform:uppercase;font-weight:700;text-align:right;position:relative;color:var(--text)}.dropdown-header{text-transform:uppercase;font-size:2rem;font-weight:700;padding:0;color:var(--accent)!important;position:relative}.dropdown-header:after{content:"";position:absolute;height:2pt;width:0;bottom:4px;left:0;background-color:var(--accent);transition:width ease-in-out .2s}.dropdown-header:hover:after{width:100%}.dropdown-mask{position:absolute;overflow:hidden;height:auto;width:100%;margin-top:-10px}.dropdown-panel{position:relative;top:0;left:0;width:100%;padding-top:5px}.dropdown-item{text-align:right;font-size:1.7rem;line-height:1}.motion-link{position:relative;display:inline-flex;align-items:center;gap:.1rem;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--text)}.motion-link:before{width:0;position:absolute;content:"";height:1pt;bottom:0;left:0;background-color:var(--text);transition:width .3s ease-in-out}.motion-link:hover:before{width:100%}.arrow-wrapper{position:relative;width:1.1em;height:1.1em;overflow:hidden}.motion-link img{width:1.1em;height:1.1em;transition:transform .3s ease-in-out;position:absolute;left:0;top:0}.motion-link.down .arrow{transform:translateY(0)}.motion-link.down .arrow-clone{transform:translateY(-100%)}.motion-link.down:hover .arrow{transform:translateY(100%)}.motion-link.down:hover .arrow-clone,.motion-link.up .arrow{transform:translateY(0)}.motion-link.up .arrow-clone{transform:translateY(100%)}.motion-link.up:hover .arrow{transform:translateY(-100%)}.motion-link.up:hover .arrow-clone{transform:translateY(0)}.motion-link.left .arrow{transform:translate(0)}.motion-link.left .arrow-clone{transform:translate(100%)}.motion-link.left:hover .arrow{transform:translate(-100%)}.motion-link.left:hover .arrow-clone,.motion-link.right .arrow{transform:translate(0)}.motion-link.right .arrow-clone{transform:translate(-100%)}.motion-link.right:hover .arrow{transform:translate(100%)}.motion-link.right:hover .arrow-clone{transform:translate(0)}#intro{padding-top:0!important;position:relative;z-index:2;height:calc(100vh - var(--header-height));scroll-margin-top:var(--header-height)}#intro .software-section-inside{padding-top:0!important;position:relative;overflow:hidden}.software-scroll-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;height:100%;padding:0 40px}@media(max-width:700px){.software-scroll-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0!important}.snap-section{min-width:100%;scroll-snap-align:start;flex-shrink:0;padding:0 10vw}.software-hero-connect{display:flex!important}main.software-main:before{width:100vw!important}}.software-hero-connect{display:none}.software-scroll-wrapper::-webkit-scrollbar{display:none}.software-title{line-height:1.1;max-width:100vw}.title-word{display:inline-block;margin-right:.35em}.title-line{display:inline}.title-line:nth-of-type(3) .title-word:nth-of-type(1),.title-line:nth-of-type(3) .title-word:nth-of-type(3){color:var(--accent)}.software-hero-left{display:flex;flex-direction:column;justify-content:space-evenly}.software-links-container{color:var(--text);text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-transform:uppercase;font-size:1.2rem;font-weight:700}.software-hero-right{padding:2rem;display:flex;flex-direction:column;justify-content:space-evenly}.software-hero-list p{font-size:2em;line-height:1;padding:0;margin:0;text-transform:uppercase;font-weight:700}.software-hero-list p:nth-of-type(odd){color:#00d9ff}.software-hero-connect{display:none;align-items:center;justify-content:center;gap:.2rem;position:absolute;bottom:6%;left:50%;transform:translate(-50%);background:transparent;border:none;cursor:pointer}.software-hero-connect img{transform:rotate(0);transition:transform ease-in-out .2s}@media(max-width:700px){.software-hero-connect.is-second-visible img{transform:rotate(180deg)}}.explorer{display:grid;grid-template-columns:auto 1fr;height:70vh;border:1px solid var(--surface);font-family:JetBrains Mono,monospace;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid white;border-left:0;overflow:hidden;font-size:.9rem}.lcd{--crt-red: rgb(255, 0, 0);--crt-green: rgb(0, 255, 0);--crt-blue: rgb(0, 0, 255);background-color:#222223;text-shadow:0 0 .2em currentColor,1px 1px rgba(255,0,255,.5),-1px -1px rgba(0,255,255,.4);position:relative}.lcd:before,.lcd:after{content:"";transform:translateZ(0);pointer-events:none;opacity:.5;mix-blend-mode:overlay;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1}.lcd:before{background:repeating-linear-gradient(var(--crt-red) 0px,var(--crt-green) 2px,var(--crt-blue) 4px)}.lcd:after{background:repeating-linear-gradient(90deg,var(--crt-red) 1px,var(--crt-green) 2px,var(--crt-blue) 3px)}.tree{border-right:1pt solid rgba(255,255,255,.3);padding:1rem}.folder{font-weight:600;cursor:pointer;margin-bottom:.3rem}.files{padding-left:1rem}.file{padding:.3rem 0;cursor:pointer;color:var(--muted)}.file:hover,.file.active{color:var(--primary)}.details{padding:2rem;text-align:justify;overflow:hidden auto}.placeholder{color:var(--muted)}.details-content img{max-width:100%;margin-top:1rem;border-radius:6px}.details-content a{display:inline-block;color:var(--accent);text-decoration:underline!important;padding:0}.details-content a:hover{color:#000!important;background:var(--accent)!important}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.image-grid img{width:100%;height:160px;object-fit:cover;border-radius:6px}.software-explorer-color-picker{position:absolute;bottom:20px;right:20px;display:flex;gap:10px}.software-explorer-color-picker button{cursor:pointer;width:20px;height:20px;border-radius:2px}.software-section-title.explorer-title{border:1px solid white;margin:0;padding:.5rem 30px;border-left:0;border-bottom:0}.carousel-container{display:flex;align-items:center;height:calc(100vh - var(--header-height) - 4.7rem);width:100%}.carousel{width:100%;height:400px}.track{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:1rem;height:100%;position:relative;z-index:1}.track::-webkit-scrollbar{display:none}.track{scrollbar-width:none}.card{margin-top:20px;--padding: 2rem;scroll-snap-align:start;-webkit-backdrop-filter:blur(5px) brightness(200%);backdrop-filter:blur(5px) brightness(200%);border:1pt solid rgba(255,255,255,.15);padding:30px var(--padding) var(--padding);position:relative;display:flex;align-items:center;z-index:1;font-size:1.1rem}.card-title{font-size:1.7rem;top:calc(var(--padding) * -1);left:0;font-family:JetBrains Mono,monospace;position:absolute;text-transform:lowercase}.card-title:after{content:"_";font-size:1.7rem;font-family:JetBrains Mono,monospace;color:var(--accent)}.card-step-counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(400px * 1.1);margin:0;line-height:1;padding:0;font-family:JetBrains Mono,monospace;z-index:-1;opacity:.2;font-weight:600}.card:before{content:"";--size: 5rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--size);height:var(--size);border-radius:50%;border:none;background:none;z-index:20;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20enable-background='new%200%200%2024%2024'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23FFFFFF'%3e%3cg%3e%3crect%20fill='none'%20height='24'%20width='24'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpolygon%20points='6.41,6%205,7.41%209.58,12%205,16.59%206.41,18%2012.41,12'/%3e%3cpolygon%20points='13,6%2011.59,7.41%2016.17,12%2011.59,16.59%2013,18%2019,12'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:cover;left:0}.card:first-of-type:before{display:none}.scroll-button{--size: 4rem;top:50%;transform:translateY(-50%);position:absolute;width:var(--size);height:var(--size);border-radius:50%;border:none;background:#ffffff0d;border:1pt solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(5px) brightness(200%);backdrop-filter:blur(5px) brightness(200%);align-items:center;justify-content:center;z-index:+1}.scroll-button img{width:var(--size);height:var(--size);aspect-ratio:1}.carousel-dots{position:absolute;left:50%;transform:translate(-50%);gap:10px}.carousel-dots .dot{--size: 15px;width:var(--size);height:var(--size);aspect-ratio:1;border-radius:50%;border:0;padding:0;background-color:var(--text);opacity:.7;transition:all ease-in-out .3s}.carousel-dots .dot.active{background-color:#fff;opacity:.9}.focus-viewer{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:50% 50%;gap:12px;transition:all ease-in-out .5s;-webkit-user-select:none;user-select:none}.panel-0{grid-area:1 / 1 / 2 / 3}.panel-1{grid-area:1 / 3 / 2 / 4}.panel-2{grid-area:2 / 1 / 3 / 2}.panel-3{grid-area:2 / 2 / 3 / 4}.focus-viewer.panel-0-active{grid-template-columns:60% 20% 20%;grid-template-rows:80% 20%}.focus-viewer.panel-0-active .panel-1 text{transform:rotate(-90deg) scale(1.5)}.focus-viewer.panel-1-active{grid-template-columns:10% 10% 80%;grid-template-rows:80% 20%}.focus-viewer.panel-1-active .panel-0 text{transform:rotate(-90deg) scale(2)}.focus-viewer.panel-1-active .panel-2 text{transform:rotate(-90deg) scale(1.5)}.focus-viewer.panel-2-active{grid-template-columns:80% 10% 10%;grid-template-rows:20% 80%}.focus-viewer.panel-2-active .panel-1 text{transform:rotate(-90deg) scale(2)}.focus-viewer.panel-2-active .panel-3 text{transform:rotate(-90deg) scale(2)}.focus-viewer.panel-3-active{grid-template-columns:10% 20% 60%;grid-template-rows:20% 80%}.focus-viewer.panel-3-active .panel-2 text{transform:rotate(-90deg) scale(2)}.panel{min-width:0;min-height:0;overflow:hidden;position:relative;color:var(--text);border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:5%;-webkit-backdrop-filter:blur(5px) brightness(200%);backdrop-filter:blur(5px) brightness(200%);border:1pt solid rgba(255,255,255,.15);transition:transform ease-in-out .1s}.panel-title-svg{position:absolute;text-transform:uppercase;font-weight:700}.panel-title-svg text{fill:var(--text);transform-origin:50% 50%;transition:all ease-in-out .2s;opacity:.9}.panel:not(.active):hover{transform:scale(1.02)}.panel:hover text{opacity:.3}.panel.active .panel-title-svg text{opacity:1;fill:var(--accent);transform:translateY(-300%)}.panel-list{text-align:right;font-size:1.5rem;line-height:1;font-weight:700;text-wrap:nowrap;color:var(--text);text-transform:uppercase;width:100%}#contact{height:calc(100vh - var(--footer-overlap))!important}.software-contact{width:100%;padding:2rem;-webkit-backdrop-filter:blur(5px) brightness(200%);backdrop-filter:blur(5px) brightness(200%);border:1pt solid rgba(255,255,255,.15)}.software-contact-title{font-size:2rem}.software-contact-text{font-size:1.5rem;font-weight:700}.software-contact-text span{color:var(--accent)}.software-contact-link{display:inline-block;margin:1rem .5rem 0 0;padding:.5rem 1rem;border:1pt solid var(--text);color:var(--text);text-decoration:none;font-weight:700;transition:.3s}.mechatronics-page{min-height:100vh;display:grid;place-items:center;padding:3rem 1.5rem;background:#0d1110;color:#fff}.smarthome-page{min-height:100vh;display:grid;place-items:center;padding:3rem 1.5rem;background:#0d1110;color:#fff}.placeholder-content{width:min(100%,720px);display:grid;justify-items:center;gap:1.5rem;text-align:center}.placeholder-content h1{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.placeholder-image{width:min(100%,460px);height:auto;object-fit:contain}