.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:4rem 0;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1}.about-hero .container{position:relative;z-index:2}.about-hero .hero-title{font-size:3rem;margin-bottom:1.5rem;font-weight:800;line-height:1.2}.about-hero .hero-subtitle{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto}.company-vision{padding:5rem 0;background:#fff}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto}.vision-content h2{font-size:2.5rem;margin-bottom:2rem;color:#1f2937;font-weight:700}.vision-content .lead{font-size:1.25rem;color:#4b5563;margin-bottom:1.5rem;line-height:1.7;font-weight:500}.vision-content p{color:#6b7280;line-height:1.7;font-size:1.1rem}.vision-image{text-align:center}.vision-image img{width:100%;max-width:400px;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000001a}.core-values{padding:5rem 0;background:#f9fafb}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.value-card{background:#fff;padding:2.5rem;border-radius:15px;text-align:center;box-shadow:0 4px 6px #00000012;border:1px solid #e5e7eb;transition:all .3s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.value-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.value-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937;font-weight:600}.value-card p{color:#6b7280;line-height:1.6}.company-history{padding:5rem 0;background:#fff}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e5e7eb;transform:translate(-50%)}.timeline-item{display:flex;margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-year{flex-shrink:0;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;position:relative;z-index:2;margin:0 2rem}.timeline-content{flex:1;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #00000012;border:1px solid #e5e7eb;position:relative}.timeline-item:nth-child(odd) .timeline-content{margin-left:2rem}.timeline-item:nth-child(2n) .timeline-content{margin-right:2rem}.timeline-content h3{font-size:1.25rem;margin-bottom:.75rem;color:#1f2937;font-weight:600}.timeline-content p{color:#6b7280;line-height:1.6}.team-intro{padding:5rem 0;background:#f9fafb}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.team-member{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #00000012;border:1px solid #e5e7eb;transition:all .3s ease}.team-member:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.member-photo{height:200px;overflow:hidden}.member-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.team-member:hover .member-photo img{transform:scale(1.05)}.member-info{padding:2rem}.member-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#1f2937;font-weight:600}.member-role{color:#2563eb;font-weight:500;margin-bottom:1rem;font-size:1rem}.member-description{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.member-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#eff6ff;color:#2563eb;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.company-stats{padding:4rem 0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto;text-align:center}.stat-item{padding:1rem}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem;display:block}.stat-label{font-size:1.1rem;opacity:.9}.client-logos{padding:5rem 0;background:#fff}.logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:900px;margin:0 auto;align-items:center}.logo-item{text-align:center;padding:1rem;border-radius:10px;transition:all .3s ease;border:1px solid #f3f4f6}.logo-item:hover{background:#f9fafb;transform:translateY(-5px)}.logo-item img{width:100%;max-width:120px;height:auto;opacity:.7;transition:opacity .3s ease;filter:grayscale(100%)}.logo-item:hover img{opacity:1;filter:grayscale(0%)}@media (max-width: 768px){.about-hero .hero-title{font-size:2.5rem}.vision-grid{grid-template-columns:1fr;gap:3rem}.vision-content h2{font-size:2rem}.vision-content .lead{font-size:1.1rem}.values-grid{grid-template-columns:1fr}.timeline:before{left:30px}.timeline-item{flex-direction:row!important;padding-left:4rem}.timeline-item:nth-child(2n){flex-direction:row!important}.timeline-year{position:absolute;left:0;margin:0;width:60px;height:60px;font-size:.9rem}.timeline-content{margin-left:0!important;margin-right:0!important}.team-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.5rem}.logos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.about-hero{padding:3rem 0}.about-hero .hero-title{font-size:2rem}.company-vision,.core-values,.company-history,.team-intro,.client-logos{padding:3rem 0}.value-card,.member-info,.timeline-content{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.logos-grid{grid-template-columns:repeat(2,1fr)}}