.page-about{background:#0A0A0A;color:#FFF6D6;word-wrap:break-word;overflow-wrap:break-word}.page-about__hero-section{padding:10px 16px 0;display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}.page-about__hero-image-wrapper{width:100%;max-width:1200px;overflow:hidden;border-radius:12px;border:1px solid #3A2A12}.page-about__hero-image{width:100%;height:auto;max-width:100%;object-fit:cover;display:block}.page-about__hero-content{width:100%;max-width:1200px;text-align:center;padding:18px 12px 8px}.page-about__hero-title{color:#FFF6D6;font-weight:800;line-height:1.25;margin:0 0 10px;font-size:clamp(1.5rem, 3vw, 2.4rem)}.page-about__hero-description{font-size:1rem;line-height:1.6;color:#E8DFC8;max-width:900px;margin:0 auto 14px}.page-about__hero-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden}.page-about__btn{display:inline-block;max-width:100%;box-sizing:border-box;padding:12px 28px;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.4;white-space:normal;word-wrap:break-word;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s}.page-about__btn--primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#111}.page-about__btn--secondary{background:#111111;color:#FFD86A;border:2px solid #3A2A12}.page-about__btn:hover{opacity:.85}.page-about__intro-section{padding:32px 16px 10px}.page-about__intro-inner{max-width:1000px;margin:0 auto}.page-about__intro-title{text-align:center;color:#FFD36B;font-size:1.6rem;margin-bottom:14px}.page-about__intro-card{background:#111111;padding:24px;border-radius:12px;border:1px solid #3A2A12}.page-about__intro-card h3{color:#FFD36B;margin-top:0}.page-about__intro-card p{line-height:1.7;color:#FFF6D6}.page-about__feature-logos-section{padding:30px 16px 10px}.page-about__feature-logos-header{text-align:center;max-width:900px;margin:0 auto 20px}.page-about__feature-logos-title{color:#FFD36B;font-size:1.5rem;margin-bottom:6px}.page-about__feature-logos-subtitle{color:#E8DFC8;max-width:800px;margin:0 auto}.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto}.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:240px;background:#111;padding:20px 15px 15px;border-radius:10px;border:1px solid #3A2A12;box-sizing:border-box}.page-about__logo-image{width:100%;max-width:220px;height:auto;aspect-ratio:2/1;object-fit:contain;display:block}.page-about__logo-item:nth-child(5){grid-column:2}.page-about__logo-item:nth-child(6){grid-column:3}.page-about__services-section{padding:30px 16px 10px}.page-about__services-inner{max-width:1100px;margin:0 auto}.page-about__services-title{text-align:center;color:#FFD36B;font-size:1.5rem}.page-about__services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:18px}.page-about__service-item{background:#111;padding:24px;border-radius:12px;border:1px solid #3A2A12}.page-about__service-item h3{color:#FFD36B;margin-top:0;font-size:1.1rem}.page-about__service-item p{line-height:1.6;color:#FFF6D6;margin-bottom:0}.page-about__guide-section{padding:30px 16px 10px}.page-about__guide-inner{max-width:1050px;margin:0 auto}.page-about__guide-title{text-align:center;color:#FFD36B;font-size:1.5rem}.page-about__guide-intro{text-align:center;color:#E8DFC8}.page-about__guide-comparison{display:flex;flex-direction:column;gap:18px;margin-top:20px}.page-about__guide-figure{background:#111;border-radius:12px;border:1px solid #3A2A12;margin:0;padding:18px}.page-about__guide-figure h3{color:#FFD36B;text-align:center;margin:0 0 12px}.page-about__guide-image{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px;display:block;margin:0 auto}.page-about__guide-figure figcaption{text-align:center;color:#E8DFC8;margin-top:8px}.page-about__why-section{padding:30px 16px 10px}.page-about__why-inner{max-width:1100px;margin:0 auto}.page-about__why-title{text-align:center;color:#FFD36B;font-size:1.5rem}.page-about__why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.page-about__why-item{background:#111;border-radius:12px;border:1px solid #3A2A12;overflow:hidden}.page-about__why-content{padding:24px}.page-about__why-content h3{color:#FFD36B;margin:0 0 10px}.page-about__why-content p{line-height:1.6;color:#FFF6D6}.page-about__why-content a{color:#FFD36B}.page-about__faq-section{padding:30px 16px 10px}.page-about__faq-inner{max-width:1000px;margin:0 auto}.page-about__faq-title{text-align:center;color:#FFD36B;font-size:1.5rem}.page-about__faq-item{background:#111;border:1px solid #3A2A12;border-radius:10px;margin-bottom:12px;overflow:hidden}.page-about__faq-item summary{cursor:pointer;padding:14px 16px;font-weight:600;color:#FFD36B;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.page-about__faq-item summary [data-faq-toggle]{color:#FFD36B;font-weight:700;flex-shrink:0}.page-about__faq-item p{padding:0 16px 16px;color:#E8DFC8}.page-about__faq-item[open] summary{border-bottom:1px solid #3A2A12}.page-about__promo-section{padding:15px 16px 50px}.page-about__promo-inner{max-width:1100px;margin:0 auto;background:#111;border-radius:12px;padding:32px 24px;text-align:center;border:1px solid #3A2A12;box-sizing:border-box;width:100%}.page-about__promo-title{color:#FFD36B;font-size:1.5rem;margin:0 0 10px}.page-about__promo-text{color:#FFF6D6;line-height:1.6;margin-bottom:20px}.page-about__promo-image{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:10px;display:block;margin:0 auto 20px}.page-about__promo-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden}@media(max-width:768px){.page-about__img,.page-about img{max-width:100%!important;height:auto!important}.page-about__hero-section{padding:6px 10px 0}.page-about__hero-title{font-size:clamp(1.2rem, 5vw, 1.6rem)}.page-about__hero-actions{flex-direction:column}.page-about__btn{width:100%;max-width:100%}.page-about__hero-section .page-about__btn{min-width:0}.page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}.page-about__logo-image{max-width:100%;height:auto}.page-about__services-grid{grid-template-columns:1fr}.page-about__why-grid{grid-template-columns:1fr}.page-about__intro-card,.page-about__service-item,.page-about__guide-figure,.page-about__why-content{padding:16px}.page-about__promo-actions{flex-direction:column}.page-about__promo-actions .page-about__btn{width:100%}}