.about-page{color:var(--color-text);margin:0 auto}.about-hero{text-align:center;text-align:center;background-image:linear-gradient(#00000059,#0000008c),url(/images/anout.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 80px);padding:4rem 2rem;display:flex;position:relative}.about-hero h1{color:#fff;max-width:900px;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem)}.about-hero p{color:#fff;max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.8}.about-story,.about-mission,.about-values,.about-for,.about-features{background:#fff;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 16px #0000000d}.about-story h2,.about-mission h2,.about-values h2,.about-for h2,.about-features h2{color:var(--color-secondary);margin-bottom:1rem}.about-story p,.about-mission p{margin-bottom:1rem;line-height:1.8}.values-grid,.business-grid,.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.value-card,.business-grid div,.features-grid div{background:#faf9f7;border-radius:14px;padding:20px}.value-card h3{margin-bottom:10px}.about-cta{text-align:center;padding:5rem 2rem}.about-cta h2{color:var(--color-primary);margin-bottom:1rem}.about-cta p{max-width:600px;margin:0 auto 2rem;line-height:1.8}.cta-button{background:var(--color-primary);color:#fff;border-radius:14px;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.cta-button:hover{transform:translateY(-2px)}