.about-page{background-color:var(--color-neutral-50);padding-bottom:var(--spacing-16)}.about-hero{color:#fff;padding:var(--spacing-16)0;text-align:center;background:linear-gradient(135deg,#061a4a 0%,#0a2463 35%,#1e56a0 100%);position:relative;overflow:hidden}.about-hero:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M0 0h1v1H0zM20 0h1v1h-1zM0 20h1v1H0zM20 20h1v1h-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.about-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#00b4d81f,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-80px}.about-hero .container{z-index:1;position:relative}.about-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.about-hero p{font-size:var(--font-size-lg);color:var(--color-neutral-200);max-width:600px;margin:0 auto}.about-stats{padding:var(--spacing-8)0;border-bottom:1px solid var(--color-neutral-200);background-color:#fff}.stats-grid{gap:var(--spacing-8);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stat-item h3{font-size:var(--font-size-3xl);color:var(--color-primary-600);margin-bottom:var(--spacing-2)}.stat-item p{color:var(--color-neutral-600);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px}.about-section{padding:var(--spacing-16)0}.about-section.alt-bg{background-color:#fff}.section-grid{gap:var(--spacing-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.section-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);color:var(--color-neutral-900)}.section-content p{color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.section-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;display:block;position:relative;overflow:hidden}.product-showcase{width:100%;display:block;position:relative}.product-showcase:before{display:none}.section-image img{z-index:1;object-fit:cover;width:100%;max-width:100%;height:auto;display:block;position:relative}.values-grid{gap:var(--spacing-8);margin-top:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}.value-card{padding:var(--spacing-8);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:transform var(--transition-fast);background-color:#fff}.value-card:hover{transform:translateY(-5px)}.value-icon{font-size:var(--font-size-4xl);color:var(--color-primary-600);margin-bottom:var(--spacing-4);display:inline-block}.value-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);color:var(--color-neutral-900)}.value-card p{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media (max-width:1023px){.section-grid{gap:var(--spacing-8);grid-template-columns:1fr}.section-image{order:-1}}@media (max-width:767px){.stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr}.about-hero h1{font-size:var(--font-size-3xl)}}