.page-about{color:#333333;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.page-about__hero-section{padding-top:10px;background:linear-gradient(180deg,#f8fdfa 0%,#ffffff 100%);overflow:hidden}
.page-about__hero-image{width:100%;max-width:1200px;margin:0 auto}
.page-about__hero-image img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;display:block;border-radius:16px;box-shadow:0 12px 40px rgba(1,116,57,0.12)}
.page-about__hero-content{max-width:1200px;margin:0 auto;padding:28px 16px 36px;text-align:center}
.page-about__main-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.3;letter-spacing:0.5px;color:#017439;max-width:760px;margin:0 auto 16px}
.page-about__subtitle{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7;color:#4a4a4a;max-width:720px;margin:0 auto 28px}
.page-about__hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.page-about__btn{display:inline-block;padding:12px 28px;border-radius:12px;font-weight:700;text-decoration:none;transition:all .2s ease;text-align:center}
.page-about__btn--primary{background:#C30808;color:#FFFF00;border:2px solid #C30808}
.page-about__btn--primary:hover{background:#a30707;transform:translateY(-2px)}
.page-about__btn--secondary{background:#C30808;color:#FFFF00;border:2px solid #C30808}
.page-about__btn--secondary:hover{background:#a30707;transform:translateY(-2px)}
.page-about__btn--small{padding:8px 20px;font-size:0.9rem;border-radius:8px}
.page-about__intro-section,.page-about__features-section,.page-about__guides-section,.page-about__license-section{max-width:1200px;margin:0 auto;padding:56px 16px}
.page-about__section-title,.page-about__guide-title,.page-about__license-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#017439;text-align:center;margin-bottom:16px}
.page-about__intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding-top:24px}
.page-about__intro-text p{line-height:1.7;color:#444;margin-bottom:16px}
.page-about__intro-figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.page-about__features-lead,.page-about__guide-subtitle{text-align:center;max-width:720px;margin:0 auto 36px;line-height:1.7;color:#555}
.page-about__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.page-about__feature-item{background:#ffffff;border:1px solid #e8f0eb;border-radius:16px;padding:20px;transition:box-shadow .2s ease}
.page-about__feature-item:hover{box-shadow:0 10px 30px rgba(1,116,57,0.12)}
.page-about__feature-item img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:10px;margin-bottom:16px}
.page-about__feature-item h3{font-size:1.2rem;font-weight:700;color:#017439;margin-bottom:10px}
.page-about__feature-item p{line-height:1.6;color:#555;font-size:0.95rem}
.page-about__stats-section{background:linear-gradient(135deg,#017439 0%,#015c2e 100%);padding:64px 16px}
.page-about__stats-inner{max-width:1000px;margin:0 auto;text-align:center}
.page-about__stats-title{color:#ffffff;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:40px}
.page-about__stats-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.page-about__stats-item{flex:1;min-width:180px}
.page-about__stats-value{display:block;font-size:clamp(2.2rem,4vw,3rem);font-weight:900;color:#FFFF00;margin-bottom:8px}
.page-about__stats-label{color:#d0e8dc;font-size:1rem;font-weight:500}
.page-about__guides-section{background:#f9fcfb}
.page-about__steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-about__step-item{background:#ffffff;border:1px solid #e0ebe4;border-radius:18px;overflow:hidden;transition:transform .2s ease}
.page-about__step-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(1,116,57,0.12)}
.page-about__step-figure img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.page-about__step-content{padding:24px}
.page-about__step-number{display:inline-block;background:#017439;color:#ffffff;font-size:0.8rem;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:12px}
.page-about__step-content h3{font-size:1.2rem;font-weight:700;color:#017439;margin-bottom:10px}
.page-about__step-content p{line-height:1.6;color:#555;font-size:0.95rem;margin-bottom:16px}
.page-about__license-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding-top:24px}
.page-about__license-text p{line-height:1.7;color:#444;margin-bottom:16px}
.page-about__license-list{margin:20px 0 0;padding:0;list-style:none}
.page-about__license-list li{padding-left:24px;position:relative;line-height:1.7;color:#444;margin-bottom:8px}
.page-about__license-list li::before{content:"✔";position:absolute;left:0;color:#017439;font-weight:700}
.page-about__license-figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
@media (max-width:1024px){.page-about__intro-grid,.page-about__license-grid{grid-template-columns:1fr;gap:24px}
.page-about__features-grid{grid-template-columns:1fr}
.page-about__steps-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
.page-about__stats-grid{gap:32px}
.page-about__stats-item{min-width:140px}}
@media (max-width:768px){.page-about{padding-top:0}
.page-about__hero-section{padding-top:8px}
.page-about__hero-image{width:100%;padding:0 12px}
.page-about__hero-image img{aspect-ratio:16/9;width:100%;height:auto}
.page-about__hero-content{padding:20px 12px 28px}
.page-about__main-title{font-size:clamp(1.2rem,4.5vw,1.4rem)}
.page-about__subtitle{font-size:0.95rem;line-height:1.6}
.page-about__hero-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}
.page-about__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;padding:12px 16px}
.page-about__btn--small{width:auto}
.page-about__intro-section,.page-about__features-section,.page-about__guides-section,.page-about__license-section{padding:36px 12px}
.page-about__features-grid{grid-template-columns:1fr;gap:16px}
.page-about__feature-item{padding:16px}
.page-about__feature-item img{aspect-ratio:16/9}
.page-about__stats-section{padding:40px 16px}
.page-about__stats-grid{flex-direction:column;gap:24px}
.page-about__stats-item{min-width:auto}
.page-about__steps-grid{grid-template-columns:1fr;max-width:100%}
.page-about__step-content{padding:16px}
.page-about__license-grid{grid-template-columns:1fr}
.page-about__license-figure img{aspect-ratio:16/9}
.page-about img{max-width:100%!important;height:auto!important}}