.page-about{color:#333333;background:#f5f7fa;font-family:inherit}.page-about a{text-decoration:none}.page-about__hero{background:linear-gradient(180deg,#0A1F45 0%,#10233F 100%);padding:10px 16px 32px 16px}.page-about__hero-image-wrap{margin:0 auto 24px auto;max-width:1150px;width:100%}.page-about__hero-image{display:block;width:100%;height:auto;max-width:1150px;aspect-ratio:3/1;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,0.4)}.page-about__hero-content{margin:0 auto;max-width:1100px;text-align:center;color:#F3F8FF}.page-about__hero-title{font-size:clamp(1.25rem,2.3vw,2rem);font-weight:800;line-height:1.3;letter-spacing:0.25px;max-width:800px;margin:0 auto 14px auto;color:#F3F8FF}.page-about__hero-desc{color:#AFC4E8;font-size:clamp(0.9rem,1.2vw,1rem);line-height:1.7;max-width:750px;margin:0 auto 24px auto}.page-about__hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;width:100%;box-sizing:border-box;max-width:100%;overflow:hidden}@media(max-width:768px){.page-about__hero{padding:10px 10px 24px 10px}.page-about__hero-image-wrap{margin-bottom:16px}.page-about__hero-image{max-width:100% !important;height:auto !important}.page-about__hero-actions{gap:10px}.page-about__hero-actions .page-about__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;flex:1 1 auto}}.page-about__badges{background:#F3F8FF;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 16px;max-width:100%;box-sizing:border-box}@media(max-width:768px){.page-about__badges{grid-template-columns:1fr;gap:12px}}.page-about__badge-card{background:#fff;border:1px solid #e0e8f5;border-radius:10px;text-align:center;padding:20px 16px;box-sizing:border-box}.page-about__badge-card strong{display:block;font-size:1.05rem;color:#113B7A;margin-bottom:6px}.page-about__badge-card p{margin:0;font-size:0.85rem;line-height:1.5;color:#556b8d;font-weight:400}@media(max-width:768px){.page-about__badge-card strong{font-size:1rem}.page-about__badge-card p{font-size:0.8rem}}.page-about__discover{padding:40px 16px;max-width:1120px;margin:0 auto}.page-about__discover-inner{width:100%;max-width:1120px;margin:0 auto;box-sizing:border-box}.page-about__section-title{color:#113B7A;font-size:1.5rem;font-weight:700;margin-bottom:18px}.page-about__section-sub{color:#555;line-height:1.7;margin:0 auto 24px;max-width:800px;text-align:left}.page-about__cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-content:center}@media(max-width:768px){.page-about__cover-grid{grid-template-columns:1fr}}.page-about__cover-item{display:block;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:transform .2s ease, box-shadow .2s ease}.page-about__cover-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.1)}.page-about__cover-image{display:block;width:100%;max-height:200px;height:auto;object-fit:cover}@media(max-width:768px){.page-about__cover-image{max-width:100% !important;height:auto !important}}.page-about__cover-title{display:block;padding:12px 14px;font-weight:700;color:#113B7A}.page-about__intro,.page-about__features{background:#fff;padding:40px 20px}.page-about__intro-inner{max-width:1120px;margin:0 auto}.page-about__section-title{color:#113B7A}.page-about__intro p{margin-bottom:16px;line-height:1.75;color:#333}.page-about__discover .page-about__section-title,.page-about__intro .page-about__section-title{color:#113B7A}.page-about__features-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.page-about__features-grid{grid-template-columns:1fr}}.page-about__feature-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05);box-sizing:border-box;border-top:4px solid #113B7A}.page-about__feature-title{color:#113B7A;font-size:1.1rem;margin-bottom:8px}.page-about__feature-desc{color:#556b8d;line-height:1.6;font-size:0.9rem;margin:0}.page-about__app{padding:40px 20px;background:#10233F}.page-about__app-inner{max-width:1120px;margin:0 auto;text-align:left}.page-about__app-info .page-about__section-title{color:#F3F8FF}.page-about__app-info{padding-bottom:20px;color:#AFC4E8}.page-about__app-info p{line-height:1.8;margin:0;color:#AFC4E8}.page-about__app-visual{max-width:560px;margin:0 auto 20px auto}.page-about__app-image{display:block;width:100%;max-width:560px;aspect-ratio:16/9;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.3)}@media(max-width:768px){.page-about__app-image{max-width:100% !important;height:auto !important}}.page-about__btn{display:inline-block;padding:12px 28px;border-radius:999px;text-align:center;transition:transform .2s, box-shadow .2s}.page-about__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#F3F8FF}.page-about__btn--outline{border:2px solid #AFC4E8;color:#F3F8FF}.page-about__btn--center{margin:12px auto;display:block;width:max-content}.page-about__btn:hover{transform:translateY(-2px)}@media(max-width:768px){.page-about__btn{width:auto;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-about__app{margin:0;padding:20px}.page-about__intro,.page-about__features{padding:20px}}.page-about__trust{padding:30px 20px;background:#F8FAFD}.page-about__trust-inner{max-width:1100px;margin:0 auto}.page-about__trust .page-about__section-title{color:#113B7A;text-align:left}.page-about__list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.page-about__list{grid-template-columns:1fr}}.page-about__list-item{position:relative;padding-left:22px;color:#556b8d;font-size:0.95rem;line-height:1.6}.page-about__list-item::before{content:'✓';position:absolute;left:0;color:#113B7A;font-weight:700}.page-about__step{padding:40px 20px;background:#fff}.page-about__step-inner{max-width:1120px;margin:0 auto}.page-about__step-inner .page-about__section-title{color:#113B7A;text-align:center}.page-about__step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;width:100%;box-sizing:border-box}@media(max-width:768px){.page-about__step-grid{grid-template-columns:1fr;gap:16px}}.page-about__step-item{background:#10233F;padding:20px;border-radius:12px;color:#F3F8FF;text-align:left;box-sizing:border-box}.page-about__step-number{display:inline-block;min-width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;background:#F2C14E;color:#113B7A;font-weight:800;font-size:1.1rem;margin-bottom:12px}.page-about__step-title{color:#F3F8FF;font-size:1.05rem;font-weight:600;margin:0 0 10px}.page-about__step-desc{color:#AFC4E8;line-height:1.6;font-size:0.9rem}.page-about__step-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px;max-width:100%;box-sizing:border-box;overflow:hidden}.page-about__step-actions .page-about__btn{white-space:normal}.page-about__step-actions .page-about__btn--primary{background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);color:#fff}.page-about__faq{padding:40px 20px}.page-about__faq-inner{max-width:900px;margin:0 auto}.page-about__faq .page-about__section-title{color:#113B7A;text-align:center}.page-about__faq-item{background:#fff;border:1px solid #e0e8f5;border-radius:10px;padding:16px 16px;margin-bottom:12px;box-sizing:border-box}.page-about__faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-weight:600;color:#113B7A}.page-about__faq-question::-webkit-details-marker{display:none}.page-about__faq-icon{flex:0 0 auto;font-size:1.25rem;font-weight:700;color:#113B7A;margin-left:12px;line-height:1}.page-about__faq-answer{color:#333;padding-top:8px;margin-top:12px;border-top:1px solid #e4ebf5;line-height:1.7;font-size:0.9rem}.page-about__faq-more{text-align:center;color:#556b8d;margin-top:30px}.page-about{max-width:100%;overflow-x:hidden}@media(max-width:768px){.page-about img{max-width:100% !important;height:auto !important}.page-about{font-size:0.95rem}.page-about__section-title{font-size:1.1rem}.page-about__feature-card{padding:16px}.page-about__app-inner{text-align:left}.page-about__cover-grid + .page-about__title{margin-top:20px}.page-about__btn{width:auto}}.page-about__faq-item[open] .page-about__faq-question .page-about__faq-icon{transform:none}