/* ─── HOW IT WORKS ─── */
 .how-section {
     background: var(--navy);
     padding: 100px 24px;
 }

 .how-section .section-title {
     color: var(--white);
 }

 .how-section .section-sub {
     color: rgba(255, 255, 255, 0.5);
 }

 .how-section .section-label {
     color: var(--cream);
 }

 .steps-wrap {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 2px;
     background: rgba(255, 255, 255, 0.06);
     border-radius: 20px;
     overflow: hidden;
 }

 .step {
     background: rgba(13, 17, 23, 0.95);
     padding: 48px 36px;
     position: relative;
     transition: background 0.3s;
 }

 .step:hover {
     background: rgba(20, 27, 38, 0.98);
 }

 .step-num {
     font-size: 72px;
     font-weight: 800;
     line-height: 1;
     color: rgba(255, 107, 107, 0.12);
     position: absolute;
     top: 20px;
     right: 24px;
     letter-spacing: -3px;
     pointer-events: none;
 }

 .step-icon {
     font-size: 32px;
     margin-bottom: 20px;
 }

 .step-title {
     font-size: 20px;
     font-weight: 700;
     color: var(--white);
     margin-bottom: 12px;
     letter-spacing: -0.3px;
 }

 .step-body {
     font-size: 15px;
     color: rgba(255, 255, 255, 0.5);
     line-height: 1.65;
 }