@font-face{font-family:milling;src:url(/ROKKA-Website-Dev/fonts/MILLING/MILLINGROKKA.otf);font-weight:400}@font-face{font-family:mono;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Mono/IBMPlexMono-Thin.ttf);font-weight:100;font-style:normal}@font-face{font-family:mono;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLight.ttf);font-weight:200;font-style:normal}@font-face{font-family:mono;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Mono/IBMPlexMono-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:mono;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:mono;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf);font-weight:500;font-style:normal}@font-face{font-family:mono;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf);font-weight:600;font-style:normal}@font-face{font-family:mono;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:sans;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Sans/IBMPlexSans-Thin.ttf);font-weight:100;font-style:normal}@font-face{font-family:sans;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Sans/IBMPlexSans-ExtraLight.ttf);font-weight:200;font-style:normal}@font-face{font-family:sans;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:sans;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Sans/IBMPlexSans-Text.ttf);font-weight:400;font-style:normal}@font-face{font-family:sans;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf);font-weight:500;font-style:normal}@font-face{font-family:sans;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf);font-weight:600;font-style:normal}@font-face{font-family:sans;src:url(/ROKKA-Website-Dev/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf);font-weight:700;font-style:normal}.button{position:relative;width:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;color:#000;font-family:sans;color:#fff;padding:10px 20px;border:none;border-radius:500px;font-weight:300;font-size:12pt;cursor:pointer;transition:all .3s ease}.button img{padding:0!important;margin:0!important;transition:all .3s ease}.button .button-icon{width:16px;height:16px;object-fit:contain}.primary-button{background:#000}.primary-button.outline{background:transparent!important;border:solid 1px #000;color:#000}.primary-button.outline:hover{background:#fff;color:#000}.secondary-button{background:#f7f5f5;color:#141cff}.secondary-button.outline{background:transparent!important;border:solid 1px #f7f5f5;color:#fff}.secondary-button.outline:hover{background:#fff!important;color:#141cff!important}@keyframes scroll-for-more-animation-sequance{0%{transform:rotate(90deg) translate(0)}50%{transform:rotate(90deg) translate(250%)}51%{transform:rotate(90deg) translate(-250%)}0%{transform:rotate(90deg) translate(0)}}a{text-decoration:none}.section{height:100vh;width:100vw;font-family:sans;color:#000}.sketch-container{position:fixed!important;height:100vh!important;width:100vw!important;z-index:0}.scroll-for-more{padding:20px 30px;font-family:sans;display:flex;flex-direction:row;align-items:center;gap:20px;border:solid 1px #000;border-radius:500px;overflow:hidden;background:#ffffff1a;backdrop-filter:blur(20px);border:solid 1px rgba(0,0,0,.1725490196)}.scroll-for-more img{transform:rotate(90deg);height:20px;width:auto;animation:scroll-for-more-animation-sequance;animation-duration:1s;animation-iteration-count:infinite}.dg.ac{z-index:9999999!important}.header{text-transform:uppercase;font-family:milling;font-size:45pt;line-height:1;font-weight:300;color:#000;text-align:left}.header.invert{color:#fff}.header.center-text{text-align:center}.header.adjust-single-line{line-height:.65;padding-top:20px}.menu-header{width:auto;font-family:sans;padding:10px;border-bottom:solid 1px rgba(0,0,0,.1725490196)}.body1{font-size:14pt;font-family:sans;font-weight:400;line-height:1.45;color:#000}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.video-overlay .video-content{position:relative;width:80%;max-width:800px;height:70%;max-height:450px;background:transparent;background:#ffffff1a;backdrop-filter:blur(20px);border:solid 1px rgba(0,0,0,.1725490196);padding:30px;display:flex;flex-direction:column}.video-overlay .video-content .close-button{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:#fff;cursor:pointer;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.35s ease}.video-overlay .video-content .close-button:hover{background:#ffffff1a}.video-overlay .video-content .video-wrapper{flex:1;overflow:hidden;margin-top:20px;background:transparent}@media screen and (max-width: 768px){.video-overlay .video-content{width:95%;height:60%;padding:20px}.video-overlay .video-content .close-button{top:10px;right:10px}.video-overlay .video-content .video-wrapper{margin-top:10px}}.loader-overlay{position:fixed;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;z-index:9999}.progress-bar-wrapper{position:relative;width:90%;height:2px;border-radius:500px;display:flex;background:#0000002c}.progress-bar-wrapper .progress-bar{position:absolute;width:100%;height:100%;border-radius:500px;transform-origin:left;background:#141cff;animation:progressBar 2s ease-in-out 1;transform:scale(1)}@keyframes progressBar{0%{transform:scaleX(0)}35%{transform:scaleX(.35)}45%{transform:scaleX(.35)}80%{transform:scaleX(.6754)}94%{transform:scaleX(.6754)}to{transform:scale(1)}}.loader-text{font-family:sans}.ROKKA-frame{position:relative;height:100%;width:100%;transition:.35s ease;display:flex;flex-direction:row}.ROKKA-frame .frame-side{display:flex;flex-direction:column}.ROKKA-frame .frame-side .corner-wrapper{height:30px;width:30px}.ROKKA-frame .frame-side .corner-wrapper .corner{height:100%;width:100%}.ROKKA-frame .frame-side .corner-wrapper .corner .fill{fill:#f7f5f5}.ROKKA-frame .frame-side .corner-wrapper .corner .border{stroke:#0000002c}.ROKKA-frame .frame-side .filler{flex:1;background:#f7f5f5;border-left:1px solid rgba(0,0,0,.1725490196);border-bottom:1px solid rgba(0,0,0,.1725490196);border-top:none}.ROKKA-frame .frame-side:last-child{transform:rotate(180deg)}.products-menu{position:absolute;top:80%;left:60%}.products-menu .content-container{position:relative;justify-content:flex-start;align-items:flex-start!important;padding:0!important}.products-menu .content-container .sub-menu-section{position:relative;height:100%;width:100%;display:flex;flex-direction:column;padding:0;border-left:solid 1px rgba(0,0,0,.1725490196);border-right:solid 1px rgba(0,0,0,.1725490196)}.products-menu .content-container .sub-menu-section .header{font-family:sans;white-space:nowrap;width:0px}.products-menu .content-container .sub-menu-section .menu-item{position:relative;width:100%;height:100%;font-family:sans;padding:20px;background:transparent;border-bottom:solid 1px rgba(0,0,0,.1725490196)}.products-menu .content-container .sub-menu-section .menu-item:last-child{border-bottom:none}.products-menu .content-container .sub-menu-section .menu-item:hover{background:#00000015}.products-menu .content-container .sub-menu-section .menu-item:hover.header{background:transparent}.products-menu .content-container .sub-menu-section:last-child{flex-direction:column}.products-menu .content-container .sub-menu-section:last-child .plugins-inner-wrapper{display:flex;flex-direction:column;gap:20px}.menu-container{position:relative}.menu-container.desktop{position:fixed;top:30px;left:30px;height:auto;width:auto;z-index:998}.menu-container.desktop .content-container{padding-top:20px;padding-bottom:20px;flex:1;display:flex;flex-direction:row;align-items:center;gap:45px;background:#f7f5f5;border-top:1px solid rgba(0,0,0,.1725490196);border-bottom:1px solid rgba(0,0,0,.1725490196)}.menu-container.desktop .content-container .logotype{height:45px;width:auto}.menu-container.desktop .content-container .menu-item{font-family:sans;font-weight:300;color:#000;white-space:nowrap;cursor:pointer}.menu-container.mobile{position:fixed;top:0;bottom:0;left:0;width:100%;height:80px;background:#f7f5f5;z-index:999}.menu-container.mobile .header-wrapper{position:relative;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px rgba(0,0,0,.1725490196);background:#f7f5f5;z-index:2}.menu-container.mobile .header-wrapper .logotype{height:45px;width:auto;margin-left:20px}.menu-container.mobile .header-wrapper .hamburger-icon-wrapper{width:30px;height:30px;margin-right:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.menu-container.mobile .header-wrapper .hamburger-icon-wrapper .hamburger-line{width:100%;height:3px;background:#000;transition:all .3s ease-in-out}.menu-container.mobile .header-wrapper .hamburger-icon-wrapper .hamburger-line:not(:last-child){margin-bottom:5px}.menu-container.mobile .menu-items-wrapper{position:absolute;top:79px;left:0;height:auto;width:100%;background:#f7f5f5;will-change:transform;transform:translateY(-100%);z-index:1;border-bottom:solid 1px rgba(0,0,0,.1725490196);border-top:solid 1px rgba(0,0,0,.1725490196)}.menu-container.mobile .menu-items-wrapper .mobile-menu-tabs{display:flex;flex-direction:row;font-family:sans;font-weight:300;color:#000;font-size:12pt;border-bottom:solid 1px rgba(0,0,0,.1725490196)}.menu-container.mobile .menu-items-wrapper .mobile-menu-tabs .menu-tab{flex:1;padding:20px;cursor:pointer;transition:.35s ease}.menu-container.mobile .menu-items-wrapper .mobile-menu-tabs .menu-tab:not(:last-child){border-right:solid 1px rgba(0,0,0,.1725490196)}.menu-container.mobile .menu-items-wrapper .mobile-menu-tabs .menu-tab:hover{background:#0000002c}.menu-container.mobile .menu-items-wrapper .mobile-menu-tabs .menu-tab.active{background:#0000002c;font-weight:400}.menu-container.mobile .menu-items-wrapper .products-section{display:flex;flex-direction:column;font-family:sans;font-weight:300;color:#000;padding:20px;gap:20px}.menu-container.mobile .menu-items-wrapper .products-section .core-tech-section{flex:3}.menu-container.mobile .menu-items-wrapper .products-section .plugins-section{flex:7;display:flex;flex-direction:column}.menu-container.mobile .menu-items-wrapper .products-section .plugins-section .inner-wrapper{display:flex;flex-direction:row;gap:20px}.menu-container.mobile .menu-items-wrapper .products-section .header{font-weight:400;font-family:sans;text-transform:capitalize;border-bottom:solid 1px rgba(0,0,0,.1725490196);padding-bottom:10px;white-space:nowrap}.menu-container.mobile .menu-items-wrapper .products-section .header.no-hover:hover{background:transparent}.menu-container.mobile .menu-items-wrapper .products-section .menu-item{padding:10px;font-size:12pt;transition:.35s ease}.menu-container.mobile .menu-items-wrapper .products-section .menu-item:hover{background:#0000002c}.footer{position:relative;height:100vh;width:100vw;background:#141cff;display:flex;flex-direction:column;z-index:999}.footer .main-section{position:relative;flex:1;display:flex;flex-direction:row;z-index:2}.footer .main-section .info-section{position:relative;width:330px;padding:30px;border-right:solid 1px #fff;display:flex;flex-direction:column;justify-content:space-between}.footer .main-section .info-section .logotype-wrapper{position:relative}.footer .main-section .info-section .logotype-wrapper img{margin-bottom:20px}.footer .main-section .info-section .info-wrapper{position:relative;font-family:sans;font-weight:300;display:flex;flex-direction:column;gap:20px}.footer .main-section .info-section .info-wrapper .info{color:#fff}.footer .main-section .footer-navigation-section{padding:20px;position:relative;flex:1;display:flex;flex-direction:row;font-family:sans;font-weight:300;gap:30px}.footer .main-section .footer-navigation-section .section-header{color:#fff;padding:30px;border-bottom:solid 1px #fff}.footer .main-section .footer-navigation-section .navigation-section{justify-self:stretch;display:flex;height:50%;flex-direction:column}.footer .main-section .footer-navigation-section .h-wrapper{flex:1;display:flex;flex-direction:row;gap:30px;height:100%}.footer .main-section .footer-navigation-section #products-section{position:relative;width:100%;flex:8}.footer .main-section .footer-navigation-section #products-section .wrapper{position:relative;height:100%;width:100%;gap:30px;display:flex;flex-direction:row}.footer .main-section .footer-navigation-section #products-section .wrapper #core-tech-section{flex:3;position:relative;height:100%;display:flex;flex-direction:column;white-space:nowrap}.footer .main-section .footer-navigation-section #products-section .wrapper #core-tech-section a{height:100%}.footer .main-section .footer-navigation-section #products-section .wrapper #plugins-section{flex:6;gap:30px;display:flex;flex-direction:column}.footer .main-section .footer-navigation-section #products-section .wrapper #plugins-section .wrapper{gap:30px;display:flex;flex-direction:column;height:100%}.footer .main-section .footer-navigation-section #products-section .wrapper #plugins-section .wrapper .wrapper{gap:0px;display:flex;flex-direction:column;flex:1}.footer .main-section .footer-navigation-section #by-need-section{flex:2}.footer .bottom-section{height:80px;display:flex;flex-direction:row;align-items:center;border-top:solid 1px #fff;padding:30px;gap:30px;z-index:2}.footer .bottom-section .footer-item{color:#fff;font-family:sans}.footer .bottom-section .footer-item:after{content:"";height:5px;width:5px;background:#fff}.footer .footer-sketch{position:absolute!important;width:100%;height:100%;z-index:1}.footer a{text-decoration:none;color:#fff;height:100%}.nav-item{height:100%;width:100%;display:flex;align-items:flex-end;color:#fff;padding:30px;border-bottom:solid 1px #fff}@media screen and (max-width: 768px){.footer{height:auto;width:100%;flex-direction:column}.footer .main-section{flex-direction:column;width:100%}.footer .main-section .info-section{width:100%;border-right:none;border-bottom:solid 1px #fff;gap:30px}.footer .main-section .info-section .info-wrapper{justify-content:space-between;flex-direction:row}.footer .main-section .footer-navigation-section{width:100%;flex-direction:column;padding:30px}.footer .main-section .footer-navigation-section #products-section{width:100%;flex-direction:column}.footer .main-section .footer-navigation-section #products-section .wrapper{flex-direction:column}.footer .main-section .footer-navigation-section #products-section .wrapper #core-tech-section,.footer .main-section .footer-navigation-section #products-section .wrapper #plugins-section{width:100%}.footer .main-section .footer-navigation-section #products-section .wrapper #plugins-section .wrapper,.footer .main-section .footer-navigation-section #products-section .wrapper #plugins-section .wrapper .wrapper{flex-direction:column}.footer .bottom-section{flex-direction:column;align-items:center}}.features-container{position:relative;border-top:solid 1px rgba(0,0,0,.1254901961);z-index:3;background:transparent}.features-container .seeker-wrapper{position:relative;height:100vh;width:100%!important;max-width:none!important;background:#f7f5f5;display:flex;flex-direction:row;background:transparent}.features-container .seeker-wrapper .features-navigation{position:relative;min-width:330px;max-width:330px;border-right:solid 1px rgba(0,0,0,.1254901961);z-index:2;display:flex;flex-direction:column;background:#f7f5f5}.features-container .seeker-wrapper .features-navigation .feature-navigation-item{padding:30px;cursor:pointer;display:flex;align-items:center;gap:20px;border-bottom:solid 1px rgba(0,0,0,.1254901961);overflow:hidden}.features-container .seeker-wrapper .features-navigation .feature-navigation-item.active{flex-direction:column;align-items:flex-start!important;justify-content:flex-end}.features-container .seeker-wrapper .features-navigation .feature-navigation-item .title{font-family:milling;font-size:14pt;text-transform:uppercase;color:#000;font-weight:200;white-space:nowrap}.features-container .seeker-wrapper .features-navigation .feature-navigation-item .title.active{display:none}.features-container .seeker-wrapper .features-navigation .feature-navigation-item .scroll-for-more{color:#000;font-family:sans;font-size:12pt;font-weight:300;white-space:nowrap;padding:10px 20px;width:auto}.features-container .seeker-wrapper .features-navigation .feature-navigation-item .index{font-family:milling;font-size:14pt;text-transform:uppercase;color:#000;font-weight:200;line-height:.5}.features-container .seeker-wrapper .features-navigation .feature-navigation-item:hover{background:#0001}.features-container .seeker-wrapper .features-navigation .feature-navigation-item.active{align-items:flex-end;position:relative;flex:1;color:#f7f5f5}.features-container .seeker-wrapper .features-navigation .feature-navigation-item.active .index{font-size:200pt}.features-container .seeker-wrapper .features-navigation .feature-navigation-item.active:hover{cursor:default;background:transparent}.features-container .seeker-wrapper .feature-card{position:relative;width:100%;z-index:1}.features-container .seeker-wrapper .feature-card .feature-card-header{position:relative;height:50%;background:#f7f5f5;border-bottom:solid 1px rgba(0,0,0,.1254901961);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:30px;gap:20px}.features-container .seeker-wrapper .feature-card .feature-card-header .feature-title{font-family:milling;font-size:45pt;text-transform:uppercase;color:#000;font-weight:200}.features-container .seeker-wrapper .feature-card .feature-card-header .feature-description{font-family:sans;font-size:12pt;color:#000;font-weight:300;line-height:1.5;width:45ch}.features-container .seeker-wrapper .feature-card .by-need-section{position:relative;background:#f7f5f5;height:50%;width:100%;overflow:hidden}.features-container .seeker-wrapper .feature-card .by-need-section .by-need-title{position:relative;font-family:milling;font-size:21pt;text-transform:uppercase;line-height:.75;margin-top:10px;color:#000;font-weight:200;padding:20px;border-bottom:solid 1px rgba(0,0,0,.1725490196);overflow:hidden}.features-container .seeker-wrapper .feature-card .by-need-section .by-need-wrapper{position:relative;height:100%;display:flex;flex-direction:row;overflow:hidden;overflow-x:auto}.features-container .seeker-wrapper .feature-card .by-need-section .by-need-wrapper .by-need-item{position:relative;flex:0 0 auto;height:100%;background:#f7f5f5;box-shadow:0 0 1px #03071200,0 1px 4px #03071203,0 1px 9px #03071203,0 2px 15px #03071203,0 4px 24px #03071203,0 5px 34px #03071205,0 7px 47px #03071205,0 9px 61px #03071205,0 11px 77px #03071208,0 14px 95px #03071208;display:flex;flex-direction:column;padding:45px;justify-content:center;align-items:flex-start;color:#000;font-family:sans;font-size:12pt;font-weight:300;text-align:center;gap:20px}.features-container .seeker-wrapper .feature-card .by-need-section .by-need-wrapper .by-need-item .by-need-item-title{font-family:sans;font-size:18pt;color:#000;font-weight:200;margin-bottom:20px}.features-container .seeker-wrapper .feature-card .by-need-section .by-need-wrapper .by-need-item .by-need-item-description{height:100%;max-width:50ch;text-align:left;line-height:1.5}.features-container .seeker-wrapper .features-image{position:absolute;right:0;z-index:2;border-left:solid 1px rgba(0,0,0,.1254901961);max-width:600px!important;min-width:600px!important;width:600px!important;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f7f5f5;overflow:hidden}.features-container .seeker-wrapper .features-image .features-image-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:30px;background:#f7f5f5;border-bottom:solid 1px rgba(0,0,0,.1254901961);display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;gap:20px}.features-container .seeker-wrapper .features-image .features-image-header .features-image-title{font-family:sans;font-size:14pt;text-transform:capitalize;color:#000;margin:0;font-weight:400}.features-container .seeker-wrapper .features-image .features-image-header .features-image-icon{position:relative;display:flex;height:24px;width:24px}.features-container .seeker-wrapper .features-image img{position:relative;width:auto;height:100%;object-fit:cover}.features-container .seeker-wrapper .features-image img.image-portrait{width:auto;height:calc(100% - 60px);object-fit:contain}.features-container .seeker-wrapper .features-image img.image-landscape{width:calc(100% - 60px);height:auto;max-height:calc(100% - 60px);object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.image-square{width:auto;height:calc(100% - 60px);object-fit:contain}.features-container .seeker-wrapper .features-image img.image-default{width:auto;height:calc(100% - 60px);object-fit:cover}.features-container .seeker-wrapper .features-image img.data-manager-feature-1{width:auto;height:100%;object-fit:contain}.features-container .seeker-wrapper .features-image img.data-manager-feature-2{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.data-manager-feature-3{width:auto;height:100%;object-fit:contain}.features-container .seeker-wrapper .features-image img.data-manager-feature-4{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.monitoring-feature-1{width:auto;height:100%;object-fit:contain}.features-container .seeker-wrapper .features-image img.monitoring-feature-2{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.monitoring-feature-3{width:auto;height:100%;object-fit:contain}.features-container .seeker-wrapper .features-image img.monitoring-feature-4{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.pila-feature-1{width:auto;height:100%;object-fit:contain}.features-container .seeker-wrapper .features-image img.pila-feature-2{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.pila-feature-3{width:auto;height:100%;object-fit:contain}.features-container .seeker-wrapper .features-image img.pila-feature-4{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.plugins-feature-1{width:80%!important;height:auto;object-fit:contain}.features-container .seeker-wrapper .features-image img.plugins-feature-2{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.plugins-feature-3{width:80%!important;height:auto!important;object-fit:contain}.features-container .seeker-wrapper .features-image img.plugins-feature-4{width:80%!important;height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container .seeker-wrapper .features-image img.plugins-feature-5,.features-container .seeker-wrapper .features-image img.plugins-feature-6{width:auto;height:100%;object-fit:contain}.features-container .seeker-wrapper .features-image img.plugins-feature-7{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}@media screen and (max-width: 768px){.features-container.mobile{height:auto;min-height:100vh}.features-container.mobile .mobile-features-wrapper{position:relative;display:flex;flex-direction:column}.features-container.mobile .mobile-features-wrapper .mobile-features-header{position:sticky;top:0;z-index:100;background:#f7f5f5;border-bottom:solid 1px rgba(0,0,0,.1254901961)}.features-container.mobile .mobile-features-wrapper .mobile-features-header .features-image-header{padding:30px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;gap:20px}.features-container.mobile .mobile-features-wrapper .mobile-features-header .features-image-header .features-image-title{font-family:milling;font-size:14pt;text-transform:uppercase;color:#000;font-weight:200}.features-container.mobile .mobile-features-wrapper .mobile-features-header .features-image-header .features-image-icon{width:30px;height:30px;object-fit:contain}.features-container.mobile .mobile-features-wrapper .mobile-feature-item{display:flex;flex-direction:column}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card{width:100%}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .feature-card-header{height:auto;min-height:200px;padding:30px;border-bottom:solid 1px rgba(0,0,0,.1254901961);background:#f7f5f5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .feature-card-header .feature-index{font-family:milling;font-size:150pt;color:#000;font-weight:200;align-self:flex-start;line-height:.8;padding-top:20px}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .feature-card-header .feature-title{font-family:milling;font-size:45pt;text-transform:uppercase;color:#000;font-weight:200}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .feature-card-header .feature-description{font-family:sans;font-size:12pt;color:#000;font-weight:300;line-height:1.5}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .by-need-section{height:auto;min-height:300px;width:100%;background:#f7f5f5;border-bottom:solid 1px rgba(0,0,0,.1254901961)}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .by-need-section .by-need-title{position:relative;font-family:milling;font-size:21pt;text-transform:uppercase;line-height:.75;margin-top:10px;color:#000;font-weight:200;padding:20px;border-bottom:solid 1px rgba(0,0,0,.1725490196);overflow:hidden}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .by-need-section .by-need-wrapper{padding:30px;display:flex;flex-direction:column;gap:20px}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .by-need-section .by-need-wrapper .by-need-item{position:relative;background:#f7f5f5;box-shadow:0 0 1px #03071200,0 1px 4px #03071203,0 1px 9px #03071203,0 2px 15px #03071203,0 4px 24px #03071203,0 5px 34px #03071205,0 7px 47px #03071205,0 9px 61px #03071205,0 11px 77px #03071208,0 14px 95px #03071208;display:flex;flex-direction:column;padding:45px;justify-content:center;align-items:flex-start;color:#000;font-family:sans;font-size:12pt;font-weight:300;gap:20px}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .by-need-section .by-need-wrapper .by-need-item .by-need-item-title{font-family:sans;font-size:18pt;color:#000;font-weight:200;margin-bottom:20px}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .feature-card .by-need-section .by-need-wrapper .by-need-item .by-need-item-description{max-width:100%;text-align:left;line-height:1.5;color:#000;font-family:sans;font-size:12pt;font-weight:300}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .features-image{position:relative;width:100%;height:400px;border-bottom:solid 1px rgba(0,0,0,.1254901961);background:#f7f5f5;display:flex;justify-content:center;align-items:center;overflow:hidden}.features-container.mobile .mobile-features-wrapper .mobile-feature-item .features-image img{max-width:100%;max-height:100%;object-fit:contain}}#root{background:#f7f5f5!important}#home-page-sketch{position:fixed!important;background:transparent!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important}#hero-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;z-index:2}#hero-section #header{text-transform:uppercase;font-family:milling;font-size:45pt;line-height:1;text-align:center}#hero-section #intro-paragraph{width:50ch;font-weight:300;font-size:12pt;text-align:center}.park-model-animation-spacer{height:200vh;width:100vw;position:relative;z-index:1}@media screen and (max-width: 768px){.hero-section{position:relative}.hero-section .hero-content{position:relative;padding:30px;width:100%;height:auto}.hero-section .hero-content .hero-title{width:80%}.hero-section .hero-content .hero-description{width:70%!important;font-size:12pt;font-weight:400;line-height:150%}.hero-section #header{width:75%;font-size:40pt}#hero-section{gap:20px}}#about-section{display:flex;flex-direction:column;align-items:center;justify-content:center}#about-section p{font-family:mono;font-size:12pt;font-weight:300;width:285px}#values-container{position:relative;display:flex;align-items:center;justify-content:center}#values-container #wrapper{position:relative;width:90%;background:#ffffff1a;backdrop-filter:blur(20px);border:solid 1px rgba(0,0,0,.1725490196);display:flex;flex-direction:column;overflow:hidden}#values-container #wrapper #header{padding:20px;display:flex;align-items:center;text-transform:uppercase;font-family:milling;font-size:45pt;line-height:1;border-bottom:solid 1px rgba(0,0,0,.1254901961)}#values-container #wrapper #header p{margin-top:20px}#values-container #wrapper #content{position:relative;flex:1;display:flex;flex-direction:row;justify-content:space-between}#values-container #wrapper #content #info{position:relative;width:300px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-right:solid 1px rgba(0,0,0,.1254901961);font-family:mono;font-size:10pt;overflow:hidden}#values-container #wrapper #content #info #index{font-family:milling;font-size:300pt;line-height:50%}#values-container #wrapper #content #main{position:relative;display:flex;flex-direction:row;flex:1;overflow:hidden}#values-container #wrapper #content #main .value-nav{padding:20px;display:flex;align-items:center;justify-content:center;border-right:solid 1px rgba(0,0,0,.1254901961);transition:.35s ease;cursor:pointer;z-index:2}#values-container #wrapper #content #main .value-nav:hover{background:#0000000e}#values-container #wrapper #content #main #value-nav-right{border:none;border-left:solid 1px rgba(0,0,0,.1254901961);border-right:solid 1px rgba(0,0,0,.1254901961)}#values-container #wrapper #content #main #main-wrapper{flex:1;width:100%;height:100%;overflow:hidden;z-index:1;padding:30px;gap:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;z-index:2}#values-container #wrapper #content #main #main-wrapper h3{text-transform:uppercase;font-family:milling;font-size:45pt;line-height:1;font-weight:300}#values-container #wrapper #content #main #main-wrapper p{font-size:12pt;font-weight:400;max-width:45ch;line-height:150%}#values-container #wrapper #content #image{position:relative;width:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}#values-container #wrapper #content #image .value-image-container{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center}#values-container #wrapper #content #image .value-image-container img{width:120%;height:auto;object-fit:cover;object-position:center}@media screen and (max-width: 1150px){#values-container #wrapper #content{display:grid!important;grid-template-rows:auto 1fr;grid-template-columns:2fr 1.2fr;row-gap:0;column-gap:0}#values-container #wrapper #content #info{grid-row:1;grid-column:1/span 2;width:100%;border-right:none;border-bottom:solid 1px rgba(0,0,0,.1254901961);display:flex;flex-direction:row;overflow:hidden}#values-container #wrapper #content #info p{width:30ch}#values-container #wrapper #content #info #index{margin-top:0;font-size:100pt;line-height:100%;height:90px}#values-container #wrapper #content #main{grid-row:2;grid-column:1;width:100%}#values-container #wrapper #content #image{grid-row:2;grid-column:2;width:100%;border-left:solid 1px rgba(0,0,0,.1254901961)}}@media screen and (max-width: 768px){#values-container{height:auto}#values-container #wrapper{height:auto;width:100%;padding:0;border-bottom:none}#values-container #wrapper #header{padding:30px;font-size:26pt;text-align:center}#values-container #wrapper #header h1{line-height:1!important}#values-container #wrapper #content{display:flex!important;flex-direction:column!important}#values-container #wrapper #content #info{width:100%;height:auto;border-right:none;border-bottom:solid 1px rgba(0,0,0,.1254901961);border-left:solid 1px rgba(0,0,0,.1254901961);border-right:solid 1px rgba(0,0,0,.1254901961);text-align:center;flex-direction:row;justify-content:space-between}#values-container #wrapper #content #info p{text-align:left;font-size:10pt;width:30ch}#values-container #wrapper #content #info #index{position:absolute;right:30px;margin-top:5%;font-size:100pt;line-height:60%}#values-container #wrapper #content #main{flex-direction:column}#values-container #wrapper #content #main .value-nav{width:100%;justify-content:center;border-bottom:solid 1px rgba(0,0,0,.1254901961)}#values-container #wrapper #content #main .value-nav:hover{background:#0000000e}#values-container #wrapper #content #main #value-nav-right{border:none;border-top:solid 1px rgba(0,0,0,.1254901961);border-bottom:solid 1px rgba(0,0,0,.1254901961)}#values-container #wrapper #content #main #main-wrapper,#values-container #wrapper #content #image{width:100%;height:auto}}#diagram-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:auto}#diagram-container .diagram-header-wrapper{width:50%;position:relative;z-index:3;background:#f7f5f5;border-top:solid 1px rgba(0,0,0,.1254901961);border-right:solid 1px rgba(0,0,0,.1254901961);padding:45px;display:flex;flex-direction:column;gap:45px}#diagram-container .diagram-header-wrapper .diagram-intro{width:90%;max-width:60ch;font-family:sans;font-size:12pt;font-weight:300;line-height:150%}#diagram-container #diagram-navigation{position:absolute;inset:0;margin:auto;width:100%;height:50px;display:flex;align-items:center;justify-content:center;z-index:2}#diagram-container #diagram-navigation .diagram-nav{padding:20px;display:flex;align-items:center;justify-content:center;border-right:solid 1px rgba(0,0,0,.1254901961);transition:.35s ease;background:transparent}#diagram-container #diagram-navigation .diagram-nav:hover{background:#0000000e}#diagram-container #diagram-navigation #diagram-nav-right{border:none;border-left:solid 1px rgba(0,0,0,.1254901961)}#diagram-container .diagram-cards-wrapper{padding:45px;gap:45px;position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:100%;height:auto;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;background:#f7f5f5;border-top:solid 1px rgba(0,0,0,.1254901961)}#diagram-container .diagram-cards-wrapper .diagram-card{position:relative;height:600px;min-height:600px;min-width:700px;display:flex;flex-direction:column;justify-content:space-between;background:#141cff;z-index:1;color:#fff;padding:45px;gap:30px;box-shadow:0 0 1px #03071200,0 1px 4px #03071203,0 1px 9px #03071203,0 2px 15px #03071203,0 4px 24px #03071203,0 5px 34px #03071205,0 7px 47px #03071205,0 9px 61px #03071205,0 11px 77px #03071208,0 14px 95px #03071208}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper{position:relative;display:flex;flex-direction:column;gap:20px;width:100%;z-index:2}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .title{text-transform:uppercase;font-family:milling;font-size:32pt}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .categories{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px 10px;width:105%;flex-wrap:wrap}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .categories .category{padding:10px 20px;border-radius:500px;border:solid 1px #fff;font-size:10pt;font-weight:300;transition:all .2s ease-in-out;cursor:pointer;background:transparent;color:#fff;font-family:sans;margin-right:8px}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .categories .category:hover{background:#fff;color:#141cff}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .categories .category.active{background:#fff;color:#141cff;font-weight:300}#diagram-container .diagram-cards-wrapper .diagram-card .description{position:relative;justify-self:flex-end;align-self:flex-end;max-height:200px;min-height:200px;width:100%;flex:0 0 auto;z-index:2}#diagram-container .diagram-cards-wrapper .diagram-card .description p{position:relative;font-weight:300;bottom:0;left:0;height:100%;line-height:150%;opacity:1;transition:opacity .4s}#diagram-container .diagram-cards-wrapper .diagram-card .card-sketch-container{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:0}#diagram-container .diagram-cards-wrapper .diagram-card.opportunities-card{background:#f7f5f5;color:#141cff!important}#diagram-container .diagram-cards-wrapper .diagram-card.opportunities-card .categories .category{border:solid 1px #141cff;color:#141cff}#diagram-container .diagram-cards-wrapper .diagram-card.opportunities-card .categories .category:hover{background:#fff;color:#141cff}#diagram-container .diagram-cards-wrapper .diagram-card.opportunities-card .categories .category.active{background:#141cff;color:#fff;font-weight:300}@media screen and (max-width: 768px){#diagram-container{height:auto}#diagram-container .diagram-header-wrapper{width:100%;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}#diagram-container .diagram-header-wrapper .diagram-intro{width:90%;max-width:60ch;text-align:center}#diagram-container .diagram-cards-wrapper{padding:20px;width:100%;height:auto;flex-direction:column;align-items:center;justify-content:center;gap:20px}#diagram-container .diagram-cards-wrapper .ref-wrapper{position:relative;width:100%;display:flex;flex-direction:column}#diagram-container .diagram-cards-wrapper .diagram-card{position:relative;width:100%;height:auto;min-width:0px;min-height:0px}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .title{font-size:32pt}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .categories{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}#diagram-container .diagram-cards-wrapper .diagram-card .header-wrapper .categories .category{text-align:center;margin-right:0}#diagram-container .diagram-cards-wrapper .diagram-card .description{max-height:none}}.about-container{position:fixed;margin:auto;inset:0;width:85%;height:85%;opacity:1;transform:translate(150%);transition:opacity .5s ease,transform .5s ease;z-index:9999999;background:#ffffff1a;backdrop-filter:blur(20px);border:solid 1px rgba(0,0,0,.1725490196);padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:45px;z-index:99}.about-container #about-sketch{position:absolute!important;bottom:0;right:0;width:100%!important;height:100%!important;z-index:-1}.about-container p{max-width:70ch}.about-close{opacity:1;transition:opacity .5s ease;height:30px;width:30px;position:absolute;top:30px;right:30px;z-index:99999999}.about-close:hover{opacity:.5}.about-close .close-line{position:absolute;width:100%;height:1.5px;background-color:#000;top:50%;left:0;transform:translateY(-50%) rotate(45deg)}.about-close .close-line:nth-child(2){transform:translateY(-50%) rotate(-45deg)}.hero-section .hero-content{background:red;position:absolute;height:auto;bottom:-1px;left:0;padding:45px;z-index:2;border-top:solid 1px rgba(0,0,0,.1254901961);border-right:solid 1px rgba(0,0,0,.1254901961);display:flex;flex-direction:column;gap:30px}.hero-section .hero-decoration{position:absolute;inset:0;margin:auto;width:100px;height:95%;z-index:99;display:flex;flex-direction:column;gap:20px;z-index:1!important}.features-image img.data-manager-feature-1{width:auto;height:100%;object-fit:contain}.features-image img.data-manager-feature-2{width:80%!important;transform:translate(-2.5%)!important;height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-image img.data-manager-feature-3{width:80%!important;height:auto;object-fit:contain}.features-image img.data-manager-feature-4{width:80%!important;transform:translate(-2.5%)!important;height:auto;max-height:100%;object-fit:contain;margin:0 30px}.hero-section{position:relative;z-index:2}.hero-section .hero-content{position:absolute;height:auto!important;bottom:-1px;left:0;padding:45px;z-index:2;border-top:solid 1px rgba(0,0,0,.1254901961);border-right:solid 1px rgba(0,0,0,.1254901961);display:flex;flex-direction:column;gap:30px}.hero-section .hero-content .hero-logo .logo{height:30px;width:30px}.features-image img.monitoring-feature-1{width:80%!important;transform:translate(-2.5%)!important;height:auto!important}.features-image img.monitoring-feature-2{width:auto!important;height:100%!important;max-height:100%;object-fit:contain;margin:0 30px}.features-image img.monitoring-feature-3{width:auto;height:100%;object-fit:contain}.features-image img.monitoring-feature-4{width:80%!important;transform:translate(-5%)!important;height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-container{position:relative;z-index:2;background:#f7f5f5}.footer,.hero-section{position:relative;z-index:2}.hero-section .hero-content{position:absolute;bottom:-1px;left:0;padding:45px;height:50vh;width:65vh;z-index:2;border-top:solid 1px rgba(0,0,0,.1254901961);border-right:solid 1px rgba(0,0,0,.1254901961);display:flex;flex-direction:column;gap:30px;background:#f7f5f5}.hero-section .hero-content .logo{height:30px;width:30px}.hero-section .hero-content .hero-logo{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:14pt;font-weight:400}.hero-section .hero-content .hero-title{font-family:milling;text-transform:uppercase;font-size:45pt}.hero-section .hero-content .hero-description{font-family:sans;font-size:12pt;width:45ch;font-weight:300;line-height:1.5}.hero-section .hero-content .hero-buttons{display:flex;flex-direction:row;gap:20px}.hero-section .hero-decoration{position:absolute;inset:0;margin:auto;width:100px;height:95%;z-index:99;display:flex;flex-direction:column;gap:20px}.hero-section .hero-decoration .tag{color:#fff;text-align:center}.hero-section .hero-decoration .line{position:relative;flex:1;width:1px;background:#fff;margin:auto}.hero-section .scroll-for-more{position:absolute!important;right:30px;bottom:30px}#data-manager-sketch{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1;background:#141cff}.features-image img.pila-feature-1{width:auto;height:100%;object-fit:contain}.features-image img.pila-feature-2{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.features-image img.pila-feature-3{width:80%!important;height:auto!important;object-fit:contain}.features-image img.pila-feature-4{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}.sketch-container{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1;background:#141cff}#plugins-hero-section{display:flex;align-items:center;justify-content:center}#plugins-hero-section .hero-content{position:relative;border:none;align-items:center;justify-content:center;gap:45px;background:transparent!important}#plugins-hero-section .hero-content .scroll-for-more{position:relative!important;bottom:0!important;left:0!important;right:0!important}#plugins-features .feature-card-header{height:100%!important;align-items:flex-start!important;justify-content:center!important}#plugins-features .features-image{border-left:none!important}#plugins-features .features-image .features-image-header{border-bottom:none!important;background:transparent!important}#plugins-features .features-image img.plugins-feature-1{width:auto;height:100%;object-fit:contain}#plugins-features .features-image img.plugins-feature-2{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}#plugins-features .features-image img.plugins-feature-3{width:auto;height:100%;object-fit:contain}#plugins-features .features-image img.plugins-feature-4{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}#plugins-features .features-image img.plugins-feature-5,#plugins-features .features-image img.plugins-feature-6{width:auto;height:100%;object-fit:contain}#plugins-features .features-image img.plugins-feature-7{width:calc(100% - 60px);height:auto;max-height:100%;object-fit:contain;margin:0 30px}#plugins-sketch{background:#f7f5f5!important}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}body{background:#f7f5f5}#root{position:absolute;top:0;left:0;width:100%;overflow-x:hidden}a:visited{color:#000}
