.page-about{background:#08160F;color:#F2FFF6;font-family:'Segoe UI',Roboto,Arial,sans-serif;line-height:1.7;overflow-x:hidden;padding-top:10px;padding-bottom:40px}.page-about__container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.page-about__hero-section{padding:10px 0 30px}.page-about__hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.page-about__hero-image{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;border-radius:18px;border:1px solid #2E7A4E;background:#11271B}.page-about__hero-image img{width:100%;max-width:100%;height:auto;display:block;border-radius:18px}.page-about__hero-content{width:100%;max-width:100%;box-sizing:border-box;background:#11271B;border:1px solid #2E7A4E;border-radius:18px;padding:28px}.page-about__main-title{color:#F2FFF6;font-weight:700;line-height:1.35;letter-spacing:.3px;margin:0 0 14px;max-width:900px}.page-about__hero-desc{color:#A7D9B8;margin:0 0 20px;max-width:820px}.page-about__hero-actions,.page-about__cta-actions,.page-about__contact-actions{display:flex;flex-wrap:wrap;gap:14px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.page-about__btn-primary,.page-about__btn-secondary,.page-about__btn-outline{display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;text-decoration:none;font-weight:700;padding:13px 26px;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.page-about__btn-primary{background:linear-gradient(180deg,#2AD16F 0%,#13994A 100%);color:#04170D;border:2px solid transparent;box-shadow:0 6px 18px rgba(87,227,141,.28)}.page-about__btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(87,227,141,.42)}.page-about__btn-secondary{background:#11271B;color:#F2FFF6;border:2px solid #2E7A4E}.page-about__btn-secondary:hover{background:#0A4B2C;border-color:#57E38D}.page-about__btn-outline{background:transparent;color:#F2C14E;border:2px solid #F2C14E}.page-about__btn-outline:hover{background:rgba(242,193,78,.12)}.page-about__intro-section,.page-about__mission-section,.page-about__vision-section,.page-about__values-section,.page-about__products-section,.page-about__commitment-section,.page-about__guide-section,.page-about__faq-section,.page-about__contact-section,.page-about__note-section{padding:34px 0}.page-about__section-title{color:#F2FFF6;font-size:1.6rem;font-weight:700;line-height:1.35;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #1E3A2A;position:relative}.page-about__section-title::after{content:'';position:absolute;left:0;bottom:-1px;width:70px;height:3px;background:linear-gradient(90deg,#22C768,#F2C14E);border-radius:3px}.page-about__subsection-title{color:#57E38D;font-size:1.15rem;font-weight:700;margin:22px 0 10px}.page-about__text{color:#A7D9B8;margin:0 0 14px}.page-about__mission-grid,.page-about__values-grid,.page-about__products-grid,.page-about__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:100%;max-width:100%;box-sizing:border-box}.page-about__values-grid{grid-template-columns:repeat(2,1fr)}.page-about__guide-grid{grid-template-columns:repeat(4,1fr)}.page-about__mission-card,.page-about__value-card,.page-about__product-card,.page-about__guide-card{background:#11271B;border:1px solid #2E7A4E;border-radius:16px;padding:22px;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.page-about__mission-card:hover,.page-about__value-card:hover,.page-about__product-card:hover,.page-about__guide-card:hover{border-color:#57E38D;box-shadow:0 8px 22px rgba(10,75,44,.5)}.page-about__card-title{color:#F2FFF6;font-size:1.1rem;font-weight:700;line-height:1.45;margin:0 0 10px}.page-about__card-link{color:#57E38D;text-decoration:none;border-bottom:1px dashed rgba(87,227,141,.5);transition:color .2s ease}.page-about__card-link:hover{color:#F2C14E;border-bottom-color:#F2C14E}.page-about__product-card img,.page-about__vision-image img{width:100%;max-width:100%;height:auto;display:block;border-radius:12px;margin-bottom:14px}.page-about__vision-image{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;margin-top:22px;border:1px solid #2E7A4E;border-radius:16px;background:#11271B}.page-about__vision-image img{margin-bottom:0}.page-about__cta-box{margin-top:26px;background:linear-gradient(160deg,#0A4B2C 0%,#11271B 100%);border:1px solid #2E7A4E;border-radius:16px;padding:26px;box-sizing:border-box;width:100%;max-width:100%}.page-about__cta-title{color:#F2FFF6;font-size:1.2rem;font-weight:700;margin:0 0 10px}.page-about__faq-item{background:#11271B;border:1px solid #2E7A4E;border-radius:12px;margin-bottom:12px;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%}.page-about__faq-question{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;color:#F2FFF6;font-weight:600}.page-about__faq-question::-webkit-details-marker{display:none}.page-about__faq-qtext{flex:1}.page-about__faq-toggle{color:#57E38D;font-size:1.35rem;font-weight:700;line-height:1;flex:0 0 auto}.page-about__faq-answer{padding:0 20px 18px;border-top:1px solid #1E3A2A}.page-about__faq-answer .page-about__text{margin:14px 0 0}.page-about__contact-actions{margin-top:6px}.page-about__note-section .page-about__text:last-child{margin-bottom:0}@media (max-width:1024px){.page-about__mission-grid,.page-about__products-grid{grid-template-columns:repeat(2,1fr)}.page-about__guide-grid{grid-template-columns:repeat(2,1fr)}.page-about__values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-about{padding-top:10px;padding-bottom:30px;font-size:16px;line-height:1.65;max-width:100%;overflow-x:hidden}.page-about img{max-width:100%!important;width:100%!important;height:auto!important;display:block}.page-about__container,.page-about__hero-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:15px;padding-right:15px;overflow-x:hidden}.page-about__hero-section{padding-top:10px;padding-bottom:20px}.page-about__hero-image,.page-about__hero-content,.page-about__cta-box,.page-about__vision-image{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.page-about__hero-content{padding:20px}.page-about__hero-actions,.page-about__cta-actions,.page-about__contact-actions{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:0;padding-right:0;flex-wrap:wrap!important;flex-direction:column!important;gap:10px}.page-about__btn-primary,.page-about__btn-secondary,.page-about__btn-outline{width:100%!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;word-wrap:break-word!important;padding-left:15px;padding-right:15px}.page-about__mission-grid,.page-about__values-grid,.page-about__products-grid,.page-about__guide-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;gap:16px}.page-about__mission-card,.page-about__value-card,.page-about__product-card,.page-about__guide-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:18px;overflow:hidden}.page-about__section-title{font-size:1.3rem;line-height:1.4}.page-about__card-title{font-size:1.05rem}.page-about__intro-section,.page-about__mission-section,.page-about__vision-section,.page-about__values-section,.page-about__products-section,.page-about__commitment-section,.page-about__guide-section,.page-about__faq-section,.page-about__contact-section,.page-about__note-section{padding:24px 0}.page-about__faq-question{padding:14px 16px;font-size:1rem}.page-about__faq-answer{padding:0 16px 16px}}