@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition-duration:.5s}a{color:inherit;text-decoration:none}body{font-family:Montserrat,sans-serif;font-size:14px;font-weight:300}a.btn,button.btn{display:inline-block;background-color:#f5f5f5;color:#111;padding:10px 30px;border-radius:5px;position:relative;text-align:center}a.btn:before,a.btn:after,button.btn:before,button.btn:after{content:"";position:absolute;width:10px;height:10px;opacity:0;transition-duration:.5s}a.btn:before,button.btn:before{left:0;top:0;border:1px solid #F5F5F5;border-right:none;border-bottom:none}a.btn:after,button.btn:after{right:0;bottom:0;border:1px solid #F5F5F5;border-left:none;border-top:none}a.btn:hover,button.btn:hover{color:#f5f5f5;background-color:transparent}a.btn:hover:before,button.btn:hover:before{left:-5px;top:-5px;opacity:1;transition-duration:.5s}a.btn:hover:after,button.btn:hover:after{right:-5px;bottom:-5px;opacity:1;transition-duration:.5s}a.btn.alternate,button.btn.alternate{background-color:#111;color:#f5f5f5;cursor:pointer;border:none}a.btn.alternate:before,button.btn.alternate:before{border:1px solid #111;border-right:none;border-bottom:none}a.btn.alternate:after,button.btn.alternate:after{border:1px solid #111;border-left:none;border-top:none}a.btn.alternate:hover,button.btn.alternate:hover{color:#111;background-color:transparent}a.btn.alternate:hover:before,button.btn.alternate:hover:before{left:-5px;top:-5px;opacity:1;transition-duration:.5s}a.btn.alternate:hover:after,button.btn.alternate:hover:after{right:-5px;bottom:-5px;opacity:1;transition-duration:.5s}a.lined{position:relative;width:max-content}a.lined:after{content:"";position:absolute;width:0;height:2px;background-color:#111;right:0;bottom:0;transition-duration:.5s}a.lined:hover:after{width:40%;transition-duration:.5s}div.langButtons{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}div.langButtons button{width:40px;height:30px;color:#fff;border:none;display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.2s ease}div.langButtons button img{width:100%;height:100%;object-fit:cover}div.langButtons button img:hover{background:#000000d9}header{z-index:9;width:100%;padding:10px 50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#111;position:fixed;transition-duration:.5s;top:0;left:0;right:0}header.active{width:80%;left:10%;right:10%;top:2%;border-radius:18px;transition-duration:.5s;background-color:#111}header a.logo{width:25%;transition-duration:.5s}header a.logo img{width:50px;height:auto;filter:invert(1)}header nav{width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}header nav a{color:#f5f5f5;padding:0 10px;font-size:12px;position:relative}header nav a:after{content:"";position:absolute;width:0;height:1px;background-color:#f5f5f5;right:0;left:0;bottom:-5px;margin:0 auto;transition-duration:.5s}header nav a:hover:after,header nav a.active:after{width:40%;transition-duration:.5s}header div.buttons{width:25%;text-align:end}header button{display:none}main section{padding:100px 10%}main section h2{width:100%;font-size:36px;font-weight:400;line-height:1.5em;position:relative}main section h2:after{content:"";position:absolute;width:10%;height:5px;background-color:#111;left:0;bottom:-5px}main section p{font-size:14px;font-weight:300;line-height:1.5em;color:#111}main section.hero{width:100%;height:100vh;background-color:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;background-image:url(../images/sectionHero.webp);background-position:center;background-size:cover;background-attachment:fixed;position:relative}main section.hero:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:#111c;z-index:1}main section.hero h1{font-size:66px;display:flex;align-items:center;position:relative;color:#fff;z-index:5;font-weight:300;font-family:Montserrat,sans-serif;transition:all .7s ease;text-align:center}main section.hero h1.final{font-size:80px;font-weight:800;letter-spacing:2px;filter:blur(10px);opacity:0;transform:scale(1.05);animation:reveal .8s forwards ease-out;text-align:center}main section.hero span.cursor{display:inline-block;width:2px;animation:blink .7s infinite}@keyframes reveal{0%{filter:blur(15px);opacity:0;transform:scale(1.05)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}main section.hero p{font-size:16px;font-weight:200;line-height:1.5em;color:#f5f5f5;width:60%;text-align:center;z-index:2}main section.services{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:50px}main section.services div.cardList{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:50px}main section.services div.cardList:has(.card:hover){gap:0!important}main section.services div.cardList:has(.card:hover) .card:not(:hover){opacity:0;width:0!important;padding:0!important;margin:0!important;pointer-events:none!important;overflow:hidden}main section.services div.cardList:has(.card:hover) .card:not(:hover) img,main section.services div.cardList:has(.card:hover) .card:not(:hover) h3,main section.services div.cardList:has(.card:hover) .card:not(:hover) p{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.7)}main section.services div.cardList div.card{width:30%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:25px;position:relative;background-color:#fff;padding:50px;border-radius:20px;overflow:hidden;height:500px;transition:all .4s ease}main section.services div.cardList div.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,#000000a6,#00000059 40%,#0000),url(../images/cardEffect.webp) center/cover no-repeat;background-blend-mode:multiply;filter:contrast(1.07) brightness(.9);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.4;z-index:1}main section.services div.cardList div.card:hover{width:100%;padding:50px;opacity:1;border-radius:20px}main section.services div.cardList div.card:nth-child(1):hover:before{background:linear-gradient(to top,#000000a6,#00000040 40%,#0000),url(../images/made-a-website.webp) center/cover no-repeat}main section.services div.cardList div.card:nth-child(2):hover:before{background:linear-gradient(to top,#000000a6,#00000040 40%,#0000),url(../images/made-a-mobile-app.webp) center/cover no-repeat}main section.services div.cardList div.card:nth-child(3):hover:before{background:linear-gradient(to top,#000000a6,#00000040 40%,#0000),url(../images/advertising-and-seo.webp) center/cover no-repeat}main section.services div.cardList div.card img{filter:brightness(0);width:50px;height:auto;transition:all .3s ease}main section.services div.cardList div.card h3{z-index:2;font-size:24px;font-weight:400;transition:all .3s ease}main section.services div.cardList div.card p{z-index:2;font-weight:14px;font-weight:300;line-height:1.5em;transition:all .3s ease}main section.services div.cardList div.card:nth-child(2n){background-color:#111}main section.services div.cardList div.card:nth-child(2n) h3,main section.services div.cardList div.card:nth-child(2n) p{color:#f5f5f5}main section.services div.cardList div.card:nth-child(2n) img{filter:brightness(1000)}main section.services div.cardList div.card:hover img,main section.services div.cardList div.card:hover h3{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}main section.services div.cardList div.card:hover p{opacity:1;width:60%;visibility:visible;pointer-events:auto;transform:scale(1)}main section.banner{width:100%;background-image:url(../images/spacialSoftware.webp);background-position:center;background-size:cover;background-attachment:fixed;position:relative}main section.banner:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,#000000a6,#00000059 90%,#0000);background-blend-mode:multiply;filter:contrast(1.07) brightness(.9);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1;z-index:1}main section.banner div{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;gap:50px;z-index:8}main section.banner div h2{width:auto;color:#f5f5f5}main section.banner div h2:after{background-color:#f5f5f5}main section.software{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:50px}main section.software div.cardList{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}main section.software div.cardList:has(.card:hover) .card:not(:hover){opacity:.3}main section.software div.cardList .card:hover{opacity:1}main section.software div.cardList div.card{flex-grow:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:25px;position:relative;background-color:#fff;padding:25px;border-radius:20px;overflow:hidden}main section.software div.cardList div.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,#000000a6,#00000059 40%,#0000),url(../images/cardEffect.webp) center/cover no-repeat;background-blend-mode:multiply;filter:contrast(1.07) brightness(.9);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.4;z-index:1}main section.software div.cardList div.card img{filter:brightness(0);width:50px;height:auto}main section.software div.cardList div.card h3{z-index:2;font-size:18px;font-weight:400}main section.software div.cardList div.card p{z-index:2;font-weight:14px;font-weight:300;line-height:1.5em}main section.software div.cardList div.card:nth-child(2n){background-color:#111}main section.software div.cardList div.card:nth-child(2n) h3,main section.software div.cardList div.card:nth-child(2n) p{color:#f5f5f5}main section.software div.cardList div.card:nth-child(2n) img{filter:invert(1)}main section.reason{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:50px;background-image:url(../images/reasonBackground.webp);background-position:center;background-size:cover;background-attachment:fixed;position:relative}main section.reason:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:#111c;z-index:1}main section.reason h2{color:#f5f5f5;z-index:8}main section.reason h2:after{background-color:#f5f5f5}main section.reason p{color:#f5f5f5;z-index:8}main section.reason div.reasonList{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}main section.reason div.reasonList div.item{width:50%;flex-grow:1;padding:50px;z-index:8;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:25px}main section.reason div.reasonList div.item h3{color:#f5f5f5;z-index:8;font-size:24px;font-weight:400}main section.reason div.reasonList div.item p{color:#f5f5f5;z-index:8;font-size:14px;font-weight:300;line-height:1.5em}main section.contactForm{display:flex;flex-direction:column;justify-content:stretch;align-items:flex-start;gap:50px}main section.contactForm div.formArea{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:4%}main section.contactForm div.formArea iframe{width:48%;border:none;border-radius:10px;overflow:hidden}main section.contactForm div.formArea form{width:48%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:25px 4%}main section.contactForm div.formArea form input{width:48%;flex-grow:1;padding:10px;border-radius:5px;border:1px solid #111;outline:none;font-family:Montserrat,sans-serif;font-size:14px;color:#111}main section.contactForm div.formArea form textarea{width:100%;height:100px;resize:none;padding:10px;border-radius:5px;border:1px solid #111;outline:none;font-family:Montserrat,sans-serif;font-size:14px;color:#111}main section.contactForm div.formArea form div.successArea{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:25px}main section.contactForm div.formArea form div.successArea p.successMsg{font-size:14px;font-weight:300;animation:fadeIn .3s ease}main section.contactForm div.formArea form div{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:50px}main section.contactForm div.formArea form div a{font-size:18px;font-weight:300;color:#111;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}main section.contactForm div.formArea form div a img{width:auto;height:30px}main section.filler{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;padding:200px 10%}main section.filler h1{width:100%;font-size:36px;font-weight:400;line-height:1.5em;position:relative}main section.filler h1:after{content:"";position:absolute;width:10%;height:5px;background-color:#111;left:0;bottom:-5px}main section.filler p{font-size:16px}main section.filler p strong{font-weight:600}main section.filler p span{color:red;font-weight:300}main section.filler a.btn{display:inline-block;background-color:#f5f5f5;color:#111;padding:10px 30px;border-radius:5px;position:relative;text-align:center}main section.filler a.btn:before,main section.filler a.btn:after{content:"";position:absolute;width:10px;height:10px;opacity:0;transition-duration:.5s}main section.filler a.btn:before{left:0;top:0;border:1px solid #000000;border-right:none;border-bottom:none}main section.filler a.btn:after{right:0;bottom:0;border:1px solid #000000;border-left:none;border-top:none}main section.filler a.btn:hover{color:#000;background-color:transparent}main section.filler a.btn:hover:before{left:-5px;top:-5px;opacity:1;transition-duration:.5s}main section.filler a.btn:hover:after{right:-5px;bottom:-5px;opacity:1;transition-duration:.5s}main section.filler div{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}main section.filler div span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px}main section.filler div.col{flex-direction:column;align-items:flex-start}main section.filler div h2{color:#111;z-index:8;font-size:24px;font-weight:400}main section.filler div h2:after{height:2px}main section.brands{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:100px}main section.brands div.card{width:27%;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:25px;position:relative;background-color:#fff;border-radius:20px;overflow:visible}main section.brands div.card img{width:100%;height:auto;border-radius:20px;position:relative;z-index:2}main section.brands div.card h3{position:relative;z-index:5;font-size:20px;font-weight:600}main section.brands div.card p{font-size:16px}main section.brands div.card div.hoverLayer{width:100%;height:50%;position:absolute;background:#000000d0;border-radius:20px;z-index:1;inset:0 0 0 -4%;opacity:0;display:flex;justify-content:flex-start;align-items:flex-start;transform:translateY(30px) rotate(0);transition:transform .45s ease,opacity .45s ease}main section.brands div.card div.hoverLayer a{padding:20px;line-height:1.5em;color:#fff;font-size:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;z-index:2;font-weight:300}main section.brands div.card div.hoverLayer a img{width:20px;height:20px;filter:invert(1)}main section.brands div.card div.hoverLayer:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000a6,#00000059 40%,#0000),url(../images/cardEffect.webp) center/cover no-repeat;opacity:.4;border-radius:inherit}main section.brands div.card:hover div.hoverLayer{opacity:1;transform:translateY(-60px) rotate(12deg) translate(35px)}footer{width:100%;height:100vh;z-index:99;background-color:#111;padding:100px 10%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:50px;background-image:url(../images/footerBackground.webp);background-position:center;background-size:cover;background-attachment:fixed;position:relative}footer:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:#111;background:linear-gradient(90deg,#000000fc,#000c);z-index:1}footer a.logo{z-index:8}footer a.logo img{filter:invert(1)}footer div.address{z-index:8;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:25px}footer div.address p{color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}footer div.address p strong{width:100px;font-weight:600}footer div.address p a:after{background-color:#fff;bottom:-5px;height:1px}footer nav{z-index:8;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:50px}footer nav div.nav{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:50px}footer nav div.nav div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px}footer nav div.nav div a{color:#ccc;font-size:14px;font-weight:400;line-height:1.5em}footer nav div.nav div a:after{background-color:#fff;bottom:-5px;height:1px}footer nav div.socialMedia{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:25px}footer p{z-index:8;color:#999}@media(max-width:768px){header{padding:10px 3%}header.active{width:95%;left:2.5%;right:2.5%}header nav{position:absolute;top:80%;right:0;width:100%;background-color:#111;padding:25px;border-radius:0 0 15px 15px;flex-direction:column;gap:50px;z-index:-1;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.25,.74,.22,.99),opacity .3s ease}header nav.active{transform:translate(0);opacity:1;pointer-events:auto}header nav a{padding:50px 50px 0}header div.buttons{width:55%;display:flex;justify-content:flex-end;gap:25px}header div.buttons a.btn{font-size:12px}header button{all:unset;display:block;width:30px;height:30px}header button img{width:100%;height:auto;transition:transform .35s ease}header button.open img{transform:rotate(180deg)}main section{padding:50px 3%}main section h2{text-align:center}main section h2:after{left:10%;width:45%}main section.hero h1{font-size:25px;text-align:center}main section.hero h1.final{font-size:30px;text-align:center}main section.hero p{width:100%}main section.services div.cardList{flex-direction:column;gap:25px}main section.services div.cardList:has(.card:hover){gap:20px!important}main section.services div.cardList:has(.card:hover) .card:not(:hover){opacity:1!important;padding:50px!important;border-radius:20px!important;width:100%!important;gap:25px!important}main section.services div.cardList div.card{width:100%;opacity:1!important;padding:50px!important;border-radius:20px!important;transform:none!important}main section.services div.cardList div.card:hover{width:100%!important;opacity:1!important;padding:50px!important;transform:none!important;border-radius:20px!important}main section.services div.cardList div.card img,main section.services div.cardList div.card h3,main section.services div.cardList div.card p{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}main section.banner div{flex-direction:column}main section.software p{text-align:center}main section.software div.cardList{flex-direction:column;width:100%}main section.software div.cardList div.card{width:100%;padding:10px}main section.reason{overflow-x:hidden}main section.reason p{text-align:center}main section.reason div.reasonList{flex-direction:column;align-items:center;gap:20px}main section.reason div.reasonList div.item{width:100%;padding:25px;box-sizing:border-box;text-align:center;align-items:center}main section.reason div.reasonList div.item h3,main section.reason div.reasonList div.item p{text-align:center}main section.contactForm p{text-align:center}main section.contactForm div.formArea{width:100%;flex-direction:column;justify-content:flex-start;align-items:center;gap:25px}main section.contactForm div.formArea iframe{width:100%}main section.contactForm div.formArea form{width:100%}main section.contactForm div.formArea form div a{font-size:14px}main section.filler{padding:100px 3%}main section.filler p{text-align:center;width:100%}main section.filler div{flex-direction:column}main section.filler div span h3{text-align:center;width:100%}main section.brands div.card{width:80%;box-sizing:border-box}main section.brands div.card div.hoverLayer{width:100%;height:54%;transform:translateY(40px)}main section.brands div.card div.hoverLayer a{padding:15px}footer{padding:50px 3%;height:100%}footer div.address{width:100%}footer div.address p{flex-direction:column;align-items:flex-start}footer div.address p a.lined{width:100%;line-height:1.5em}footer nav{flex-direction:column;width:100%;align-items:flex-start}}.reveal{opacity:0;transform:translateY(40px);transition:all .8s ease}.reveal.show{opacity:1;transform:translateY(0)}.reveal-top{opacity:0;transform:translateY(-40px);transition:all .8s ease}.reveal-top.show{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:all .8s ease}.reveal-left.show{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:all .8s ease}.reveal-right.show{opacity:1;transform:translate(0)}