:root{--primary:#091a31;--bg:#091a31}*{margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none}html{scroll-behavior:smooth}body{font-family:"Google Sans",sans-serif;background-color:var(--bg);color:#091a31}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 15%;background-color:#ffffff;position:fixed;top:0;left:0;right:0;z-index:9999}.navbar .navbar-nav{gap:20px;margin-left:auto}.navbar .navbar-nav a{color:#091a31;display:inline-block;font-size:1.4rem;margin:0 0.5rem}.navbar .navbar-nav a:hover{color:#1d4a65}.navbar .navbar-nav a::after{content:"";display:block;padding-bottom:0.5rem;border-bottom:0.1rem solid #1d4a65;transform:scaleX(0);transition:0.2s linear}.navbar .navbar-nav a:hover::after{transform:scaleX(0.5)}.navbar .navbar-extra a{color:#091a31;margin:0 0.5rem;margin-left:20px}.navbar .navbar-extra a:hover{color:#1d4a65}#hamburger-menu{display:none}.cart-badge{position:absolute;top:-15px;right:-11px;background-color:#091a31;color:white;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;z-index:10;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.hero{min-height:100vh;display:flex;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}.hero::after{content:"";display:block;position:absolute;width:100%;height:30%;bottom:0;background:linear-gradient(0deg,rgb(9,26,49) 8%,rgba(255,255,255,0) 50%)}.hero .content{padding:3rem 15%;max-width:80rem}.hero .content h1{font-size:110px;color:#ffffff;text-shadow:1px 1px 3px rgba(1,1,3,0,5);line-height:1}.hero .content h1 span{font-style:italic;color:#a5bbde}.hero .content p{color:#ffffff;font-size:18px;line-height:1.7;margin-bottom:5px}.hero .content .cta{display:inline-block;margin-top:5px;background:#a5bbde;color:#fff;padding:12px 30px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}.about,.services,.contact{padding:10rem 15%}.client h2{text-align:center;font-size:40px;margin:10px 0 20px;line-height:1.3;margin-bottom:4rem;color:#ffffff}.about{background:#ffffff}.about-wrapper{display:flex;align-items:center;gap:60px}.about-text{flex:1}.about-subtitle{color:#1b4887;font-weight:600;font-size:14px;letter-spacing:1px}.about-text h2{font-size:40px;margin:10px 0 20px;line-height:1.3}.about-text h2 span{color:#1b4887}.about-text p{color:#666;line-height:1.7;margin-bottom:15px}.about-btn{display:inline-block;margin-top:5px;background:#1b4887;color:#fff;padding:12px 30px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}.about-btn:hover{background:#1b4887}.about-image{flex:1}.about-image img{width:100%;border-radius:10px}.services{background:#091a31;color:#fff}.services-container{display:flex;gap:60px;align-items:center}.services-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.service-card{background:#f2f2f2;color:#333;padding:30px;border-radius:8px;text-align:center;position:relative}.service-card .icon{width:60px;height:60px;background:#a5bbde;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;margin:0 auto 15px}.service-card h3{margin-bottom:10px;font-size:18px;font-weight:600}.service-card p{font-size:14px;color:#666}.services-text{flex:1}.services-subtitle{font-size:14px;color:#ccc}.services-subtitle span{color:#ffffff}.services-text h2{font-size:40px;margin:15px 0}.services-text h2 span{color:#a5bbde}.services-text p{color:#ccc;line-height:1.7;margin-bottom:30px}.services-btn{background:#a5bbde;color:#fff;padding:12px 30px;text-decoration:none;border-radius:6px;font-weight:600;font-size:14px}.services-btn:hover{background:#1b4887}.contact h2,.client h2{margin-bottom:0.8rem}.contact-container{display:flex;align-items:center;gap:60px}.contact-left{flex:1}.contact-subtitle{color:#ccc;font-size:14px;font-weight:600}.contact-subtitle span{color:#ffffff}.contact-left h2{font-size:42px;margin:10px 0 20px;line-height:1.3;color:#ffffff}.contact-left h2 span{color:#a5bbde}.contact-left p{color:#ccc;margin-bottom:15px;line-height:1.6}.contact-left form{display:flex;flex-direction:column;gap:15px}.contact-left input,.contact-left textarea{padding:15px;border-radius:6px;border:1px solid #ddd;font-size:14px}.contact-left textarea{height:120px}.contact-left button{background:#a5bbde;color:#fff;padding:12px 30px;text-decoration:none;border-radius:6px;font-weight:600}.contact-left button:hover{background:#1b4887}.contact-right{flex:1;text-align:center}.contact-right img{width:100%;flex:1}.whatsapp-btn{display:inline-flex;padding:10px 20px;background-color:#a5bbde;color:white;text-decoration:none;border-radius:8px;text-align:left;font-weight:bold;align-items:center;justify-content:flex-start;gap:10px;transition:background-color 0.3s ease;cursor:pointer;border:none;font-size:14px}.whatsapp-btn:hover{background-color:#1b4887}.client{background:#ffffff;padding:100px 15%}.client-text{flex:1;text-align:center}.client-subtitle{color:#1b4887;font-weight:600;font-size:14px;letter-spacing:1px;display:block;margin-bottom:10px}.client-subtitle span{color:#1b4887}.client-text h2{font-size:40px;margin:15px 0;text-align:center}.client-text h2 span{color:#091a31}.client-text h2 .many-companies{color:#1b4887;font-weight:600}.client-text p{color:#666;line-height:1.7;margin-bottom:20px}.client-slider{overflow:hidden;width:100%;position:relative;margin-top:30px;--mask-size:80px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black var(--mask-size),black calc(100% - var(--mask-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black var(--mask-size),black calc(100% - var(--mask-size)),transparent 100%)}.client-track{margin-top:30px;display:flex;align-items:center;gap:100px;width:fit-content;animation:marquee-scroll 70s linear infinite}.client-track img{margin-bottom:2rem;height:60px;flex-shrink:0;transition:0.3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.client-slider-wrapper{position:relative}.client-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:transparent}@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.footer{background:#ffffff;color:#091a31;padding:80px 15% 30px}.footer-container{display:flex;justify-content:space-between;align-items:flex-start}.footer-right{display:flex;gap:60px}.footer-left{margin-right:60px}.footer-container img{width:100px}.footer-col p{margin:15px 0;line-height:1.6;max-width:500px}.footer .social a{display:inline-flex;margin-right:10px;width:35px;height:35px;background:#091a31;color:#fff;align-items:center;justify-content:center;border-radius:50%}.footer .social a:hover{background:#1b4887}.footer-col h3{color:#091a31;margin-bottom:39px}.footer .navigasip a{color:#091a31}.footer .navigasip a:hover{color:#1b4887}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:10px;font-size:14px;cursor:pointer}.footer-col ul li:hover{color:#1b4887}.footer-col .navigasip{font-size:10px}.contact-info li{display:flex;align-items:center;gap:10px;cursor:default}.footer-col .contact-info li:hover{color:inherit;cursor:default}.footer-bottom{border-top:1px solid #333;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.footer-bottom p{font-size:14px}@media (max-width:1366px){html{font-size:75%}}@media (max-width:758px){html{font-size:62.5%}#hamburger-menu{display:inline-block}.navbar .navbar-nav{position:absolute;top:100%;right:-100%;background-color:#091a31;width:30rem;height:100vh;transition:0.3s}.navbar .navbar-nav.active{right:0}.navbar .navbar-nav a{color:#ffffff;display:block;margin:1.5rem;padding:0.5rem;font-size:2rem}.navbar .navbar-nav a::after{transform-origin:0 0}.navbar .navbar-nav a:hover::after{transform:scaleX(0.2)}.navbar{padding:1rem 7%}.logo img{width:85px}.hero{min-height:80vh}.hero .content{padding:2rem 7%}.hero .content h1{font-size:70px}.hero .content p{font-size:14px}.footer{padding:50px 7% 20px}.footer-container{flex-direction:column}.footer-left{margin-right:0;margin-bottom:30px}.footer-right{flex-direction:column;gap:30px}.footer-col h3{margin-bottom:20px;font-size:16px}.footer-col ul li{font-size:12px}.footer-col p{font-size:12px}.footer-bottom{margin-top:30px;padding-top:15px;flex-direction:column}.footer-bottom p{font-size:12px;margin-bottom:10px}.about{padding:5rem 7%}.about-wrapper{flex-direction:column;gap:30px}.about-text{flex:1}.about-image{flex:1;width:100%}.about-image img{width:100%;height:auto}.about-text h2{font-size:28px}.about-text p{font-size:14px}.services{padding:5rem 7%}.services-container{flex-direction:column;gap:40px}.services-grid{flex:1;grid-template-columns:1fr}.service-card h3{font-size:17px}.service-card p{font-size:13px}.services-text{flex:1}.services-text h2{font-size:28px}.contact{padding:5rem 7%}.contact-container{flex-direction:column;gap:40px}.contact-left{flex:1}.contact-right{flex:1}.contact-right img{width:100%;height:auto}.client{padding:5rem 7%}.client-track{gap:70px}.client-track img{height:45px;margin:0 50px}}@media (max-width:450px){html{font-size:55%}.navbar{padding:1rem 5%}.logo img{width:70px}.hero{min-height:70vh}.hero .content{padding:2rem 5%}.hero .content h2{font-size:48px;line-height:1.1}.hero .content p{font-size:13px}.about{padding:4rem 5%}.about-wrapper{flex-direction:column;gap:25px}.about-text h2{font-size:24px}.about-subtitle{font-size:12px}.about-text p{font-size:13px}.about-image{width:100%;order:-1}.about-image img{width:100%;height:auto;display:block}.services{padding:4rem 5%}.services-container{flex-direction:column}.services-grid{grid-template-columns:1fr}.service-card h3{font-size:16px}.service-card p{font-size:12px}.services-text h2{font-size:22px}.services-subtitle{font-size:12px}.services-text p{font-size:13px}.contact{padding:4rem 5%}.contact-container{flex-direction:column}.contact-left h2{font-size:22px}.contact-subtitle{font-size:12px}.contact-left p{font-size:13px}.contact-right img{width:100%;height:auto}.client{padding:4rem 5%}.client-subtitle{font-size:12px}.client-track{gap:20px}.client-text p{font-size:12px}.client-track img{height:35px;margin-bottom:5px}.footer{padding:40px 4% 15px;margin-top:80px}.footer-container img{width:80px}.footer-col h3{font-size:14px;margin-bottom:15px}.footer-col ul li{font-size:11px;margin-bottom:8px}.footer-col p{font-size:11px;margin:10px 0}.footer .social a{width:30px;height:30px}.footer-bottom{padding-top:10px;margin-top:20px;flex-direction:column}.footer-bottom p{font-size:11px;margin-bottom:8px}}