@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf);font-weight:400}@font-face{font-family:Poppins Light;src:url(/assets/Poppins-Light-DT6-CsId.ttf);font-weight:400}@font-face{font-family:Poppins Medium;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf);font-weight:400}@font-face{font-family:Poppins Bold;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf);font-weight:400}:root{--text-primary: #fff;--text-secondary: rgb(130, 130, 130);--text-inverse: #000;--background-primary: rgb(16, 16, 16);--background-secondary: rgb(20, 20, 20);--background-tertiary: rgb(30, 30, 30);--background-inverse: rgb(255, 255, 255);--background-nav: rgba(16, 16, 16, .9);--color-primary: rgb(0, 110, 255);--color-secondary: rgb(41, 134, 255);--shadow-element: rgb(16, 16, 16, 1);--border-primary: rgb(38, 38, 38)}body,html{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:var(--background-primary);color:var(--text-primary);overflow-x:hidden}body{overflow-y:auto!important;overflow-x:hidden}h1,p{margin:0;padding:0}h1{font-family:Poppins Bold;font-weight:400}button{outline:none;font-family:Poppins Medium;background-color:var(--color-primary);color:#fff;font-size:14px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}button:hover{background-color:var(--color-secondary)}.surface-glass{border:1px solid var(--border-primary);background-color:var(--background-secondary)}.surface-glass-secondary{position:relative}.surface-glass-secondary:before{content:"";background:linear-gradient(var(--gradient-angle, -140deg),var(--glass-gradient-1-secondary) 0%,var(--glass-gradient-2-secondary) 80%);position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;transition:background .3s ease-in-out}.surface-glass-secondary:after{content:"";background-color:var(--background-glass-secondary);position:absolute;left:0;top:0;right:0;bottom:0;margin:1px;border-radius:inherit}.gradient-1{background:linear-gradient(45deg,#a908ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0px 0px 20px rgba(169,8,255,.3)}.gradient-2{background:linear-gradient(45deg,#0f9,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0px 0px 20px rgba(0,255,153,.3)}.gradient-3{background:linear-gradient(45deg,#ff3c00,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0px 0px 20px rgba(255,60,0,.3)}.gradient-4{background:linear-gradient(45deg,#006eff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0px 0px 20px rgba(0,110,255,.3)}.animate{opacity:0!important;transform:translateY(50px)!important;transition:all .7s ease-in-out}.animated{opacity:1!important;transform:translateY(0)!important}.container{width:100%;max-width:1400px;margin:0 auto;position:relative}.container-content{width:100%;max-width:1200px;margin:0 auto;position:relative}.navbar-container{width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--background-nav);padding:14px 0;position:fixed;top:0;left:0;z-index:5;border-bottom:1px solid var(--border-primary)}.navbar-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center}.navbar-logo img{height:24px}.navbar-links{display:flex;align-items:center;gap:30px}.navbar-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;position:relative;transition:color .3s ease-in-out;cursor:pointer}.navbar-links a:hover{color:var(--text-primary)}.navbar-group{display:flex;align-items:center;gap:0px}.navbar-subgroup{padding:0 20px;position:relative}.navbar-subgroup:not(:last-of-type):after{content:"";width:1px;height:25px;background-color:var(--border-primary);position:absolute;right:0;top:50%;transform:translateY(-50%)}.navbar-subgroup:last-of-type{padding-right:0}.navbar-language button{background-color:transparent;padding:0;margin:0;color:var(--text-secondary);font-size:14px;transition:all .3s}.navbar-language button:hover{color:var(--text-primary)}.navbar-social{display:flex;align-items:center;gap:20px}.navbar-social a{color:var(--text-secondary);text-decoration:none;font-size:20px;transition:all .3s}.navbar-social a:hover{color:var(--text-primary)}.back-to-top{position:fixed;bottom:20px;right:-50px;width:50px;height:50px;background-color:var(--background-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.back-to-top button{width:100%;height:100%;background-color:transparent;color:var(--text-primary);border:none;cursor:pointer}.btt-active{right:20px}.grid-background{display:grid;width:100vw;height:100vh;position:absolute;top:0;left:0}.grid-cell{border-right:1px solid rgb(29,29,29);border-bottom:1px solid rgb(29,29,29)}.showcase-container{width:100%;position:relative}.showcase-shadow{position:absolute;bottom:-10;left:-10px;right:0;width:110%;height:60px;background-color:var(--shadow-element);box-shadow:0 -40px 10px var(--shadow-element)}.showcase-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;width:100%;min-height:100vh;position:relative}.showcase-phrase h1{font-size:70px;text-align:center}.showcase-sub{width:50%;margin:0 auto;text-align:center;color:var(--text-secondary)}@keyframes arrowPointer{0%{transform:translate(-50%) translateY(0)}10%{transform:translate(-50%) translateY(8px)}20%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(0)}}.showcase-scroll{position:absolute;left:50%;bottom:60px;transform:translate(-50%);color:var(--text-secondary);animation:arrowPointer 3s ease-in-out infinite;z-index:3}.section-background-parabole{position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:100%;background-color:var(--background-secondary);border-top-right-radius:50%;border-top-left-radius:50%}.page-sections{display:flex;flex-direction:column}section{position:relative;padding-top:200px}section:last-of-type{padding-bottom:200px}.header-pill{width:fit-content;font-size:14px;padding:8px 20px;border-radius:20px;overflow:hidden;position:relative}.header-pill p{position:relative;z-index:2}.header-title{font-size:30px}.header-tagline{color:var(--text-secondary);width:60%}.about-section-header,.projects-section-header,.services-section-header,.contact-section-header{flex-direction:column;gap:20px;text-align:center;display:flex;align-items:center;justify-content:center}.about-section-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;margin-top:60px}.about-section-boxes .box-item{border-radius:12px;padding:30px;background-color:var(--background-secondary);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:40px;overflow:hidden;position:relative}.about-section-boxes .box-item .box-art{width:100%;height:180px}.about-section-boxes .box-item .box-text{width:320px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;text-align:center;flex-direction:column;gap:10px}.about-section-boxes [data-box="1"] .box-text{align-items:flex-start;text-align:left}.about-section-boxes .box-item .box-text .text-title{font-size:20px;color:var(--text-primary);font-family:Poppins Medium}.about-section-boxes .box-item .box-text .text-description{color:var(--text-secondary);font-size:16px}[data-box="1"]{grid-column:span 2}[data-box="2"],[data-box="3"]{grid-column:span 4}[data-box="4"]{grid-column:span 2}.art-space{width:100%;height:100%;position:relative}[data-box="1"] .browser-window{width:calc(100% + 30px);height:100%;background-color:var(--background-tertiary);border-top-left-radius:10px;border-bottom-left-radius:10px;position:absolute;right:-30px;border:1px solid var(--background-tertiary);border-right:0px;box-shadow:0 0 #0f93;z-index:1;transition:all .5s;transition-delay:.3s}[data-box="1"] .browser-window .browser-controls{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px}[data-box="1"] .browser-window .browser-controls .browser-control{width:10px;height:10px;background-color:#323232;border-radius:50%}[data-box="1"] .browser-window .browser-url-bar{width:calc(100% - 20px);height:20px;background-color:#323232;position:absolute;top:45px;left:20px;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:8px;display:flex;align-items:center;padding-left:5px;box-sizing:border-box}[data-box="1"] .browser-window .browser-text{position:absolute;bottom:20px;left:20px;font-size:20px;color:#0f9;transform:translateY(10px);opacity:0;transition:all .5s;transition-delay:.5s}[data-box="1"] .connecting-line{width:1px;height:0px;background-color:#0f9;box-shadow:0 0 16px #0f9;position:absolute;bottom:0;right:40px;transition:all .3s}[data-box="1"].active .browser-window{box-shadow:0 0 16px #0f93;border-color:#0f9}[data-box="1"].active .browser-window .browser-text{transform:translateY(0);opacity:1}[data-box="1"].active .connecting-line{height:158px}[data-box="2"] .security-shield{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}[data-box="2"] svg path{stroke:#323232;fill:#32323200;stroke-width:2px;transition:all .5s;transition-delay:1s}[data-box="2"] .connecting-line{width:0px;height:1px;background-color:#ff3c00;box-shadow:0 0 16px #ff3c00;position:absolute;transition:all .3s}[data-box="2"] .connecting-line-off{height:1px;background-color:#323232;position:absolute;transition:all .3s}[data-box="2"] .connecting-line-off:nth-of-type(2){top:45%;width:48.2%}[data-box="2"] .connecting-line-off:nth-of-type(3){top:50%;width:48.8%}[data-box="2"] .connecting-line-off:nth-of-type(4){top:55%;width:49.2%}[data-box="2"] .connecting-line-off:nth-of-type(5){top:45%;width:48.2%}[data-box="2"] .connecting-line-off:nth-of-type(6){top:50%;width:48.8%}[data-box="2"] .connecting-line-off:nth-of-type(7){top:55%;width:49.2%}[data-box="2"] .connecting-line:nth-of-type(8){top:45%}[data-box="2"] .connecting-line:nth-of-type(9){top:50%;transition-delay:.6s}[data-box="2"] .connecting-line:nth-of-type(10){top:55%;transition-delay:.3s}[data-box="2"] .connecting-line:nth-of-type(11){top:45%;transition-delay:.45s}[data-box="2"] .connecting-line:nth-of-type(12){top:50%;transition-delay:.15s}[data-box="2"] .connecting-line:nth-of-type(13){top:55%;transition-delay:.75s}[data-box="2"] .line-left{left:-30px}[data-box="2"] .line-right{right:-30px}[data-box="2"] .object-blur{position:absolute;top:-50px;left:50%;width:500px;height:150px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:#32323280;transform:translate(-50%);filter:blur(100px);transition:all .5s;transition-delay:1s}[data-box="2"].active svg path{stroke:#ff3c00;box-shadow:0 0 16px #ff3c00}[data-box="2"].active .connecting-line:nth-of-type(8),[data-box="2"].active .connecting-line:nth-of-type(11){width:48.2%}[data-box="2"].active .connecting-line:nth-of-type(9),[data-box="2"].active .connecting-line:nth-of-type(12){width:48.8%}[data-box="2"].active .connecting-line:nth-of-type(10),[data-box="2"].active .connecting-line:nth-of-type(13){width:49.2%}[data-box="2"].active .object-blur{background-color:#ff3c004d}[data-box="3"] .tech-grid{position:absolute;top:-30px;left:50%;transform:translate(-50%);height:120px;width:100%;z-index:0;pointer-events:none;text-align:center;z-index:1}[data-box="3"] .tech-individual-lines{position:absolute;top:-30px;left:50%;transform:translate(-50%);height:120px;width:100%;z-index:0;pointer-events:none;text-align:center;z-index:2}[data-box="3"] .technology-boxes{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:1;top:40px}[data-box="3"] .technology-boxes .tech-box{width:80px;height:80px;border:1px solid var(--border-primary);background-color:var(--background-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;filter:grayscale(100%);transition:all .5s}[data-box="3"] .technology-boxes .tech-box:nth-of-type(3){transition-delay:1s}[data-box="3"] .technology-boxes .tech-box:nth-of-type(2){transition-delay:1.2s}[data-box="3"] .technology-boxes .tech-box:nth-of-type(4){transition-delay:1.2s}[data-box="3"] .technology-boxes .tech-box:nth-of-type(1){transition-delay:1.4s}[data-box="3"] .technology-boxes .tech-box:nth-of-type(5){transition-delay:1.4s}[data-box="3"] .object-blur{position:absolute;top:-50px;left:50%;width:500px;height:150px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:#32323280;transform:translate(-50%);filter:blur(100px);transition:all .5s;transition-delay:1s}[data-box="3"] .tech-individual-lines svg path{stroke-dasharray:230;stroke-dashoffset:230;transition:all 1s}[data-box="3"].active .tech-individual-lines svg path{stroke-dashoffset:0;stroke:#006eff}[data-box="3"].active .object-blur{background-color:#006eff33}[data-box="3"].active .technology-boxes .tech-box{filter:grayscale(0%);border-color:#006eff;box-shadow:0 0 16px #006eff33}[data-box="4"] .collab-art{position:relative;z-index:2}[data-box="4"] .collab-art svg path{filter:drop-shadow(0px 0px 4px rgba(50,50,50,.5));transform:translate(15.8px) translateY(-1px);transition:all .5s}[data-box="4"] .connections-off .connection-line-off{width:1px;height:100px;background-color:#323232;position:absolute;z-index:1}[data-box="4"] .connections-on .connection-line-on{width:1px;height:0px;background-color:#ffe100;position:absolute;transform-origin:top left;z-index:1;transition:all .3s}[data-box="4"] .connections-on .connection-line-on:nth-of-type(1){transform-origin:top}[data-box="4"] .connections-on .connection-line-on:nth-of-type(2){transform-origin:top left;transition-delay:.6s}[data-box="4"] .connections-on .connection-line-on:nth-of-type(4){transform-origin:top left;transition-delay:.8s}[data-box="4"] .connections-on .connection-line-on:nth-of-type(3){transform-origin:bottom left;transition-delay:.2s}[data-box="4"] .connections-on .connection-line-on:nth-of-type(5){transform-origin:bottom left;transition-delay:.4s}[data-box="4"].active .collab-art svg path{fill:#fff5a9;stroke:#ffe100;stroke-width:.4;filter:drop-shadow(0px 0px 2px rgb(255,225,0));transition-delay:1.2s}[data-box="4"].active .connections-on .connection-line-on:nth-of-type(1){height:57px}[data-box="4"].active .connections-on .connection-line-on:nth-of-type(2){height:150px}[data-box="4"].active .connections-on .connection-line-on:nth-of-type(3){height:150px}[data-box="4"].active .connections-on .connection-line-on:nth-of-type(4){height:150px}[data-box="4"].active .connections-on .connection-line-on:nth-of-type(5){height:150px}.services-section-content{margin-top:60px}.services-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-box{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:30px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:40px}.service-box .service-art{height:200px;position:relative}.service-text{text-align:center;display:flex;flex-direction:column;gap:10px}.service-text .service-title p{font-size:20px;color:var(--text-primary);font-family:Poppins Medium}.service-text .service-description p{color:var(--text-secondary);font-size:16px}.service-art .object-blur{position:absolute;top:-50px;left:50%;width:300px;height:50px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:#32323280;transform:translate(-50%);filter:blur(50px);transition:all .5s;transition-delay:1s}[data-service-box="1"] .window-drawing{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:space-between;align-items:stretch;gap:80px}[data-service-box="1"] .browser-window{flex-grow:1;flex:1;background-color:var(--background-tertiary);border-top-left-radius:8px;border-bottom-left-radius:8px;position:relative;left:30px}[data-service-box="1"] .browser-window .browser-controls{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px;z-index:2}[data-service-box="1"] .browser-window .browser-controls .control-button{width:10px;height:10px;background-color:#323232;border-radius:50%}[data-service-box="1"] .browser-window .browser-url-bar{width:calc(100% - 20px);height:20px;background-color:#323232;position:absolute;top:45px;left:20px;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:8px;display:flex;align-items:center;padding-left:5px}[data-service-box="1"] .browser-window .browser-dev-progress{position:absolute;top:75px;left:20px;font-size:12px;font-family:Consolas;transform:translateY(0);opacity:1;transition:all .5s;transition-delay:1.5s}[data-service-box="1"] .browser-window .browser-welcome-page{position:absolute;top:75px;left:20px;font-size:12px;transform:translateY(10px);opacity:0;transition:all .5s;transition-delay:2s}[data-service-box="1"] .browser-window .browser-placeholder-lines{width:80%;position:absolute;top:100px;left:20px;display:flex;flex-direction:column;gap:10px}[data-service-box="1"] .browser-window .browser-placeholder-lines .placeholder-line{height:10px;background-color:#323232;border-radius:10px;opacity:0;transition:all .5s}[data-service-box="1"] .browser-window .browser-placeholder-lines .placeholder-line:nth-of-type(1){width:80%;transition-delay:2.5s}[data-service-box="1"] .browser-window .browser-placeholder-lines .placeholder-line:nth-of-type(2){width:60%;transition-delay:2.7s}[data-service-box="1"] .browser-window .browser-placeholder-lines .placeholder-line:nth-of-type(3){width:40%;transition-delay:2.9s}[data-service-box="1"] .browser-window .browser-placeholder-lines .placeholder-line:nth-of-type(4){width:20%;transition-delay:3.1s}[data-service-box="1"] .language-boxes{display:flex;flex-direction:column;gap:10px}[data-service-box="1"] .language-boxes .language-box{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:30px;border-radius:6px;background-color:var(--background-secondary);border:1px solid var(--border-primary);position:relative;transition:all .5s}[data-service-box="1"] .language-boxes .language-box .connecting-line-off{height:1px;width:130px;position:absolute;top:50%;left:100%;background-color:#323232}[data-service-box="1"] .language-boxes .language-box .connecting-line-on{height:1px;width:0px;position:absolute;top:50%;left:100%;transition:all .5s ease;transition-delay:.5s}[data-service-box="1"].active .language-boxes .language-box:nth-of-type(1){border-color:#e34f26;color:#e34f26}[data-service-box="1"].active .language-boxes .language-box:nth-of-type(1) .connecting-line-on{width:130px;background-color:#e34f26;transition-delay:.2s}[data-service-box="1"].active .language-boxes .language-box:nth-of-type(2){border-color:#1572b6;color:#1572b6;transition-delay:.4s}[data-service-box="1"].active .language-boxes .language-box:nth-of-type(2) .connecting-line-on{width:130px;background-color:#1572b6;transition-delay:.6s}[data-service-box="1"].active .language-boxes .language-box:nth-of-type(3){border-color:#f7df1e;color:#f7df1e;transition-delay:.8s}[data-service-box="1"].active .language-boxes .language-box:nth-of-type(3) .connecting-line-on{width:130px;background-color:#f7df1e;transition-delay:1s}[data-service-box="1"].active .browser-dev-progress{transform:translateY(10px);opacity:0}[data-service-box="1"].active .browser-welcome-page{transform:translateY(0);opacity:1}[data-service-box="1"].active .browser-window .browser-placeholder-lines .placeholder-line{opacity:1}[data-service-box="2"] .app-windows{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}[data-service-box="2"] .app-windows .app-window{width:150px;height:200px;background-color:var(--background-tertiary);border-radius:8px;position:relative;transform-origin:center}[data-service-box="2"] .app-windows .app-window-wrapper{position:relative;transition:all 1s ease}[data-service-box="2"] .app-windows .app-window-wrapper:nth-of-type(2){transform:scale(.7);z-index:2;box-shadow:0 0 16px #32323233}[data-service-box="2"] .app-windows .app-window-wrapper:nth-of-type(1){left:100px;top:0;transform:scale(.5) rotate(-20deg)}[data-service-box="2"] .app-windows .app-window-wrapper:nth-of-type(3){right:100px;top:0;transform:scale(.5) rotate(20deg)}[data-service-box="2"] .app-window-header .browser-controls{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px;z-index:2}[data-service-box="2"] .app-window-header .browser-controls .control-button{width:6px;height:6px;background-color:#323232;border-radius:50%}[data-service-box="2"] .app-window-header .browser-url-bar{width:calc(100% - 40px);height:20px;background-color:#323232;position:absolute;top:40px;left:20px;border-radius:4px;font-size:8px;display:flex;align-items:center;padding-left:5px;box-sizing:border-box}[data-service-box="2"] .app-window-content{width:calc(100% - 40px);position:absolute;top:65px;left:20px}[data-service-box="2"] .app-window-content .content-header .header-title{font-size:10px;color:var(--text-primary);font-family:Poppins Medium;transform:translateY(10px);opacity:0;transition:all .5s}[data-service-box="2"] .app-window-content .dashboard-boxes{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:6px;font-size:8px;margin-top:6px}[data-service-box="2"] .app-window-content .dashboard-boxes .dashboard-item{width:100%;height:30px;background-color:#323232;border-radius:4px;opacity:0;transform:translateY(10px);transition:all .5s}[data-service-box="2"] .app-window-content .data-placeholders{margin-top:6px;display:flex;flex-direction:column;gap:6px}[data-service-box="2"] .app-window-content .data-placeholders .placeholder-line{width:0;height:6px;background-color:#323232;border-radius:8px;opacity:0;transition:all .5s}[data-service-box="2"].active .app-windows .app-window-wrapper:nth-of-type(2){transform:scale(.9)}[data-service-box="2"].active .app-windows .app-window-wrapper:nth-of-type(1){left:60px;transform:scale(.7) rotate(0)}[data-service-box="2"].active .app-windows .app-window-wrapper:nth-of-type(3){right:60px;transform:scale(.7) rotate(0)}[data-service-box="2"].active .app-window-content .content-header .header-title{transform:translateY(0);opacity:1}@keyframes animateFirst{0%{transform:translateY(10px);opacity:0}20%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1;box-shadow:0 0 #0f9;background-color:#323232}to{transform:translateY(0);opacity:1;box-shadow:0 0 4px #0f9;background-color:#0f9}}@keyframes animateSecond{0%{transform:translateY(10px);opacity:0}20%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1;box-shadow:0 0 #006eff;background-color:#323232}to{transform:translateY(0);opacity:1;box-shadow:0 0 4px #006eff;background-color:#006eff}}@keyframes animateThird{0%{transform:translateY(10px);opacity:0}20%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1;box-shadow:0 0 #a908ff;background-color:#323232}to{transform:translateY(0);opacity:1;box-shadow:0 0 4px #a908ff;background-color:#a908ff}}[data-service-box="2"].active .app-window-content .dashboard-boxes .dashboard-item:nth-of-type(1){box-shadow:0 0 #0f9;animation:animateFirst 3s ease forwards;animation-delay:.2s}[data-service-box="2"].active .app-window-content .dashboard-boxes .dashboard-item:nth-of-type(2){box-shadow:0 0 #006eff;animation:animateSecond 3s ease forwards;animation-delay:.4s}[data-service-box="2"].active .app-window-content .dashboard-boxes .dashboard-item:nth-of-type(3){box-shadow:0 0 #a908ff;animation:animateThird 3s ease forwards;animation-delay:.6s}[data-service-box="2"].active .app-window-content .content-dashboard .data-placeholders .placeholder-line:nth-of-type(1){width:80%;opacity:1;transition-delay:.8s}[data-service-box="2"].active .app-window-content .content-dashboard .data-placeholders .placeholder-line:nth-of-type(2){width:60%;opacity:1;transition-delay:1s}[data-service-box="2"].active .app-window-content .content-dashboard .data-placeholders .placeholder-line:nth-of-type(3){width:40%;opacity:1;transition-delay:1.2s}[data-service-box="2"].active .app-window-content .content-dashboard .data-placeholders .placeholder-line:nth-of-type(4){width:20%;opacity:1;transition-delay:1.4s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(1),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(1){width:80%;opacity:1;transition-delay:.5s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(2),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(2){width:60%;opacity:1;transition-delay:.7s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(3),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(3){width:40%;opacity:1;transition-delay:.9s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(4),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(4){width:20%;opacity:1;transition-delay:1.1s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(5),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(5){width:40%;opacity:1;transition-delay:1.3s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(6),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(6){width:60%;opacity:1;transition-delay:1.5s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(7),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(7){width:80%;opacity:1;transition-delay:1.7s}[data-service-box="2"].active .app-window-content .content-warehouse .data-placeholders .placeholder-line:nth-of-type(8),[data-service-box="2"].active .app-window-content .content-users .data-placeholders .placeholder-line:nth-of-type(8){width:40%;opacity:1;transition-delay:1.9s}[data-service-box="3"] .server-rack{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-70%);transition:all .5s ease}[data-service-box="3"] .server-rack img{filter:grayscale(100%);transition:all .5s}[data-service-box="3"] .server-connection-left{position:absolute;top:40%;left:50px}[data-service-box="3"] .server-connection-left .connection-line{transform:rotate(-50deg)}[data-service-box="3"].active .server-rack{transform:translate(-50%) translateY(-80%)}[data-service-box="3"].active .server-rack img{filter:grayscale(0%)}.faq-section-wrapper{display:flex;align-items:flex-start;gap:60px}.faq-section-header{width:50%;display:flex;flex-direction:column;gap:20px}.faq-section-questions{width:50%;display:flex;flex-direction:column;gap:10px}.faq-section-header .header-tagline{width:80%}.question-element{border-radius:12px;display:flex;flex-direction:column;background-color:var(--background-primary);transition:all .3s}.question-element .question-header{display:flex;align-items:center;gap:20px;cursor:pointer;padding:20px}.question-element .question-header p{font-size:20px;font-family:Poppins Medium}.question-text{overflow:hidden;padding:0 20px 0 57px;transition:all .3s;color:var(--text-secondary)}.question-icon{transform:rotate(0);transition:all .3s}.question-icon.rotate{transform:rotate(180deg)}.question-element:hover{background-color:var(--background-secondary)}.question-element.open{background-color:var(--background-secondary)!important}.contact-section-body{position:relative}.contact-options{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px}.contact-options span{font-size:14px;color:var(--text-secondary);text-align:center}.contact-box{width:300px;background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:6px;display:flex;align-items:center;gap:10px;padding:8px}.contact-box .contact-box-icon{width:30px;height:30px;border-radius:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.contact-box .contact-box-text a{font-size:16px;color:var(--text-primary);text-decoration:none}.footer-wrapper{width:100%;border-top:1px solid var(--border-primary)}.footer-container{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.footer-container .footer-logo img{width:40px}.footer-container .footer-copy{color:var(--text-secondary);font-size:14px}.footer-container .footer-social{display:flex;align-items:center;gap:10px}.footer-container .footer-social a{color:var(--text-primary);background-color:var(--background-secondary);width:30px;height:30px;font-size:14px;display:block;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.footer-container .footer-social a:hover{background-color:#006eff;color:#fff}@media (max-width: 1200px){.container-content,.navbar-wrapper{padding:0 20px;box-sizing:border-box}.about-section-boxes{grid-template-columns:repeat(4,1fr);max-width:800px;margin:60px auto 0}.services-wrapper{grid-template-columns:repeat(2,1fr);max-width:800px;margin:60px auto 0}[data-box="1"],[data-box="2"],[data-box="3"],[data-box="4"]{grid-column:span 2}[data-box="2"] .connecting-line-off:nth-of-type(2),[data-box="2"] .connecting-line-off:nth-of-type(5){width:46.5%}[data-box="2"].active .connecting-line:nth-of-type(8),[data-box="2"].active .connecting-line:nth-of-type(11){width:46.5%}[data-box="2"] .connecting-line-off:nth-of-type(3),[data-box="2"] .connecting-line-off:nth-of-type(6){width:47%}[data-box="2"].active .connecting-line:nth-of-type(9),[data-box="2"].active .connecting-line:nth-of-type(12){width:47%}[data-box="2"] .connecting-line-off:nth-of-type(4),[data-box="2"] .connecting-line-off:nth-of-type(7){width:48%}[data-box="2"].active .connecting-line:nth-of-type(10),[data-box="2"].active .connecting-line:nth-of-type(13){width:48%}[data-box="3"] .tech-grid,[data-box="3"] .tech-individual-lines{width:unset}[data-box="3"] .technology-boxes{width:150%;left:-25%}}@media (max-width: 768px){.container-content{padding:0 20px;box-sizing:border-box}.navbar-wrapper{padding:0 20px;width:100%;justify-content:center;box-sizing:border-box}.navbar-group:nth-of-type(2){display:none}h1{font-size:42px}.header-title{font-size:24px}.header-tagline{width:100%!important}.showcase-phrase h1{font-size:50px}.showcase-sub{width:80%!important}.about-section-boxes{grid-template-columns:repeat(2,1fr);gap:20px;max-width:380px;margin:60px auto 0}[data-box="1"],[data-box="2"],[data-box="3"],[data-box="4"]{grid-column:span 2}[data-box="2"] .connecting-line-off:nth-of-type(2),[data-box="2"] .connecting-line-off:nth-of-type(5){width:46.5%}[data-box="2"].active .connecting-line:nth-of-type(8),[data-box="2"].active .connecting-line:nth-of-type(11){width:46.5%}[data-box="2"] .connecting-line-off:nth-of-type(3),[data-box="2"] .connecting-line-off:nth-of-type(6){width:47%}[data-box="2"].active .connecting-line:nth-of-type(9),[data-box="2"].active .connecting-line:nth-of-type(12){width:47%}[data-box="2"] .connecting-line-off:nth-of-type(4),[data-box="2"] .connecting-line-off:nth-of-type(7){width:48%}[data-box="2"].active .connecting-line:nth-of-type(10),[data-box="2"].active .connecting-line:nth-of-type(13){width:48%}[data-box="3"] .tech-grid,[data-box="3"] .tech-individual-lines{width:unset}[data-box="3"] .technology-boxes{width:150%;left:-25%}.services-wrapper{grid-template-columns:1fr;max-width:380px;margin:0 auto}.contact-bg{display:none}.contact-section-body{height:200px}.faq-section-wrapper{flex-direction:column}.faq-section-header,.faq-section-questions{width:100%}.faq-section-header{text-align:center}section{padding-top:120px}section:last-of-type{padding-bottom:120px}.navbar-links{gap:20px}.navbar-subgroup{padding:0 10px}.navbar-logo img{height:20px}}@media (max-width: 480px){h1{font-size:32px}.header-title{font-size:20px}button{font-size:12px;padding:8px 12px}.showcase-sub,.header-tagline{width:100%;font-size:14px}.about-section-boxes{grid-template-columns:1fr;gap:16px}[data-box="1"],[data-box="2"],[data-box="3"],[data-box="4"]{grid-column:span 1}.about-section-boxes .box-item,.service-box{padding:20px}.service-text .service-title p{font-size:18px}.service-text .service-description p{font-size:14px}section{padding-top:80px}section:last-of-type{padding-bottom:80px}.footer-container{flex-direction:column;gap:10px;text-align:center}}