.approach-section{background:#f9fafb;padding:5rem 0}.section-title{color:#111827;font-size:2.5rem;font-weight:800;margin:0 0 1rem;text-align:center}.section-subtitle{color:#6b7280;font-size:1.125rem;font-weight:500;line-height:1.6;margin:0 auto 3rem;max-width:700px;text-align:center}.section-subtitle p{margin:0}.approach-steps{display:flex;flex-direction:column;gap:2rem}.approach-step{flex:1;position:relative}.approach-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 10px rgba(0,0,0,.08);display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:unset;padding:1.75rem;position:relative;transition:all .3s ease}.approach-card:hover{box-shadow:0 10px 18px rgba(0,0,0,.12);transform:translateY(-5px)}.approach-icon{align-items:center;background:#eef2ff;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.approach-icon i{color:#111827;font-size:24px}.approach-card:hover .approach-icon{background:#1e293b}.approach-card:hover .approach-icon i{color:#fff}.approach-title{color:#111827;font-size:1.5rem;font-weight:800;margin:0 0 .75rem}.approach-text{color:#4b5563;font-size:.9rem;font-weight:500;line-height:1.45}.approach-text p{margin:0}.approach-connector{display:none}@media (min-width:768px){.approach-steps{align-items:flex-start;flex-direction:row}.approach-card{height:auto}.approach-connector{display:block;height:20px;position:absolute;right:-31px;top:50%;transform:translateY(-50%);width:60px;z-index:5}.approach-connector svg{height:100%;width:100%}}@media (max-width:767px){.approach-card{min-height:auto}}