.mission-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mission-split p{color:#4A5560;margin-bottom:14px}

.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--lime)}
.why-card .ic{font-size:24px;margin-bottom:12px;transition:transform .3s var(--ease)}
.why-card:hover .ic{transform:scale(1.15)}
.why-card h4{font-size:14.5px;margin-bottom:6px}
.why-card p{font-size:12.5px;color:#697680}

.values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value-card{padding:26px;border-left:3px solid var(--lime);background:var(--bg);border-radius:0 var(--radius) var(--radius) 0;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.value-card:hover{transform:translateX(6px);box-shadow:var(--shadow)}
.value-card h4{font-size:16px;margin-bottom:8px}
.value-card p{font-size:14px;color:#5A6670}

@media(max-width:900px){
  .mission-split{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .values-row{grid-template-columns:1fr}
}