.about-hero { background:linear-gradient(135deg,#0f172a 0%,#1e2d4d 100%);padding:80px 40px 60px;text-align:center; }
.about-hero-label { font-size:12px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px; }
.about-hero-title { font-size:48px;font-weight:800;color:#fff;margin:0 0 18px;letter-spacing:-1.5px;line-height:1.1; }
.about-hero-sub { font-size:18px;color:#94a3b8;max-width:560px;margin:0 auto;line-height:1.7; }
.about-section { max-width:1100px;margin:0 auto;padding:72px 40px; }
.about-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:72px; }
.about-visual { background:#f8fafc;border:1.5px solid #e8edf2;border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:16px; }
.about-visual-stat { display:flex;align-items:center;gap:16px; }
.about-visual-icon { width:48px;height:48px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.about-visual-val { font-size:28px;font-weight:800;color:#0f172a; }
.about-visual-lbl { font-size:13px;color:#64748b; }
.about-label { font-size:12px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px; }
.about-title { font-size:32px;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-0.5px;line-height:1.2; }
.about-body { font-size:16px;color:#475569;line-height:1.8;margin-bottom:14px; }
.values-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px; }
.value-card { background:#fff;border:1.5px solid #e8edf2;border-radius:16px;padding:28px; }
.value-icon { width:48px;height:48px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;margin-bottom:16px; }
.value-title { font-size:17px;font-weight:700;color:#0f172a;margin-bottom:10px; }
.value-desc { font-size:14px;color:#64748b;line-height:1.7; }
.team-section { background:#f8fafc;padding:72px 40px; }
.team-inner { max-width:900px;margin:0 auto;text-align:center; }
@media (max-width:768px) {
    .about-grid { grid-template-columns:1fr;gap:32px; }
    .values-grid { grid-template-columns:1fr; }
    .about-hero-title { font-size:34px; }
    .about-section { padding:48px 20px; }
}