@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap";.mobile-menu-toggle{display:none}@media (width<=768px){body .container{width:100%;overflow-x:clip}body .container header{z-index:10;box-sizing:border-box;flex-wrap:wrap;gap:4px 12px;width:100%;padding:8px 16px 10px;top:0;left:0}body .container header .logo img{width:76px;height:auto}body .container header .mobile-menu-toggle{cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;order:4;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:inline-flex}body .container header .mobile-menu-toggle span{background-color:#fff;border-radius:2px;width:18px;height:2px;transition:transform .18s,opacity .18s}body .container header.menu-open .mobile-menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}body .container header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}body .container header.menu-open .mobile-menu-toggle span:last-child{transform:translateY(-7px)rotate(-45deg)}body .container header .header-cta{order:3;margin-left:auto}body .container header .cta-btn{padding:10px 12px;font-size:12px}body .container header .navlinks{flex:0 0 100%;order:5;width:100%;display:none}body .container header.menu-open .navlinks{padding-top:8px;display:block}body .container header .navlinks ul{justify-content:space-between;gap:8px;width:100%;padding:0}body .container header .navlinks ul li a{letter-spacing:0;font-size:12px}body .container main{width:100%;margin:118px 0 72px}body .container main .description{box-sizing:border-box;width:100%;padding:30px 18px 24px}body .container main .description h1{letter-spacing:-1.5px;font-size:clamp(38px,8vw,56px);line-height:1.12}body .container main .description p{width:min(100%,540px);margin:18px auto 0;font-size:15px;line-height:1.75}body .container main .description .cta-btn{margin:24px 0 0!important}body .container main .tag p{margin-bottom:12px;font-size:10px;display:inline-block}body .container main .value ul{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;width:min(100% - 32px,560px);margin:34px auto 0;padding:0;display:grid}body .container main .value h2{font-size:1.8em}body .container main .value p{font-size:.85em}body .container #Services,body .container #Process,body .container #Contact{width:calc(100% - 32px);margin-left:auto;margin-right:auto}body .container #Services h2,body .container #About h2,body .container #Process h2,body .container #Contact h2{font-size:1.65em;line-height:1.35}body .container #Services .inside,body .container #Contact .inside{margin:20px 0;font-size:14px;line-height:1.7}body .container #Services .service-provided{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0 50px}body .container #Services .service-card{box-sizing:border-box;padding:26px 18px}body .container #About{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:72px;padding:32px 22px}body .container #About .workers{border-radius:12px;width:100%;min-width:0;overflow:hidden}body .container #About .workers img{object-fit:cover;object-position:center;width:100%;max-width:100%;height:clamp(220px,48vw,360px);display:block}body .container #About .about .inside{margin:20px 0;font-size:14px;line-height:1.75}body .container #About .attributes ul{grid-template-columns:minmax(0,1fr);gap:14px;padding-left:20px;font-size:.85em}body .container #Process .life-cycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:32px 0 56px}body .container #Process .cycle{box-sizing:border-box;padding:18px}body .container #Process .cycle h1{margin-bottom:12px;font-size:2em}body .container #Contact .contact-block{box-sizing:border-box;padding:28px 18px}body .container #Contact .contact-us{margin:24px 0 0}body .container #Contact .contact-us form input,body .container #Contact .contact-us form textarea{box-sizing:border-box;width:100%}body .container #Contact .contact-us form input{padding:16px}body .container #Contact .contact-us form textarea{min-height:120px}body .container footer{grid-template-columns:minmax(0,1fr);gap:28px;padding:34px 22px}body .container footer .nav{gap:24px;width:100%}body .container footer .nav>div{flex:1}}@media (width<=480px){body .container header{padding-left:12px;padding-right:12px}body .container header .navlinks ul{gap:4px}body .container header .navlinks ul li a{font-size:11px}body .container main{margin-top:112px}body .container main .description{padding-left:14px;padding-right:14px}body .container main .description h1{font-size:37px}body .container main .value ul{gap:20px 8px}body .container #Services .service-provided,body .container #Process .life-cycle{grid-template-columns:minmax(0,1fr)}body .container #Services .service-card{padding:24px 20px}body .container #About{gap:20px;padding:26px 16px}body .container #About .workers img{height:220px}body .container #Process .cycle{padding:20px}body .container footer .nav{gap:16px}}:root{--main-color:#07070f;--button-color:linear-gradient(to right, cyan 0%, #a548ed 51%, #a548ed 100%)}.cta-btn{background-image:var(--button-color);cursor:pointer;letter-spacing:0;border:none;border-radius:10px;outline:none;font-family:Sora,sans-serif;font-size:14px;font-weight:600;line-height:20px}*{color:#fff;margin:0;font-family:Output,sans-serif;overflow-x:hidden}* a{text-decoration:none}body{background-color:var(--main-color)}header{background-color:var(--main-color);justify-content:space-between;align-items:center;width:98vw;margin:auto;display:flex;position:fixed}.navlinks ul{justify-content:space-between;width:400px;display:flex}.navlinks ul li a{color:#138da3;letter-spacing:-.5px;font-family:Output,sans-serif;font-size:15px;font-weight:500;line-height:1;text-decoration:none;overflow-y:hidden}.logo img{width:100px}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100vw;margin:130px 0;font-family:Output,sans-serif;font-weight:700;display:flex}.inside{color:#138da3;margin:40px 0;font-weight:400}main .description{background:radial-gradient(circle at 50% 65%,#00d9ff14,#0000 35%),radial-gradient(circle at 80% 20%,#b088f614,#0000 30%),#07070f;width:100vw;position:relative;overflow:hidden}.description:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}main .tag p{letter-spacing:.8px;text-transform:uppercase;color:#d5a6fa;border:1px solid #d5a6fa;border-radius:20px;outline:none;margin-bottom:10px;padding:10px;font-family:Output,sans-serif;font-size:12px;font-weight:600;line-height:16px}main .description h1{letter-spacing:-3px;text-align:center;font-family:Output,sans-serif;font-size:72px;font-weight:800;line-height:1.08;overflow-y:hidden}main .description p{letter-spacing:0;text-align:center;width:40vw;margin:20px auto auto;font-family:Output,sans-serif;font-size:17px;font-weight:400;line-height:30px}button{color:#fff;background-color:#2c26e1;border:none;padding:20px}.value ul{color:#138da3;justify-content:space-between;width:50vw;margin:70px;font-size:.8em;font-weight:400;display:flex}.value h2{color:#a548ed;font-size:2.3em;font-weight:700;line-height:1.6em}.value p{color:#138da3;font-size:1em}.service-card p,.cycle p{color:#138da3;font-size:.9em}#Services,#Process,#Contact{text-align:center;width:80vw;margin:auto}#Services h2,.about h2,.heading h2,.contact-block h2{margin:20px 0;font-family:Output,sans-serif;font-size:2em;font-weight:900;overflow-y:hidden}.service-card h3,.cycle h3{margin:10px 0;font-family:Output,sans-serif;font-size:.9em;font-weight:700}section .service-provided{grid-gap:30px;grid-template-columns:repeat(3,1fr);justify-content:space-between;margin:50px;display:grid}.service-card{text-align:left;background-color:#0f0f1c;border:1px solid #ffffff14;border-radius:16px;padding:70px 15px}.cycle{text-align:left;background-color:#0f0f1c;border:1px solid #ffffff14;border-radius:16px;padding:15px}.cycle h1{color:#1b1b2b;margin-bottom:20px;font-size:2.5em;font-weight:900}#About{background-color:#0d0d18;grid-template-columns:repeat(2,1fr);margin-bottom:100px;padding:50px;display:grid}.attributes ul{grid-gap:25px;grid-template-columns:repeat(2,1fr);font-family:Sora,sans-serif;font-size:.9em;display:grid}.life-cycle{grid-gap:15px;grid-template-columns:repeat(4,1fr);margin:60px 20px;display:grid}.contact-block{background-color:#0f0f1c;border:1px solid #ffffff14;border-radius:16px;padding:30px 0}footer{background-color:#0f0f1c;grid-template-columns:repeat(2,1fr);margin-top:15px;padding:50px 10px;display:grid}.nav{justify-content:space-between;width:30vw;line-height:30px;display:flex}.nav ul a{color:#138da3;margin-top:10px;font-size:.7em}.contact-us{margin:40px}.contact-us form input{background-color:var(--main-color);border:1px solid #ffffff14;border-radius:30px;outline:none;width:50%;margin-bottom:10px;padding:20px}.contact-us form textarea{background-color:var(--main-color);border:1px solid #ffffff14;outline:none;width:50%;height:100px;margin-bottom:30px;padding:10px}.contact-us input::placeholder,textarea::placeholder{color:#0ff}.workers img{filter:blur(2px);border-radius:20px;width:90%;height:60%}
