.page-about{margin:0 auto;width:100%;color:#FFF3E6;background-color:#0D0E12}
.page-about__hero-section{display:flex;flex-direction:column;padding:10px 16px;max-width:1200px;margin:0 auto;gap:10px}
.page-about__hero-image-wrap{width:100%}
.page-about__hero-image{display:block;width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;border-radius:18px;box-shadow:0 0 22px rgba(255,176,77,.25)}
.page-about__hero-content{padding:0;width:100%;max-width:900px;margin:0 auto}
.page-about__hero-title{font-size:clamp(1.4rem,4vw,2.0rem);line-height:1.25;color:#FFF3E6;font-weight:700;margin:0 0 10px}
.page-about__hero-desc{font-size:15px;line-height:1.6;color:#FFF3E6;margin:0}
.page-about__story-section{padding:42px 16px 10px}
.page-about__story-inner,.page-about__mission-inner,.page-about__features-inner,.page-about__system-inner,.page-about__faq-inner{max-width:1000px;margin:0 auto;width:100%}
.page-about__story-title,.page-about__mission-title,.page-about__features-title,.page-about__system-title,.page-about__faq-title,.page-about__guide-title{color:#FFB04D;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.3;margin:0 0 12px}
.page-about__story-text{color:#FFF3E6;font-size:15px;line-height:1.7;margin:0 0 10px}
.page-about__story-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px;justify-items:center;margin:26px auto 0;width:100%}
.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:280px;width:100%;background:#17191F;border:1px solid #A84F0C;border-radius:18px;padding:16px 12px 18px;transition:transform .2s ease;box-sizing:border-box}
.page-about__logo-item:hover{transform:translateY(-4px)}
.page-about__logo-image{width:100%;aspect-ratio:400/200;object-fit:contain;display:block;background:#0D0E12;border-radius:12px}
.page-about__logo-cta{display:inline-block;padding:10px 20px;border-radius:40px;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;font-weight:700;text-decoration:none;font-size:14px;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-about__logo-item:nth-child(5){grid-column:2}
.page-about__logo-item:nth-child(6){grid-column:3}
.page-about__mission-section{padding:30px 16px}
.page-about__mission-text{color:#FFF3E6;font-size:15px;line-height:1.7;margin-bottom:18px}
.page-about__mission-highlight{display:flex;flex-wrap:wrap;gap:16px}
.page-about__highlight-card{flex:1 1 180px;background:#17191F;border:1px solid #A84F0C;border-radius:16px;padding:18px}
.page-about__highlight-title{color:#FFB04D;margin:0 0 8px;font-size:1.05rem}
.page-about__highlight-card p{color:#FFF3E6;margin:0;line-height:1.6;font-size:14px}
.page-about__features-section{padding:16px 16px 32px}
.page-about__features-grid{display:flex;flex-wrap:wrap;gap:18px;margin:0 auto;max-width:1200px;justify-content:center}
.page-about__feature-card{width:100%;background:#17191F;border:1px solid #A84F0C;border-radius:18px;overflow:hidden;max-width:380px;box-sizing:border-box}
.page-about__feature-image{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;display:block}
.page-about__feature-title{color:#FFB04D;font-size:1.1rem;margin:16px 12px 8px;line-height:1.3}
.page-about__feature-card p{color:#FFF3E6;font-size:14px;line-height:1.6;margin:0 12px 18px}
.page-about__system-section{padding:16px 16px 10px}
.page-about__system-inner{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.page-about__system-text{flex:1 1 320px}
.page-about__system-paragraph{color:#FFF3E6;line-height:1.7;margin-bottom:10px;font-size:15px}
.page-about__system-image{width:100%;max-width:600px;border-radius:18px;border:1px solid #A84F0C;aspect-ratio:800/400;object-fit:cover;display:block;box-sizing:border-box}
.page-about__guide-section{padding:28px 16px 40px}
.page-about__guide-inner{max-width:1000px;margin:0 auto;width:100%}
.page-about__guide-title{text-align:center}
.page-about__guide-figure{margin:18px auto;max-width:800px}
.page-about__guide-image{width:100%;aspect-ratio:800/400;object-fit:cover;border-radius:18px;display:block}
.page-about__guide-steps{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;justify-content:center}
.page-about__step-card{width:100%;max-width:280px;background:#17191F;border:1px solid #A84F0C;border-radius:18px;padding:20px;box-sizing:border-box}
.page-about__step-number{display:inline-block;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;font-weight:800;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px;margin-bottom:10px}
.page-about__step-title{color:#FFB04D;margin:0 0 8px;font-size:1.05rem}
.page-about__step-card p{color:#FFF3E6;margin:0;line-height:1.6;font-size:14px}
.page-about__faq-section{padding:28px 16px 60px}
.page-about__faq-inner{width:100%}
.page-about__faq-item{border:1px solid #A84F0C;border-radius:18px;padding:10px 14px;margin-bottom:10px;background:#17191F}
.page-about__faq-question{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;color:#FFF3E6;font-weight:600;margin:0}
.page-about__faq-question::-webkit-details-marker{display:none}
.page-about__faq-toggle{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;flex:none}
.page-about__faq-answer{color:#FFF3E6;line-height:1.7;margin:14px 0 8px;font-size:14px}
.page-about__faq-cta{margin-top:26px;padding:20px;background:linear-gradient(180deg,rgba(255,165,58,.12),rgba(217,104,0,.12));border:1px solid #A84F0C;border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.page-about__faq-cta-text{color:#FFF3E6;font-size:15px;line-height:1.5}
.page-about__btn-primary{display:inline-block;background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);color:#0D0E12;padding:12px 25px;border-radius:40px;text-decoration:none;font-weight:700;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}
@media (max-width:768px){
.page-about__hero-section{padding:8px 10px}
.page-about__hero-image{border-radius:14px;aspect-ratio:0.6/1}
.page-about__story-logo-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.page-about__logo-item{max-width:170px;padding:8px 4px 10px;gap:6px}
.page-about__logo-cta{font-size:0.65rem;padding:6px 4px;border-radius:30px;width:100%;white-space:normal}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}
.page-about__system-inner{flex-direction:column-reverse}
.page-about__features-grid{flex-direction:column;align-items:center}
.page-about__feature-card{max-width:600px}
.page-about__feature-title{margin-top:14px}
.page-about__guide-steps{flex-direction:column}
.page-about__step-card{max-width:100%}
.page-about img{max-width:100%!important;height:auto!important}
.page-about{overflow-x:hidden}
}