.about-hero { text-align:center; padding:120px var(--sp-2xl) var(--sp-3xl); }
.about-hero-title { font-size:2.8rem; font-weight:800; margin-bottom:var(--sp-md); }
.about-hero-desc { color:var(--clr-text-dim); font-size:var(--fs-lg); max-width:600px; margin:0 auto; line-height:1.8; }
.about-content { max-width:800px; margin:0 auto; padding:0 var(--sp-2xl) var(--sp-3xl); }
.about-section { margin-bottom:var(--sp-3xl); }
.about-section h2 { font-size:1.5rem; font-weight:700; margin-bottom:var(--sp-lg); display:flex; align-items:center; gap:var(--sp-sm); }
.about-section h2 .sec-icon { font-size:1.6rem; }
.about-card { background:var(--clr-bg-raised); border:1px solid var(--clr-border); border-radius:var(--rad-xl); padding:var(--sp-xl); margin-bottom:var(--sp-lg); }
.about-card h3 { font-size:1.1rem; font-weight:600; margin-bottom:var(--sp-md); color:var(--clr-accent); }
.about-card p, .about-card li { font-size:var(--fs-sm); line-height:1.9; color:var(--clr-text-dim); }
.about-card ul { padding-left:var(--sp-lg); }
.about-card li { margin-bottom:var(--sp-xs); }
.about-card li::marker { color:var(--clr-accent); }
.process-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:var(--sp-lg); }
.process-step { background:var(--clr-bg-raised); border:1px solid var(--clr-border); border-radius:var(--rad-lg); padding:var(--sp-lg); text-align:center; }
.process-step .step-num { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--clr-accent); color:#0f0e13; font-weight:800; font-size:var(--fs-md); margin-bottom:var(--sp-sm); }
.process-step h4 { font-size:var(--fs-sm); font-weight:600; margin-bottom:var(--sp-xs); }
.process-step p { font-size:var(--fs-xs); color:var(--clr-text-dim); line-height:1.7; }
.source-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:var(--sp-md); }
.source-item { background:var(--clr-bg-raised); border:1px solid var(--clr-border); border-radius:var(--rad-md); padding:var(--sp-md) var(--sp-lg); }
.source-item .source-icon { font-size:1.3rem; margin-bottom:var(--sp-xs); display:block; }
.source-item .source-name { font-size:var(--fs-sm); font-weight:600; display:block; margin-bottom:2px; }
.source-item .source-desc { font-size:var(--fs-xs); color:var(--clr-text-dim); }
.values-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:var(--sp-lg); }
.value-card { background:var(--clr-bg-raised); border:1px solid var(--clr-border); border-radius:var(--rad-lg); padding:var(--sp-xl); }
.value-card .value-icon { font-size:2rem; margin-bottom:var(--sp-sm); display:block; }
.value-card h4 { font-size:1rem; font-weight:600; margin-bottom:var(--sp-sm); }
.value-card p { font-size:var(--fs-sm); color:var(--clr-text-dim); line-height:1.8; }
.about-section-desc { color:var(--clr-text-dim); font-size:var(--fs-sm); margin-bottom:var(--sp-xl); line-height:1.8; }
.about-link { color:var(--clr-accent); }
.about-note { font-size:var(--fs-xs); opacity:.6; }
@media (max-width:768px) {
  .about-hero-title { font-size:2rem; }
  .about-content { padding:0 var(--sp-lg) var(--sp-2xl); }
}