:root{--black:#000000;--white:#ffffff;--gray-light:#f5f5f5;--gray-medium:#e0e0e0;--gray-dark:#333333;--primary-color:#000000;--primary-light:#f0f0f0;--shadow-small:0 2px 5px rgba(0,0,0,0.1);--shadow-medium:0 5px 15px rgba(0,0,0,0.1);--transition-normal:all 0.3s ease}
.aboutus-container{max-width:1400px;margin:0 auto;padding:4rem 2rem}
section{margin-bottom:6rem}
.section-header{margin-bottom:3rem;text-align:center;position:relative;padding-bottom:2rem}
.section-header::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:3px;background-color:var(--black)}
.page-title{font-size:3.5rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:-1px;text-align:center}
.subtitle{font-size:1.4rem;color:var(--gray-dark);text-align:center;max-width:800px;margin:0 auto 4rem;font-weight:400;line-height:1.7}
.section-title{font-size:2.2rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-0.5px}
.section-subtitle{font-size:1.15rem;color:var(--gray-dark);max-width:700px;margin:0 auto;font-weight:400}
.company-intro{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-bottom:4rem}
.company-values-title{font-size:1.8rem;margin-bottom:2rem;text-align:left;color:var(--black);display:inline-block;position:relative}
.company-values-title::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background-color:var(--black)}
.intro-text{flex:1}
.value-item{background:var(--white);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;transition:var(--transition-normal);box-shadow:var(--shadow-small);border-left:4px solid var(--black)}
.value-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}
.value-item strong{color:var(--black);font-size:1.3rem;margin-bottom:0.5rem;display:flex;align-items:center}
.value-item strong i{margin-right:10px;font-size:1.5rem}
.value-item p{margin:0.7rem 0 0;line-height:1.6}
.value-tags{display:flex;flex-wrap:wrap;margin-top:10px;gap:5px}
.value-tag{background:var(--gray-light);color:var(--black);font-size:0.8rem;padding:3px 8px;border-radius:12px;font-weight:500}
.cta-button{display:inline-flex;align-items:center;margin-top:2rem;padding:0.7rem 1.5rem;background-color:var(--black);color:var(--white);border-radius:4px;font-weight:500;text-decoration:none;transition:var(--transition-normal)}
.cta-button:hover{background-color:#333333;transform:translateY(-2px)}
.cta-button i{margin-left:8px}
.intro-image{flex:1;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-medium);position:relative}
.intro-image img{width:100%;height:auto;display:block;transition:var(--transition-normal)}
.intro-image:hover img{transform:scale(1.03)}
.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem}
.stat-card{border:none;border-radius:8px;padding:2rem;text-align:center;background:var(--white);box-shadow:var(--shadow-small);transition:var(--transition-normal)}
.stat-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium)}
.stat-number{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--black);display:inline-block;position:relative}
.stat-number::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:2px;background-color:var(--gray-medium)}
.stat-label{font-size:1.1rem;color:var(--gray-dark);font-weight:500}
.tech-grid,.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-top:3rem}
.tech-card,.values-card{border:none;border-radius:8px;padding:2rem;transition:var(--transition-normal);background:var(--white);box-shadow:var(--shadow-small)}
.tech-card:hover,.values-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium)}
.tech-icon,.values-icon{font-size:2.5rem;margin-bottom:1.5rem;color:var(--black)}
.tech-title,.values-title{font-size:1.4rem;margin-bottom:1.2rem;color:var(--black)}
.tech-desc,.values-desc{color:var(--gray-dark);line-height:1.7}
.tech-benefit{margin-top:15px;padding:8px 12px;background-color:var(--gray-light);color:var(--black);border-radius:5px;font-weight:500;font-size:0.9rem;display:inline-block}
.highlight{font-weight:600;color:var(--black)}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}
.service-card{border:none;border-radius:8px;padding:2rem;background:var(--white);box-shadow:var(--shadow-small);transition:var(--transition-normal)}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-medium)}
.service-title{font-size:1.4rem;margin-bottom:1.5rem;color:var(--black)}
.service-desc{color:var(--gray-dark);line-height:1.7}
.values-container{background-color:var(--gray-light);padding:6rem 2rem;border-radius:8px}
@media (max-width:1100px){.company-intro{grid-template-columns:1fr}
.intro-text,.intro-image{width:100%}
.page-title{font-size:3rem}
.tech-grid,.values-grid{grid-template-columns:repeat(2,1fr)}
}@media (max-width:768px){.page-title{font-size:2.5rem}
.section-title{font-size:1.8rem}
.aboutus-container{padding:2rem 1.5rem}
section{margin-bottom:4rem}
.stats-container{grid-template-columns:repeat(2,1fr)}
}@media (max-width:480px){.page-title{font-size:2rem}
.section-header::after{width:70px;height:2px}
.tech-grid,.services-grid,.values-grid,.stats-container{grid-template-columns:1fr}
.value-tags{justify-content:flex-start}
}