.page-about{background:#08162b;color:#b3c9ec;line-height:1.7;overflow-x:hidden;max-width:100%}
.page-about *,.page-about *::before,.page-about *::after{box-sizing:border-box}
.page-about .page-about__hero-section{background:linear-gradient(180deg,#0d2040,#08162b);padding:10px 0 0;margin:0;position:relative;overflow:hidden;width:100%;max-width:100%;text-align:center}
.page-about .page-about__hero-image-wrapper{display:block;width:100%;max-width:1200px;margin:0 auto;padding:0}
.page-about .page-about__hero-image{display:block;width:100%;margin:0 auto;object-fit:cover;aspect-ratio:1024/300;max-width:1200px}
.page-about .page-about__hero-content{padding:30px 16px 40px;margin:0 auto;max-width:760px;text-align:center;width:100%}
.page-about .page-about__hero-title{display:block;box-sizing:border-box;max-width:760px;margin:0 auto 16px;line-height:1.15;font-weight:800;letter-spacing:-0.02em;color:#f3f8ff;text-align:center;word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(28px,5vw,46px)}
.page-about .page-about__hero-description{display:block;box-sizing:border-box;max-width:680px;margin:0 auto 24px;padding:0 8px;font-size:1.125rem;line-height:1.7;color:#a8c0e8;text-align:center;word-wrap:break-word;overflow-wrap:break-word}
.page-about .page-about__hero-cta,.page-about .page-about__cta-button{background:linear-gradient(180deg,#2b73f6 0%,#1144a6 100%);color:#fff;font-weight:700;text-decoration:none;padding:13px 38px;border-radius:999px;border:1px solid #4a7bb0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;display:inline-block;text-align:center;white-space:normal;word-wrap:break-word;line-height:1.4;font-size:1rem;box-shadow:0 3px 8px rgba(0,0,0,.35)}
.page-about .page-about__hero-cta:hover,.page-about .page-about__cta-button:hover{transform:translateY(-4px);box-shadow:0 7px 13px rgba(0,0,0,.38)}
.page-about .page-about__intro-section{padding:50px 16px 10px}
.page-about .page-about__intro-container{max-width:950px;margin:0 auto;text-align:center}
.page-about .page-about__intro-title{color:#f3f8ff;font-weight:800;font-size:2rem;margin-bottom:24px;line-height:1.3;line-height:1.3;letter-spacing:-.02em}
.page-about .page-about__intro-text{color:#a8c0e8;font-size:1.1rem;line-height:1.8;margin-bottom:30px;text-align:left;color:#a8c0e8}
.page-about .page-about__intro-text strong{color:#f3f8ff}
.page-about .page-about__logos-section{padding:30px 0 20px;background:#0d2040;margin:0}
.page-about .page-about__logos-inner{max-width:1200px;margin:0 auto;padding:0 16px}
.page-about .page-about__logos-title{text-align:center;color:#f3f8ff;font-size:1.9rem;font-weight:800;margin-bottom:12px;line-height:1.3;letter-spacing:-.02em}
.page-about .page-about__logos-subtitle{text-align:center;color:#90a7c7;margin:0 auto;max-width:650px;padding-bottom:25px;font-size:1rem}
.page-about .page-about__logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px;justify-items:center;max-width:1080px;margin:0 auto;padding:0 8px;width:100}
.page-about .page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:250px;padding:16px 12px;background:#10233f;border-radius:14px;border:1px solid #244d84;box-shadow:0 3px 8px rgba(0,0,0,.35);width:100%;transition:transform .25s ease,box-shadow .25s}
.page-about .page-about__logo-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.4)}
.page-about .page-about__logo-image{width:100%;max-width:220px;height:auto;aspect-ratio:2/1;object-fit:contain;background:#0d1a33;border-radius:10px;display:block}
.page-about .page-about__logo-cta{background:linear-gradient(180deg,#2b73f6 0%,#1144a6 100%);color:#fff;padding:10px 27px;border-radius:999px;font-weight:700;text-decoration:none;font-size:.9rem;border:1px solid #4a7bb0;line-height:1.4;white-space:normal;word-wrap:break-word;display:inline-block;text-align:center}
.page-about .page-about__logo-cta:hover{background:linear-gradient(180deg,#1144a6,#0d3a8e);color:#fff;transform:scale(1.03)}
.page-about .page-about__logo-item:nth-child(5){grid-column:2}
.page-about .page-about__logo-item:nth-child(6){grid-column:3}
.page-about .page-about__features-section{padding:60px 16px 40px;max-width:100%}
.page-about .page-about__features-container{max-width:1200px;margin:0 auto;text-align:center}
.page-about .page-about__features-title{color:#f3f8ff;font-weight:800;font-size:2rem;margin-bottom:16px;line-height:1.3;letter-spacing:-.02em}
.page-about .page-about__features-intro{color:#a8c0e8;max-width:700px;margin:0 auto 35px;font-size:1.1rem}
.page-about .page-about__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-about .page-about__feature-card{background:#10233f;border-radius:18px;padding:28px 20px 24px;text-align:left;border:1px solid #244d84;transition:transform .25s;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.page-about .page-about__feature-card:hover{transform:translateY(-3px)}
.page-about .page-about__feature-icon-wrapper{margin-bottom:18px}
.page-about .page-about__feature-icon{width:48px;height:48px;border-radius:12px;background:rgba(79,168,255,.12);display:inline-flex;align-items:center;justify-content:center;font-size:2.1rem;line-height:1;color:#f2c14e}
.page-about .page-about__feature-title{color:#f3f8ff;font-weight:800;font-size:1.22rem;margin-bottom:10px;line-height:1.3}
.page-about .page-about__feature-text{color:#a8c0e8;font-size:.98rem;line-height:1.7}
.page-about .page-about__story-section{padding:30px 0 40px;background:#0d2040;margin:0}
.page-about .page-about__story-container{max-width:1100px;margin:0 auto;padding:20px 16px}
.page-about .page-about__story-title{text-align:center;color:#f3f8ff;font-weight:800;font-size:2rem;margin-bottom:25px;line-height:1.3;letter-spacing:-.02em}
.page-about .page-about__story-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px}
.page-about .page-about__story-image-wrapper{flex:1 1 350px;max-width:430px;min-width:0}
.page-about .page-about__story-image{display:block;width:100%;max-width:430px;height:auto;aspect-ratio:8/4;object-fit:cover;border-radius:14px;border:1px solid #244d84}
.page-about .page-about__story-text{flex:1 1 400px;min-width:0;color:#a8c0e8;font-size:1.03rem;line-height:1.7}
.page-about .page-about__story-text strong{color:#f3f8ff}
.page-about .page-about__cta-section{padding:45px 10px;background:#0d2040;margin:0}
.page-about .page-about__cta-container{max-width:710px;margin:0 auto;text-align:center}
.page-about .page-about__cta-title{color:#f3f8ff;font-size:1.9rem;font-weight:800;margin-bottom:10px;line-height:1.3;letter-spacing:-.02em}
.page-about .page-about__cta-text{color:#a8c0e8;font-size:1.1rem;margin-bottom:26px}
.page-about .page-about__cta-buttons{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;max-width:100%;padding:0 8px}
.page-about .page-about__cta-button-secondary{background:transparent;color:#f3f8ff;border:1px solid #f2c14e;padding:13px 38px;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s;display:inline-block;white-space:normal;word-wrap:break-word;text-align:center;line-height:1.4}
.page-about .page-about__cta-button-secondary:hover{background:#f2c14e;color:#0d2040}
.page-about .page-about__commitment-section{padding:45px 16px 30px}
.page-about .page-about__commitment-inner{max-width:850px;margin:0 auto}
.page-about .page-about__commitment-title{text-align:center;color:#f3f8ff;font-weight:800;font-size:2rem;margin-bottom:14px;line-height:1.3;letter-spacing:-.02em}
.page-about .page-about__commitment-description{color:#a8c0e8;font-size:1.05rem;text-align:center;margin-bottom:24px}
.page-about .page-about__commitment-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:14px}
.page-about .page-about__commitment-item{background:#10233f;border:1px solid #244d84;border-radius:14px;padding:17px 18px;color:#a8c0e8;font-size:1rem;line-height:1.7}
.page-about .page-about__commitment-item strong,.page-about .page-about__commitment-item em{color:#f3f8ff;font-style:normal}
.page-about .page-about__faq-section{padding:45px 16px 50px}
.page-about .page-about__faq-container{max-width:860px;margin:0 auto;width:100%;box-sizing:border-box}
.page-about .page-about__faq-title{text-align:center;color:#f3f8ff;font-weight:800;font-size:2rem;margin-bottom:30px;line-height:1.3;letter-spacing:-.02em}
.page-about .page-about__faq-item{background:#0e1c33;margin-bottom:14px;border-radius:12px;border:1px solid #244d84;max-width:100%;box-sizing:border-box}
.page-about .page-about__faq-detail{width:100%;max-width:100%;box-sizing:border-box;padding:0}
.page-about .page-about__faq-question{list-style:none;display:flex;justify-content:space-between;color:#f3f8ff;font-weight:700;cursor:pointer;padding:16px 20px;font-size:1.08rem;line-height:1.5;align-items:center}
.page-about .page-about__faq-question::-webkit-details-marker{display:none}
.page-about .page-about__faq-question:hover{color:#4fa8ff}
.page-about .page-about__faq-toggle{flex-shrink:0;margin-left:18px;background:#1b3357;color:#4fa8ff;border-radius:6px;height:28px;width:28px;display:flex;align-items:center;justify-content:center;font-weight:800;border:1px solid #244d84;font-size:1.1rem;line-height:1}
.page-about .page-about__faq-answer{padding:0 20px 16px;color:#9db8dd;font-size:.98rem;line-height:1.75;word-wrap:break-word;overflow-wrap:break-word;border-top:1px dashed #244d84;padding-top:14px}
.page-about .page-about__faq-answer strong{color:#f3f8ff}
a.page-about__logo-cta:focus-visible,a.page-about__hero-cta:focus-visible,a.page-about__cta-button:focus-visible,a.page-about__cta-button-secondary:focus-visible{outline:2px solid #f2c14e;outline-offset:2px}
@media (max-width: 1024px){
.page-about .page-about__features-grid{grid-template-columns:repeat(2,1fr)}
.page-about .page-about__hero-content{padding:26px 12px}
.page-about .page-about__hero-description{max-width:600px}
}
@media (max-width: 768px){
.page-about{overflow-x:hidden;max-width:100%}
.page-about .page-about__hero-section{padding-top:5px;overflow:hidden;text-align:center}
.page-about .page-about__hero-image{width:100%;aspect-ratio:2/1;object-fit:cover}
.page-about .page-about__hero-content{padding:28px 8px 35px;max-width:100%;width:100%}
.page-about .page-about__hero-title{font-size:clamp(22px,7.5vw,34px)!important;line-height:1.2;margin-bottom:10px;max-width:100%}
.page-about .page-about__hero-description{font-size:1rem;line-height:1.65;max-width:100%;padding:0 4px}
.page-about .page-about__hero-cta{padding:10px 18px;font-size:.92rem;display:inline-block;max-width:100%}
.page-about .page-about__intro-section{padding:30px 10px 10px}
.page-about .page-about__intro-title{font-size:1.4rem}
.page-about .page-about__intro-text{font-size:1rem}
.page-about .page-about__logos-section{padding:25px 0 20px}
.page-about .page-about__logos-inner{padding:0 10px}
.page-about .page-about__logos-title{font-size:1.4rem}
.page-about .page-about__logos-subtitle{font-size:.9rem;padding-bottom:15px}
.page-about .page-about__logos-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px;padding:0 4px}
.page-about .page-about__logo-item{max-width:100%}
.page-about .page-about__logo-item:nth-child(n){grid-column:auto}
.page-about .page-about__logo-image{width:100%;max-width:160px;margin:0 auto;aspect-ratio:2/1;height:auto!important}
.page-about .page-about__logo-cta{padding:7px 14px;font-size:.78rem;display:inline-block;max-width:100%}
.page-about .page-about__features-section{padding:35px 10px}
.page-about .page-about__features-container{padding:0 6px}
.page-about .page-about__features-title{font-size:1.4rem}
.page-about .page-about__features-intro{font-size:.98rem}
.page-about .page-about__features-grid{grid-template-columns:1fr}
.page-about .page-about__feature-card{padding:22px 14px}
.page-about .page-about__feature-title{font-size:1.15rem}
.page-about .page-about__feature-text{font-size:.94rem}
.page-about .page-about__story-section{padding:25px 0}
.page-about .page-about__story-container{padding:15px 8px}
.page-about .page-about__story-title{font-size:1.4rem}
.page-about .page-about__story-image-wrapper{flex:1 1 100%;max-width:100%;padding:0}
.page-about .page-about__story-image{width:100%;max-width:100%;height:auto;aspect-ratio:2/1}
.page-about .page-about__story-text{flex:1 1 100%;font-size:.98rem;padding:0 2px}
.page-about .page-about__cta-section{padding:30px 10px}
.page-about .page-about__cta-container{max-width:100%;padding:0 4px}
.page-about .page-about__cta-title{font-size:1.45rem}
.page-about .page-about__cta-text{font-size:1rem}
.page-about .page-about__cta-buttons{flex-direction:column;gap:14px;align-items:center;width:100%;padding:0 8px;overflow:hidden}
.page-about .page-about__cta-button{width:100%;max-width:100%;display:block;text-align:center;padding:12px 18px;box-sizing:border-box;white-space:normal;word-wrap:break-word;font-size:1rem}
.page-about .page-about__cta-button-secondary{width:100%;max-width:100%;display:block;text-align:center;padding:12px 18px;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-about .page-about__commitment-section{padding:30px 8px}
.page-about .page-about__commitment-title{font-size:1.4rem;text-align:center}
.page-about .page-about__commitment-description{font-size:.98rem}
.page-about .page-about__commitment-item{padding:13px 10px;font-size:.96rem}
.page-about .page-about__faq-section{padding:30px 8px}
.page-about .page-about__faq-title{font-size:1.4rem;margin-bottom:18px}
.page-about .page-about__faq-question{font-size:1.02rem;padding:13px 10px 13px 14px}
.page-about .page-about__faq-answer{padding:12px 14px 12px 14px}
.page-about .page-about img{max-width:100%!important;height:auto!important}
}
@supports (font-size: min(4vw, 30px)){
.page-about .page-about__hero-title{font-size:clamp(28px,5.8vw,48px)}
}