@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";nav{z-index:1000;background:#fff;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;height:12vh;padding:0 60px;display:flex;position:relative}.logo img{width:220px}.links{gap:30px;display:flex}.links a{color:#333;font-family:Arial,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#000;width:28px;height:3px;transition:all .3s}.hamburger.open span:first-child{transform:rotate(45deg)translateY(7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translateY(-7px)}@media (width<=768px){nav{padding:0 20px}.hamburger{display:flex}.links{opacity:0;text-align:left;background:#fff;flex-direction:column;gap:40px;width:100%;height:88vh;padding:40px;transition:all .4s;position:absolute;top:12vh;left:0;transform:translateY(-200%)}.links a{font-size:36px;font-weight:600}.links.active{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}header{justify-content:space-between;align-items:center;height:88vh;display:flex}.left{width:50%;padding:0 60px}.left h1{color:#000;margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:70px;font-weight:400;line-height:75px}.left p{margin-top:40px;font-family:Arial,sans-serif;font-size:22px}.left button{text-transform:uppercase;color:#fff;background-color:#00f;border:none;margin-top:40px;padding:20px;font-size:16px}.left button:hover{cursor:pointer;background-color:#00008b;transition:all .3s}.right{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.right .container{width:100%;max-width:500px;overflow:hidden}.right .container img{object-fit:cover;width:100%;height:auto;display:block}.about{height:80vh;padding:40px 60px}.about h1{color:#000;margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:70px;font-weight:400;line-height:75px}.about p{margin-top:40px;font-family:Arial,sans-serif;font-size:22px}.slogan{background-color:#000;justify-content:center;align-items:center;height:40vh;margin-top:40px;display:flex}.slogan h3{color:#fff;font-family:DM Sans,sans-serif;font-size:64px;font-weight:400}.services{flex-direction:column;justify-content:center;height:85vh;padding:20px 60px;display:flex}.services h1{color:#000;text-align:left;margin-bottom:40px;font-family:DM Sans,sans-serif;font-size:70px;font-weight:400;line-height:75px}.service{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;width:100%;display:flex}.serv{width:40%}.serv h5{color:#1900ff;margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700}.serv h2{color:#000;margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:32px;font-weight:500}.serv p{color:#333;font-family:Arial,sans-serif;font-size:18px}.tech{justify-content:center;align-items:center;height:30vh;display:flex}.tech-items h1{color:#1900ff;text-align:center;margin-bottom:40px;font-family:DM Sans,sans-serif;font-size:24px;font-weight:500;line-height:75px}.stack{justify-content:center;align-items:center;gap:70px;display:flex}.stack img{width:60px}.work{justify-content:center;height:100vh;padding-top:85px;display:flex}.top{justify-content:space-between;align-items:center;display:flex}.top a{color:#333;font-family:Arial,sans-serif;font-size:18px;font-weight:500;transition:color .3s}.work h1{color:#000;margin-bottom:40px;font-family:DM Sans,sans-serif;font-size:70px;font-weight:400}.cards{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:40px;display:flex}.talk{color:#fff;background-color:#000;align-items:center;height:60vh;padding:20px 60px;display:flex}.talk h1{font-family:DM Sans,sans-serif;font-size:70px;font-weight:400;line-height:75px}.talk p{margin-top:20px;font-family:Arial,sans-serif;font-size:22px}.talk button{text-transform:uppercase;color:#fff;background-color:#00f;border:none;margin-top:40px;padding:20px;font-size:16px}@media (width<=768px){header{flex-direction:column;height:auto;padding:40px 20px}.left,.right{width:100%;padding:10px}.left h1{font-size:45px;line-height:53px}.left p{margin-top:20px;font-size:16px}.left button{margin-top:20px;margin-bottom:40px;padding:15px;font-size:14px}.right .container{max-width:100%}.about{height:auto;padding:20px}.about h1{font-size:45px;line-height:53px}.about p{margin-top:20px;font-size:16px}.slogan{height:auto;padding:40px 20px}.slogan h3{font-size:36px;line-height:40px}.services{height:auto;padding:20px}.services h1{font-size:45px;line-height:53px}.service{text-align:center;flex-direction:column}.serv{text-align:left;width:100%}.serv h5{font-size:16px}.serv h2{font-size:24px}.tech{height:auto;padding:40px 20px}.stack{flex-wrap:wrap;padding:20px}.stack img{width:40px}.work{height:auto;padding:40px 20px}.work h1{font-size:45px;line-height:53px}.top a{font-size:16px;display:none}.talk{text-align:center;height:auto;padding:40px 20px}.talk h1{font-size:45px;line-height:53px}.talk p{margin-top:20px;font-size:16px}}.card{width:410px;height:290px}.container{width:100%;height:100%}.container img{object-fit:cover;width:100%;height:100%}.card h2{color:#000;margin-top:10px;font-family:DM Sans,sans-serif;font-size:27px;font-weight:500}.card p{color:#333;margin-top:5px;font-family:Arial,sans-serif;font-size:16px}@media screen and (width<=768px){.card{width:100%}.card h2{font-size:22px}.card p{font-size:14px}}.footer{color:#fff;background:#000;padding:60px 20px 20px}.footer-container{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1200px;margin:60px;display:grid}.footer-brand img{width:150px;margin-bottom:20px}.footer h2,.footer h4{margin-bottom:15px;font-family:DM Sans,sans-serif}.footer p{color:#b3b3b3;font-family:Arial,sans-serif;font-size:14px;line-height:1.6}.footer a{color:#b3b3b3;margin-bottom:8px;font-family:Arial,sans-serif;font-size:14px;text-decoration:none;transition:all .3s;display:block}.footer a:hover{color:#fff;transform:translate(5px)}.footer-bottom{text-align:center;color:#777;border-top:1px solid #222;margin-top:40px;padding-top:20px;font-size:13px}@media (width<=900px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.footer-container{grid-template-columns:1fr}}