.about-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:120px 0 80px}.about-hero-content{display:grid;grid-template-columns:1fr 450px;gap:4rem;align-items:center}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn-outline{background:transparent;border:2px solid rgba(59,130,246,.8);color:rgba(59,130,246,.9)}.btn-outline:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,1);color:rgba(59,130,246,1)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem}.feature-grid .feature-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:white;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);transition:transform .3s ease}.feature-grid .feature-item:hover{transform:translateY(-4px)}.feature-grid .feature-item i{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.feature-grid .feature-item h4{margin:0 0 .5rem;color:#1f2937;font-size:1.2rem}.feature-grid .feature-item p{margin:0;color:#6b7280;line-height:1.6}.values-showcase{background:#f8fafc;padding:5rem 0}.values-content{margin-top:4rem}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-bottom:4rem}.mv-item{text-align:center;background:white;border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 32px rgba(0,0,0,.08);transition:transform .3s ease}.mv-item:hover{transform:translateY(-8px)}.mv-icon{width:80px;height:80px;margin:0 auto 2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white}.mv-item h3{font-size:1.5rem;color:#1f2937;margin-bottom:1rem;font-weight:700}.mv-item p{color:#6b7280;line-height:1.6;font-size:1rem}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.principle-item{background:white;border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px rgba(0,0,0,.08);display:flex;align-items:flex-start;gap:2rem;transition:transform .3s ease}.principle-item:hover{transform:translateY(-4px)}.principle-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem}.principle-content h4{font-size:1.25rem;color:#1f2937;margin-bottom:.75rem;font-weight:600}.principle-content p{color:#6b7280;line-height:1.6;margin:0}@media (max-width:768px){.about-hero-content{text-align:center}.about-hero-content,.feature-grid,.mission-vision-grid{grid-template-columns:1fr;gap:2rem}.mission-vision-grid{margin-bottom:3rem}.principles-grid{grid-template-columns:1fr;gap:1.5rem}}.product-detail{margin-top:80px!important}.feature-item-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.section-header h2{color:#667eea!important;text-shadow:none!important;margin-bottom:1rem!important;font-size:2.2rem!important;font-weight:700!important;line-height:1.2!important}.product-detail{padding-bottom:80px}