.page-about-us{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:#333;background-color:#f0f4f8;max-width:100%;overflow-x:hidden}
.page-about-us *,.page-about-us *::before,.page-about-us *::after{box-sizing:border-box}
.page-about-us__hero{padding:10px 0 0;background:linear-gradient(180deg,#08162B 0%,#10233F 100%)}
.page-about-us__hero-image{max-width:1020px;margin:0 auto;padding:0 12px}
.page-about-us__hero-image img{display:block;width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}
.page-about-us__hero-content{max-width:1020px;margin:0 auto;padding:16px 12px 18px;text-align:center}
.page-about-us__hero-title{color:#F3F8FF;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800;line-height:1.35;letter-spacing:0.01em;max-width:900px;margin:0 auto 8px}
.page-about-us__hero-description{color:#AFC4E8;font-size:1rem;line-height:1.7;max-width:850px;margin:0 auto}
.page-about-us__brands{padding:32px 16px;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.page-about-us__brands-inner{max-width:1020px;margin:0 auto}
.page-about-us__brands-title{color:#08162B;font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:34px}
.page-about-us__brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 18px;justify-items:center}
.page-about-us__brands-item{display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);padding:18px 16px;border-radius:14px;width:100%;max-width:240px;border:1px solid rgba(244,193,78,0.3);box-shadow:0 4px 14px rgba(0,0,0,0.15)}
.page-about-us__brands-item img{width:100%;aspect-ratio:2/1;object-fit:contain;background:#fff;border-radius:8px;padding:8px}
.page-about-us__brands-caption{color:#F3F8FF;font-weight:600;font-size:0.7rem;text-align:center;background:rgba(8,22,43,0.4);padding:4px 10px;border-radius:999px;display:inline-block}
.page-about-us__intro{padding:36px 16px 24px;background:#fff}
.page-about-us__intro-inner{max-width:900px;margin:0 auto;border-left:4px solid #F2C14E;padding-left:18px}
.page-about-us__intro-title{color:#113B7A;font-size:1.7rem;font-weight:800;margin-bottom:10px}
.page-about-us__intro-content p{color:#334155;line-height:1.8;margin-bottom:12px;font-size:1.02rem}
.page-about-us__mission{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:24px 16px 40px;background:#f0f4f8;max-width:1020px;margin:0 auto}
.page-about-us__mission-card{background:#10233F;border-radius:18px;padding:32px 28px;text-align:center;box-shadow:0 8px 24px rgba(17,59,122,0.25)}
.page-about-us__mission-icon{font-size:2.8rem;margin-bottom:10px;display:block}
.page-about-us__mission-title{color:#F3F8FF;font-size:1.35rem;font-weight:700;margin-bottom:12px}
.page-about-us__mission-text{color:#AFC4E8;line-height:1.75;font-size:0.98rem}
.page-about-us__values{background:#08162B;padding:40px 16px;border-radius:22px;max-width:1140px;margin:0 auto}
.page-about-us__values-inner{max-width:1020px;margin:0 auto}
.page-about-us__values-title{color:#F3F8FF;font-size:1.85rem;font-weight:800;text-align:center;margin-bottom:8px}
.page-about-us__values-lead{color:#AFC4E8;text-align:center;max-width:700px;margin:0 auto 28px;font-size:1rem;line-height:1.7}
.page-about-us__values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-about-us__value-item{background:#10233F;border:1px solid #244D84;border-radius:16px;padding:28px 22px;text-align:center;transition:transform 0.2s}
.page-about-us__value-item:hover{transform:translateY(-6px)}
.page-about-us__value-number{font-size:2.4rem;font-weight:800;color:#F2C14E;opacity:0.4;display:block;line-height:1}
.page-about-us__value-name{color:#F3F8FF;font-size:1.2rem;font-weight:700;margin:12px 0 14px}
.page-about-us__value-desc{color:#AFC4E8;font-size:0.96rem;line-height:1.75}
.page-about-us__choose{display:flex;gap:50px;align-items:center;padding:48px 16px 56px;max-width:1020px;margin:0 auto}
.page-about-us__choose-content{flex:1;border:2px solid #244D84;border-radius:18px;padding:36px 28px;background:linear-gradient(135deg,#10233F 0%,#08162B 100%)}
.page-about-us__choose-title{color:#F3F8FF;font-size:1.5rem;font-weight:800;line-height:1.3;margin-bottom:12px}
.page-about-us__choose-text{color:#AFC4E8;font-size:1rem;line-height:1.8;margin-bottom:16px}
.page-about-us__choose-list{list-style:none;margin:0;padding:0}
.page-about-us__choose-list li{color:#F3F8FF;padding-left:28px;position:relative;margin-bottom:10px;line-height:1.5}
.page-about-us__choose-list li::before{content:'\2713';color:#F2C14E;font-weight:700;position:absolute;left:0;top:0}
.page-about-us__choose-cta{margin-top:18px;display:inline-block;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;padding:14px 30px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1.1rem;box-shadow:0 6px 20px rgba(43,115,246,0.25);transition:transform 0.2s,box-shadow 0.2s}
.page-about-us__choose-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(43,115,246,0.4)}
.page-about-us__choose-note{display:block;color:#AFC4E8;font-size:0.85rem;margin-top:10px}
.page-about-us__choose-image{flex:1}
.page-about-us__choose-image img{width:100%;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.2);object-fit:cover;aspect-ratio:800/600}
.page-about-us__guide{background:#f0f4f8;padding:44px 16px 54px}
.page-about-us__guide-inner{max-width:1020px;margin:0 auto}
.page-about-us__guide-title{color:#113B7A;font-size:1.7rem;font-weight:800;text-align:center;margin-bottom:36px}
.page-about-us__guide-steps{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:16px}
.page-about-us__guide-steps li{background:#fff;border-radius:14px;padding:24px 24px 24px 80px;position:relative;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.page-about-us__guide-step-number{position:absolute;width:50px;height:50px;left:16px;top:26px;border-radius:50%;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center}
.page-about-us__guide-step-title{color:#08162B;font-size:1.15rem;font-weight:700;margin-bottom:6px}
.page-about-us__guide-step-text{color:#4b5563;line-height:1.7;font-size:0.97rem}
.page-about-us__guide-cta-group{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.page-about-us__guide-cta{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff;padding:12px 26px;font-weight:700;text-decoration:none;border-radius:8px;transition:opacity 0.2s}
.page-about-us__guide-cta--primary{box-shadow:0 4px 14px rgba(43,115,246,0.3)}
.page-about-us__guide-cta:hover{opacity:0.9}
.page-about-us__faq{background:#ffffff;padding:44px 16px 56px}
.page-about-us__faq-title{color:#08162B;font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:26px}
.page-about-us__faq-list{max-width:850px;margin:0 auto}
.page-about-us__faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.page-about-us__faq-item summary{list-style:none;display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-weight:600;color:#113B7A;font-size:1.02rem}
.page-about-us__faq-item summary::-webkit-details-marker{display:none}
.page-about-us__faq-item summary span{flex:0 0 20px;height:20px;background:#2B73F6;color:#fff;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700}
.page-about-us__faq-item p{color:#334155;line-height:1.7;margin:14px 0 0;padding-left:32px;font-size:0.98rem}
@media (max-width: 1024px){.page-about-us__hero-image{padding:0 16px;max-width:960px;width:100%;margin:0 auto}.page-about-us__brands-grid{grid-template-columns:repeat(3,1fr);max-width:750px;margin:0 auto}.page-about-us__choose{flex-direction:column-reverse;max-width:700px}.page-about-us__choose-image{width:100%;max-width:680px}.page-about-us__values-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 768px){.page-about-us,.page-about-us img{max-width:100%!important;height:auto!important}.page-about-us__hero{padding-top:8px}.page-about-us__hero-image img{aspect-ratio:10/7}.page-about-us__hero-title{word-break:break-word}.page-about-us__brands-inner,.page-about-us__values-inner,.page-about-us__guide-inner{width:100%;max-width:100%;padding:0 8px}.page-about-us__brands{padding-left:8px;padding-right:8px}.page-about-us__brands-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-about-us__brands-item{width:100%;max-width:100%;padding:12px 10px}.page-about-us__brands-item img{width:100%;max-width:100%}.page-about-us__mission{grid-template-columns:1fr}.page-about-us__values-grid{grid-template-columns:1fr}.page-about-us__choose{display:block;padding:30px 12px}.page-about-us__choose-content{display:block;width:100%;max-width:100%;padding:24px 16px}.page-about-us__choose-cta{width:100%;max-width:100%;white-space:normal;text-align:center}.page-about-us__choose-image{margin-top:18px;width:100%;max-width:100%}.page-about-us__guide-cta{width:auto;max-width:100%;box-sizing:border-box;white-space:normal;text-align:center;margin-bottom:8px}.page-about-us__guide-cta-group{display:block;width:100%;max-width:100%;overflow:hidden}.page-about-us__guide-cta-group a{display:block}.page-about-us__faq-title{font-size:1.2rem}
}