.page-about{background:#F4F7FB;color:#1F2D3D;box-sizing:border-box}
.page-about__hero-section{display:flex;flex-direction:column;align-items:center;padding:10px 16px 0;background:#F4F7FB}
.page-about__hero-image-container{width:100%;max-width:1200px;margin:0 auto}
.page-about__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:16px;box-shadow:0 8px 24px rgba(47,107,255,0.15)}
.page-about__hero-content{width:100%;max-width:1200px;margin:24px auto 0;text-align:center}
.page-about__hero-title{font-weight:800;line-height:1.3;letter-spacing:0.01em;color:#1F2D3D;max-width:900px;margin:0 auto 12px;font-size:clamp(1.6rem,4vw,2.6rem)}
.page-about__hero-subtitle{font-size:1.05rem;line-height:1.7;color:#4a5a6e;max-width:850px;margin:0 auto 24px}
.page-about__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.page-about__btn{display:inline-block;padding:14px 36px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer;font-size:1rem;line-height:1.4;text-align:center;box-sizing:border-box;color:#fff}
.page-about__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#fff}
.page-about__btn--secondary{background:linear-gradient(180deg,#6FA3FF 0%,#2F6BFF 100%);color:#fff}
.page-about__btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(47,107,255,0.35)}
.page-about__story-section{padding:40px 16px 0}
.page-about__story-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:20px;padding:32px}
.page-about__story-image-wrapper{width:100%}
.page-about__story-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.page-about__story-content{padding:0 8px}
.page-about__section-subtitle{font-size:2rem;font-weight:800;color:#1F2D3D;margin-bottom:12px;line-height:1.3}
.page-about__story-content p{font-size:1rem;line-height:1.7;color:#4a5a6e;margin-bottom:16px}
.page-about__story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 24px}
.page-about__stat-item{text-align:center;background:#F4F7FB;border-radius:8px;padding:12px}
.page-about__stat-number{display:block;font-size:1.8rem;font-weight:800;color:#2F6BFF}
.page-about__stat-text{font-size:.9rem;color:#4a5a6e}
.page-about__values-section{padding:40px 16px;background:#F4F7FB}
.page-about__values-container{max-width:1200px;margin:0 auto}
.page-about__section-title{font-size:2rem;font-weight:800;color:#1F2D3D;text-align:center;margin-bottom:32px;line-height:1.3}
.page-about__values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.page-about__value-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:0;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.page-about__value-card:hover{transform:scale(1.02);box-shadow:0 10px 24px rgba(47,107,255,0.12)}
.page-about__value-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.page-about__value-title{font-size:1.2rem;font-weight:700;color:#1F2D3D;padding:16px 12px 4px}
.page-about__value-card p{font-size:.9rem;line-height:1.5;color:#4a5a6e;padding:0 12px 20px}
.page-about__features-section{padding:0 16px 40px}
.page-about__features-container{max-width:1200px;margin:0 auto}
.page-about__features-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-about__feature-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.page-about__feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(47,107,255,0.12)}
.page-about__feature-image{width:100%;height:auto;aspect-ratio:6/4;object-fit:cover;display:block}
.page-about__feature-title{font-size:1.15rem;font-weight:700;color:#1F2D3D;padding:20px 20px 8px}
.page-about__feature-item p{font-size:.9rem;color:#4a5a6e;line-height:1.6;padding:0 20px 20px}
.page-about__team-logo-section{padding:0 16px 40px}
.page-about__team-container{max-width:1200px;margin:0 auto}
.page-about__team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.page-about__team-member{text-align:center}
.page-about__team-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;box-shadow:0 6px 16px rgba(47,107,255,0.12)}
.page-about__team-name{font-size:1rem;font-weight:600;color:#1F2D3D;margin-top:12px}
.page-about__partner-logos-section{padding:0 16px 40px}
.page-about__partner-logos-container{max-width:1200px;margin:0 auto}
.page-about__partner-logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center}
.page-about__partner-logo-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:280px}
.page-about__partner-logo-img{width:100%;aspect-ratio:2/1;object-fit:contain;border:1px solid #D6E2FF;border-radius:12px;padding:4px;background:#fff}
.page-about__partner-logo-item:nth-child(5){grid-column:2}
.page-about__partner-logo-item:nth-child(6){grid-column:3}
.page-about__testimonials-section{padding:0 16px 40px}
.page-about__testimonials-container{max-width:1200px;margin:0 auto}
.page-about__testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-about__testimonial-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:24px;text-align:center}
.page-about__testimonial-author{font-weight:700;color:#2F6BFF;margin-top:16px}
.page-about__faq-section{padding:0 16px 40px}
.page-about__faq-container{max-width:850px;margin:0 auto}
.page-about__faq-list{display:flex;flex-direction:column;gap:12px}
.page-about__faq-item{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:16px 20px}
.page-about__faq-item summary{font-weight:600;cursor:pointer;color:#1F2D3D}
.page-about__faq-answer p{padding-top:12px;color:#4a5a6e;line-height:1.7}
.page-about__cta-section{padding:0 16px 48px}
.page-about__cta-banner{background:linear-gradient(135deg,#2F6BFF 0%,#6FA3FF 100%);border-radius:24px;max-width:1200px;margin:0 auto;padding:44px 32px;text-align:center}
.page-about__cta-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#FFFFFF;margin-bottom:12px;line-height:1.3}
.page-about__cta-banner p{color:#FFFFFF;opacity:.92;max-width:600px;margin:0 auto 24px;line-height:1.7}
.page-about__cta-banner .page-about__btn--secondary{background:#FFFFFF;color:#2F6BFF}
@media(max-width:1024px){.page-about__story-container{grid-template-columns:1fr}.page-about__story-image-wrapper{margin-bottom:16px}.page-about__values-grid{grid-template-columns:repeat(2,1fr)}.page-about__features-list{grid-template-columns:repeat(2,1fr)}.page-about__team-grid{grid-template-columns:repeat(2,1fr)}.page-about__testimonials-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.page-about{overflow-x:hidden}.page-about__hero-section{padding-top:10px}.page-about__hero-image{aspect-ratio:2/1}.page-about__story-section{padding-top:24px}.page-about__story-container{grid-template-columns:1fr;padding:20px}.page-about__values-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-about__features-list{grid-template-columns:1fr}.page-about__team-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-about__team-image{aspect-ratio:1/1}.page-about__partner-logos-grid{grid-template-columns:repeat(2,1fr);gap:16px}.page-about__partner-logo-item:nth-child(5),.page-about__partner-logo-item:nth-child(6){grid-column:auto}.page-about__testimonials-grid{grid-template-columns:1fr}.page-about__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-about__hero-actions,.page-about__cta-actions{flex-direction:column;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.page-about__cta-banner{padding:36px 20px}.page-about__hero-subtitle{font-size:1rem}.page-about__section-title{font-size:1.5rem}.page-about__section-subtitle{font-size:1.4rem}.page-about img{max-width:100%!important;height:auto!important}}