:root{--color-bg:#181818;--color-text:#ffffff;--color-primary:#007bff;--color-primary-hover:#0056b3;--color-bg-secondary:#1e1e1e;--color-bg-tertiary:#232323;--color-gray:#cccccc;--color-black:#000000;--color-footer-border:#2a2a2a;--font-heading:"Montserrat",sans-serif;--font-body:"Lato",sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;}h1,h2,h3{font-family:var(--font-heading);font-weight:700;margin-bottom:1rem;}.hero__title{font-size:clamp(1.8rem,4vw,2.5rem);}.hero__text{font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;margin-bottom:1.5rem;}.services__title,.products__title,.projects__title,.contact__title,.history__title,.mission__title,.vision__title{font-size:clamp(1.8rem,4vw,2.2rem);margin-bottom:1rem;}.service__description,.product__description,.projects__description,.history__text,.mission__text,.vision__text{font-size:clamp(.95rem,2vw,1rem);line-height:1.6;margin-bottom:1.5rem;}.icon-right{display:inline-block;vertical-align:middle;margin-right:.5rem;width:1.5em;height:auto;}.whatsapp{position:fixed;bottom:10px;right:10px;width:60px;height:60px;background:#25d366 url("/Assets/whatsapp.svg") center / cover no-repeat;border-radius:50%;z-index:100;}.whatsapp:hover{box-shadow:0 0 10px rgba(37,211,102,.6),0 0 20px rgba(37,211,102,.6),0 0 30px rgba(37,211,102,.6);}.projects__button{display:inline-flex;align-items:center;gap:.5rem;margin-top:5px;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0069d9 0%,#0d6efd 100%);color:#ffffff;font-weight:600;border:none;border-radius:999px;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(13,110,253,.3);text-decoration:none;}.projects__button i{font-size:1.1rem;transition:transform .2s;}.projects__button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(13,110,253,.4);}.projects__button:hover i{transform:translateX(6px);}.projects__button:active{transform:translateY(0);box-shadow:0 3px 10px rgba(13,110,253,.2);}.projects__button:focus{outline:none;box-shadow:0 0 0 3px rgba(13,110,253,.5);}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease;}.reveal.active{opacity:1;transform:translateY(0);}.header{background:var(--color-bg);width:100%;padding:10px 0;}.header__nav,.nav{display:flex;align-items:center;width:100%;}.header__nav{padding:0 20px;}.nav{justify-content:space-around;padding:10px 20px;}.nav__logo{flex:1;display:flex;justify-content:center;}.nav__logo-img{width:40%;height:auto;object-fit:contain;}.nav__menu{margin-left:auto;display:flex;align-items:center;gap:2rem;}.nav__list{list-style:none;display:flex;align-items:center;gap:.5rem;}.nav__link{text-decoration:none;color:var(--color-gray);font-weight:500;padding:10px;font-size:1rem;transition:color .3s;}.nav__cta{background:var(--color-primary);padding:12px 20px;color:var(--color-text);text-decoration:none;border-radius:5px;font-weight:600;transition:background .3s;}.nav__cta:hover{background:var(--color-primary-hover);}.nav__toggle{order:-1;margin-right:10px;display:none;background:none;border:0;cursor:pointer;}.nav__toggle-icon{display:block;width:25px;height:3px;margin:5px auto;background:var(--color-text);transition:.3s;}.hero{background:var(--color-bg-tertiary);padding:80px 5%;height:45rem;display:flex;align-items:center;}.hero__content{max-width:750px;text-align:left;}.hero__cta{display:inline-block;margin:20px 0 0 .5rem;background:var(--color-primary);padding:10px 20px;color:var(--color-text);border-radius:8px;font-weight:600;font-size:1.2rem;transition:background .3s;text-decoration:none;}.hero__cta:hover{background:var(--color-primary-hover);}.hero__title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;}.hero__text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--color-gray);}.services,.products,.projects,.history,.mission-vision,.contact{padding:80px 5%;}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1440px;margin:0 auto;}.services__item{background:var(--color-bg-secondary);padding:25px;border-radius:10px;text-align:center;transition:transform .3s,box-shadow .3s;}.services__item:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.5);}.services__item:hover img{transform:scale(1.1);}.service__icon{width:100px;margin-bottom:15px;}.service__title{font-size:1.1rem;font-weight:600;margin-bottom:10px;}.products__title,.services__title{display:flex;align-items:center;}.services__title::before,.products__title::before{content:"●";color:#ffffff;font-size:1.5rem;margin-right:10px;}.products__grid{display:flex;justify-content:center;align-items:center;padding:20px;}.products__item.product{max-width:400px;width:100%;margin:0 auto;}.product{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-secondary);padding:25px;border-radius:12px;text-align:center;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px rgba(0,0,0,.3);}.product:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.5);}.product img{width:60%;max-width:150px;margin-bottom:15px;transition:transform .3s;}.product:hover img{transform:scale(1.1);}.product__title{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:var(--color-text);}.projects{background:var(--color-bg-tertiary);}.projects__list{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;}.projects__item{display:flex;background:var(--color-bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;position:relative;padding-left:4px}.projects__item::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#0d6efd 0%,#0069d9 100%);}.projects__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);}.projects__image-placeholder{flex:0 0 200px;height:160px;background:#cccccc;overflow:hidden;}.projects__image-placeholder img{width:100%;height:100%;object-fit:cover;}.projects__content{display:flex;flex-direction:column;justify-content:space-between;padding:20px;flex:1;}.projects__subtitle{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text);}.projects__description{font-size:.95rem;line-height:1.5;color:var(--color-gray);margin:0 0 1rem;}.projects__content>.projects__button{align-self:start;margin-top:auto;}.history{position:relative;padding:60px 5%;color:var(--color-text);text-align:center;}.history__title{font-size:2.2rem;font-weight:700;margin-bottom:20px;position:relative;display:inline-block;}.history__title::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--color-primary);border-radius:2px;}.history__text-container{max-width:700px;margin:30px auto 0;text-align:left;color:var(--color-gray);}.mission-vision{display:flex;gap:40px;padding:70px 5%;max-width:1200px;margin:0 auto;}.mission,.vision{flex:1;width:90%;margin:auto;}.mission__title,.vision__title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:15px;}.mission__text,.vision__text{width:90%;font-size:1rem;line-height:1.6;color:var(--color-gray);margin:0 auto;}.contact{text-align:center;background:var(--color-bg-tertiary);}.contact__title{font-size:2rem;font-weight:700;margin-bottom:30px;}.contact__form{max-width:600px;margin:0 auto;background:var(--color-bg-secondary);padding:40px;border-radius:10px;display:grid;gap:20px;text-align:left;}.contact__input,.contact__textarea{width:100%;padding:12px;border:none;border-radius:5px;background:#2a2a2a;color:var(--color-text);font-size:1rem;}.contact__textarea{min-height:100px;resize:vertical;}.contact__submit{background:var(--color-primary);padding:15px;color:var(--color-text);border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.2rem;transition:background .3s;}.contact__submit:hover{background:var(--color-primary-hover);}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:20px 2%;background:var(--color-bg-secondary);border-top:1px solid var(--color-footer-border);}.footer__info{display:flex;flex-direction:column;gap:5px;}.footer__info p{font-size:.7rem;color:var(--color-gray);}.footer__extra{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;gap:5px;}.footer__text{font-size:.8rem;color:var(--color-gray);}@media (max-width:768px){.nav__list{display:none;flex-direction:column;gap:20px;position:absolute;top:70px;right:5%;background:var(--color-black);padding:20px;border-radius:8px;z-index:999}.nav__logo-img{width:30%;height:auto}.nav__toggle{display:block}.nav--open .nav__list{display:flex}.hero{padding:60px 5%}.services,.products,.projects,.history,.mission-vision,.contact{padding:60px 5%}.services__grid,.products__grid{grid-template-columns:1fr}.projects__item{flex-direction:column;text-align:center}.mission-vision{flex-direction:column}.footer{flex-direction:column;text-align:center}.footer__extra{justify-content:center;align-items:center;text-align:center}}@media (min-width:768px) and (max-width:1024px){.nav__logo-img{width:20%}.services__grid,.products__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mission-vision{flex-direction:row}}@media (min-width:1024px){.whatsapp{bottom:80px}.header__nav,.services__grid,.products__grid,.projects__list,.mission-vision{max-width:1400px;margin:0 auto}.nav__logo{justify-content:space-between;margin-left:1rem}.nav__logo-img{width:30%}.contact__submit{padding:10px}}@media (min-width:1440px){.header__nav,.services__grid,.products__grid,.projects__list,.mission-vision{max-width:1400px;margin:0 auto}.nav__logo{justify-content:space-between;margin-left:1rem}.nav__logo-img{width:20%}}