/* ============================================================
   about.css
   ============================================================ */
.about-hero{padding:140px 5vw 80px;background:var(--dark-bg)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;border:1px solid var(--border);background:rgba(0,168,232,.07);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.about-visual{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--steel),var(--dark-bg));padding:40px;min-height:400px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border)}
.about-visual::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(0,168,232,.12),transparent 60%);pointer-events:none}
.about-logo-display{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}
.about-logo-orb{width:130px;height:130px;border-radius:50%;background:#fff;border:3px solid rgba(0,168,232,.3);display:grid;place-items:center;position:relative;overflow:hidden}
.about-logo-orb::before{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(0,168,232,.25);animation:orbSpin 20s linear infinite}
.about-logo-orb img{width:110px;height:110px;object-fit:contain;border-radius:50%}
.about-stats-row{display:flex;gap:32px;margin-top:32px;flex-wrap:wrap}
.about-stat{text-align:center}
.about-stat-n{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--accent)}
.about-stat-l{font-size:.75rem;color:var(--grey);text-transform:uppercase;letter-spacing:.06em}

.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.vm-card{padding:40px;border-radius:16px;border:1px solid var(--border);background:var(--card-bg)}
.vm-card-icon{font-size:2rem;margin-bottom:16px}
.vm-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:800;margin-bottom:12px;color:var(--accent)}
.vm-card p{color:var(--grey);line-height:1.7}

.expertise-bar-wrap{margin-top:48px}
.exp-bar{margin-bottom:20px}
.exp-bar-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.875rem}
.exp-bar-track{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.exp-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mid),var(--accent));width:0;transition:width 1.5s var(--ease)}