.who-section {
  background: var(--bg);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}
.who-image-side {
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
}
.who-image-side::after {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, rgba(0,118,255,0.18), transparent 70%);
  pointer-events: none;
}
.tagline {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 1;
}
.tagline span { color: var(--accent); display: block; }
.value-pills { display: flex; flex-wrap: wrap; gap: .6rem; position: relative; z-index: 1; }
.pill { background: rgba(0,200,255,0.08); border: 1px solid rgba(0,200,255,0.2); color: var(--text); font-size: 0.8rem; padding: 5px 14px; border-radius: 50px; }
.values-section, .why-section { background: var(--bg2); }
.mv-section, .cta-section { background: var(--bg); }
.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-top: 2.5rem; }
.value-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 2rem 1.5rem; text-align: center; transition: border-color .25s, box-shadow .25s; }
.value-card:hover { border-color: rgba(0,200,255,0.4); box-shadow: 0 0 30px rgba(0,200,255,0.1); }
.value-icon { font-size: 2rem; margin-bottom: .75rem; }
.value-card h4 { font-family: 'Rajdhani', sans-serif; font-size: 1.1rem; font-weight: 600; color: #fff; margin-bottom: .5rem; }
.value-card p { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }
.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2.5rem; }
.mv-card { background: var(--bg3); border: 1px solid var(--border); border-radius: 12px; padding: 2.5rem; position: relative; overflow: hidden; }
.mv-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--accent2), var(--accent)); }
.mv-card h3 { font-family: 'Rajdhani', sans-serif; font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: .75rem; letter-spacing: .5px; }
.mv-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.75; font-weight: 300; }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }
.why-card { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 1.75rem; transition: border-color .25s, box-shadow .25s; }
.why-card:hover { border-color: rgba(0,200,255,0.4); box-shadow: 0 0 24px rgba(0,200,255,0.1); }
.why-num { font-family: 'Rajdhani', sans-serif; font-size: 2.5rem; font-weight: 700; color: var(--accent); line-height: 1; margin-bottom: .5rem; opacity: 0.5; }
.why-card h4 { font-family: 'Rajdhani', sans-serif; font-size: 1.1rem; font-weight: 600; color: #fff; margin-bottom: .4rem; }
.why-card p { font-size: 0.83rem; color: var(--muted); line-height: 1.6; }
.cta-section { text-align: center; border-top: 1px solid var(--border); }
.cta-section h2 { font-family: 'Rajdhani', sans-serif; font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; color: #fff; margin-bottom: .75rem; }
.cta-section h2 span { color: var(--accent); }
.cta-section p { color: var(--muted); font-size: 0.95rem; margin-bottom: 2rem; font-weight: 300; }
@media (max-width: 1000px) { .values-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .who-section { grid-template-columns: 1fr; gap: 2.5rem; } .mv-grid { grid-template-columns: 1fr; } .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .why-grid { grid-template-columns: 1fr; } }