.about-page{font-family:sans-serif}.about-hero-section{position:relative;background-color:#0f0f0f;color:white;min-height:412px;overflow:hidden;display:flex;align-items:center;padding-left:20px;padding-right:20px}@media (min-width:768px){.about-hero-section{padding-left:auto;padding-right:auto}}.about-hero-container{max-width:896px;margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.about-hero-container{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.about-hero-container{padding-left:32px;padding-right:32px}}.about-hero-content{position:relative;z-index:20;text-align:center}.about-hero-subtitle{font-size:14px;margin-bottom:8px;color:#d1d5db}@media (min-width:768px){.about-hero-subtitle{font-size:16px;margin-bottom:12px}}.about-hero-title{color:#fff;font-size:26px;line-height:1.1;margin-bottom:20px;text-align:center}@media (min-width:768px){.about-hero-title{font-size:48px;margin-bottom:24px}}.about-hero-description{font-size:14px;color:#d1d5db;line-height:1.625;max-width:672px;margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.about-hero-description{font-size:16px}}.about-hero-lines,.about-hero-shine,.about-noise-bg{position:absolute;inset:0}.about-features-section{max-width:1200px;margin:0 auto;flex:1;background-color:white;padding-top:40px;padding-bottom:40px}@media (min-width:768px){.about-features-section{padding-top:60px;padding-bottom:60px}}@media (min-width:1024px){.about-features-section{padding-top:80px;padding-bottom:80px}}.about-features-container{max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.about-features-container{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.about-features-container{padding-left:32px;padding-right:32px}}.about-features-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1152px;margin:0 auto}@media (min-width:768px){.about-features-grid{grid-template-columns:repeat(3,1fr);gap:48px}}.about-feature-card{text-align:center}.about-controller-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:72px;height:72px;border-radius:50%;background:var(--primary-50);margin:0 auto 16px}.about-feature-title{font-size:20px;font-weight:500;margin-bottom:16px;color:#1f2937}@media (min-width:768px){.about-feature-title{font-size:24px}}.about-feature-description{color:#4b5563;font-size:14px;line-height:1.625}@media (min-width:768px){.about-feature-description{font-size:16px}}.about-who-we-are-section{max-width:1200px;margin:0 auto;flex:1;padding-top:40px;padding-bottom:40px}@media (min-width:768px){.about-who-we-are-section{padding-top:60px;padding-bottom:60px}}@media (min-width:1024px){.about-who-we-are-section{padding-top:96px;padding-bottom:96px}}.about-who-we-are-container{max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.about-who-we-are-container{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.about-who-we-are-container{padding-left:32px;padding-right:32px}}.about-who-we-are-content{display:flex;flex-direction:column;gap:32px;max-width:1280px;margin:0 auto}@media (min-width:1024px){.about-who-we-are-content{flex-direction:row;gap:48px}}.about-text-content{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-top:40px}@media (min-width:1024px){.about-text-content{width:66.666667%}}.about-section-title{font-size:24px;font-weight:500;color:#1f2937;margin-bottom:16px}@media (min-width:768px){.about-section-title{font-size:30px;margin-bottom:20px}}@media (min-width:1024px){.about-section-title{font-size:36px}}.about-text-paragraphs{display:flex;flex-direction:column;gap:24px;color:#4b5563;font-size:14px;line-height:1.625}@media (min-width:768px){.about-text-paragraphs{gap:32px;font-size:16px}}.about-image-placeholder{width:100%}@media (min-width:1024px){.about-image-placeholder{width:33.333333%}}.about-placeholder-box{background-color:#d1d5db;border-radius:8px;height:256px;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.about-placeholder-box{height:320px}}@media (min-width:1024px){.about-placeholder-box{height:384px}}.about-placeholder-content{text-align:center;color:#6b7280}.about-placeholder-icon{width:64px;height:64px;margin:0 auto 16px}.about-placeholder-text{font-size:14px}