.about-page{--about-bg-base:var(--bg-primary-light);--about-bg-alt:var(--gray-surface);--about-bg-dark:var(--black-primary);--about-bg-dark-soft:var(--black-soft);--about-bg-dark-card:var(--black-card);--about-text-main:var(--text-primary-light);--about-text-muted:var(--text-secondary-light);--about-text-on-dark:var(--white);--about-text-on-dark-muted:var(--text-secondary);--about-border-light:var(--gray-border);--about-border-dark:var(--border-subtle);--about-accent:var(--accent-primary);--about-accent-rgb:var(--accent-primary-rgb);--about-accent-ink:var(--black-primary);--about-white-rgb:var(--bg-rgb);--about-shadow-soft:0 14px 30px rgba(var(--shadow-color),.06);--about-shadow-medium:0 18px 40px rgba(var(--shadow-color),.08);--about-surface-dark:rgba(var(--shadow-color),.35);--about-surface-dark-strong:rgba(var(--shadow-color),.7);min-height:100vh;font-family:var(--font-ui);color:var(--about-text-main);background:var(--about-bg-base);overflow:hidden}.about-container{max-width:1300px;margin:0 auto;padding:0 24px}.light-section{background:var(--about-bg-base);color:var(--about-text-main)}.dark-section{background:linear-gradient(180deg,var(--about-bg-dark)0%,var(--about-bg-dark-soft)100%);color:var(--about-text-on-dark)}.section-title{font-family:var(--font-brand);text-align:center;margin:0 0 28px;font-size:clamp(28px,4vw,40px);font-weight:800}.section-subtitle{text-align:center;max-width:640px;color:var(--about-text-muted);margin:0 auto 48px;font-size:15px;line-height:1.6}.dark-section .section-subtitle{color:var(--about-text-on-dark-muted)}.about-hero-section{background:radial-gradient(circle at 15% 20%,rgba(var(--about-accent-rgb),.12),transparent 45%),radial-gradient(circle at 85% 80%,rgba(var(--about-accent-rgb),.08),transparent 50%),linear-gradient(180deg,var(--about-bg-base)0%,var(--about-bg-alt)100%);padding:110px 0 90px;position:relative}.hero-content{text-align:center;max-width:820px;margin:0 auto}.hero-icon{background:rgba(var(--about-accent-rgb),.16);width:52px;height:52px;color:var(--about-accent-ink);border-radius:999px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.hero-title{font-family:var(--font-brand);color:var(--about-text-main);margin:0 0 16px;font-size:clamp(32px,5vw,48px);font-weight:800}.hero-accent{color:var(--about-accent)}.hero-description{color:var(--about-text-muted);margin:0 auto;font-size:16px;line-height:1.7}.stats-section{padding:60px 0 70px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.stat-card{background:rgba(var(--about-white-rgb),.08);border:1px solid rgba(var(--about-accent-rgb),.2);text-align:center;border-radius:16px;padding:22px;transition:transform .2s,border .2s}.light-section .stat-card{background:var(--about-bg-base);border-color:rgba(var(--shadow-color),.08);box-shadow:var(--about-shadow-soft)}.stat-card:hover{border-color:rgba(var(--about-accent-rgb),.45);transform:translateY(-4px)}.stat-icon{width:28px;height:28px;color:var(--about-accent);margin:0 auto 14px}.stat-label{font-family:var(--font-brand);margin-bottom:6px;font-size:22px;font-weight:700}.stat-description{color:var(--about-text-muted);font-size:13px}.dark-section .stat-description{color:var(--about-text-on-dark-muted)}.story-section{padding:90px 0}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:36px;display:grid}.story-paragraph{color:var(--about-text-muted);margin-bottom:16px;font-size:15px;line-height:1.7}.story-highlight{background:var(--about-bg-base);border:1px solid rgba(var(--shadow-color),.08);box-shadow:var(--about-shadow-medium);border-radius:18px;padding:28px}.highlight-item{gap:12px;margin-bottom:20px;display:flex}.highlight-item:last-child{margin-bottom:0}.highlight-icon{width:22px;height:22px;color:var(--about-accent);margin-top:2px}.highlight-title{color:var(--about-text-main);margin:0 0 4px;font-weight:700}.highlight-desc{color:var(--about-text-muted);font-size:13px}.values-section{padding:90px 0}.values-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.value-card{background:var(--about-surface-dark);border:1px solid rgba(var(--about-accent-rgb),.18);border-radius:18px;padding:24px;transition:transform .2s,border .2s}.dark-section .value-card{background:var(--about-surface-dark-strong)}.value-card:hover{border-color:rgba(var(--about-accent-rgb),.45);transform:translateY(-4px)}.value-icon{width:32px;height:32px;color:var(--about-accent);margin-bottom:12px}.value-title{color:var(--about-text-on-dark);margin-bottom:8px;font-size:16px;font-weight:700}.value-description{color:var(--about-text-on-dark-muted);font-size:13px}.why-section{padding:90px 0}.why-choose-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.why-card{background:var(--about-bg-base);border:1px solid rgba(var(--shadow-color),.08);border-radius:16px;padding:24px;position:relative}.why-card:before{content:"";background:var(--about-accent);border-radius:999px;width:4px;height:36px;position:absolute;top:18px;left:0}.why-title{color:var(--about-text-main);margin:0 0 10px 12px;font-size:16px;font-weight:700}.why-description{color:var(--about-text-muted);margin:0 0 0 12px;font-size:14px;line-height:1.6}.cta-section{text-align:center;padding:90px 0}.cta-title{font-family:var(--font-brand);margin:0 0 16px;font-size:clamp(26px,4vw,36px)}.cta-description{max-width:640px;color:var(--about-text-on-dark-muted);margin:0 auto 28px;font-size:15px;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-button{font-weight:700;font-family:var(--font-brand);letter-spacing:.05em;border-radius:999px;padding:14px 26px;font-size:14px;text-decoration:none}.cta-button-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.cta-button-secondary{border:1px solid rgba(var(--about-white-rgb),.3);color:var(--about-text-on-dark)}.cta-button-secondary:hover{background:rgba(var(--about-white-rgb),.1)}@media (max-width:960px){.sell-hero-inner,.story-grid{grid-template-columns:1fr}.hero-content{text-align:left}.story-highlight{margin-top:16px}}@media (max-width:768px){.about-hero-section,.story-section,.values-section,.why-section,.cta-section{padding:70px 0}.stats-section{padding:50px 0 60px}.testimonials-wrap,.about-container{padding:0 18px}.cta-buttons{flex-direction:column;align-items:stretch}}@media (max-width:520px){.about-container{padding:0 16px}.hero-content{text-align:left}.hero-title{font-size:clamp(26px,7vw,34px)}}
