.esop-how{--esop-navy:#0d2b55;--esop-navy-light:#1a3f72;--esop-gold:#f5a623;--esop-surface:#f4f6f9;background:var(--esop-surface);color:var(--esop-navy);font-family:Inter,Arial,Helvetica,sans-serif;padding:90px 24px}.esop-how *,.esop-how :after,.esop-how :before{box-sizing:border-box}.esop-how__container{margin:0 auto;max-width:1160px;width:100%}.esop-how__heading{margin-bottom:52px;text-align:center}.esop-how__eyebrow{color:var(--esop-gold);font-size:14px;font-weight:700;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.esop-how__title{color:var(--esop-navy);font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.15;margin:0 0 16px}.esop-how__divider{background:var(--esop-gold);border-radius:999px;height:4px;margin:0 auto;width:64px}.esop-how__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.esop-how-card{background:#fff;border-radius:16px;box-shadow:0 3px 12px rgba(13,43,85,.06);min-height:235px;overflow:hidden;padding:28px 24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.esop-how-card:before{background:linear-gradient(90deg,var(--esop-gold),#fdd88a);content:"";height:4px;left:0;position:absolute;right:0;top:0}.esop-how-card:hover{box-shadow:0 10px 25px rgba(13,43,85,.1);transform:translateY(-3px)}.esop-how-card__top{align-items:center;display:flex;gap:12px;margin-bottom:20px}.esop-how-card__number{background:var(--esop-navy);border-radius:50%;color:#fff;flex:0 0 42px;font-size:14px;font-weight:800;height:42px;width:42px}.esop-how-card__icon,.esop-how-card__number{align-items:center;display:flex;justify-content:center}.esop-how-card__icon{color:var(--esop-gold);height:32px;width:32px}.esop-how-card__icon svg{fill:none;height:26px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:26px}.esop-how-card__title{color:var(--esop-navy);font-size:17px;font-weight:750;line-height:1.3;margin:0 0 10px}.esop-how-card__description{color:#667085;font-size:14px;line-height:1.65;margin:0}@media (max-width:1000px){.esop-how__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.esop-how{padding:65px 20px}.esop-how__heading{margin-bottom:36px}.esop-how__grid{grid-template-columns:1fr}.esop-how-card{min-height:0}}