*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}html,body{height:100%;width:100%;background:#101010;font-family:inria-sans,sans-serif;color:#fff;overflow:auto;overflow-x:hidden;display:grid;justify-content:center;align-items:center}.floting-whatsapp{z-index:1;position:fixed;height:auto;width:100%;display:flex;justify-content:flex-end;bottom:30px}.whatsappWrapper{right:0;cursor:pointer;bottom:30px;padding:10px;background-color:#101010;width:80px;height:50px;border-radius:30px 0 0 30px;z-index:2;display:flex;justify-content:flex-start}section{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;max-width:600px}img{pointer-events:none}.hero{background:#101010;width:100%;height:100vh}.hero .content{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:700px}.hero .content .logo{width:clamp(200px,40vw,500px);height:auto}.hero .content .subtitle{font-size:clamp(14px,2vw,20px);color:#ededed;text-align:center;position:absolute;bottom:100px}.showcase{background:#101010}.showcase .content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}.showcase .image-box{width:100%;display:flex;justify-content:center}.showcase .image-box .phone{max-width:100%;height:auto}.showcase .image-box img{width:100%}.line{content:"";height:2px;width:31%;max-width:223px;border-radius:10px;background:#655f5440}.footer{padding:60px 0;display:flex;flex-direction:column;color:#b7b7b7;height:100%}.footer a{color:#b7b7b7;text-decoration:none}.footer .main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.footer .main-container .social-media-container{display:flex;gap:16px}.footer .main-container .social-media-container .social-media{display:flex;gap:6px}.footer .main-container .social-media-container .social-media .social-icon{aspect-ratio:1;display:flex;align-items:center}.footer .main-container .social-media-container .social-media .social-icon .logo{height:16px}.footer .main-container .contact-container{display:flex;flex-direction:column;gap:10px}@media (max-width: 900px){.showcase .content{flex-direction:column;gap:20px}}