.engagement-module{border-radius:24px;margin:20px 0;overflow:hidden;position:relative}.engagement-header{margin-bottom:80px;text-align:center}.engagement-subtitle{background:#fef3c7;border:1px solid #fbbf24;border-radius:20px;color:#d97706;display:inline-block;font-size:14px;font-weight:500;margin-bottom:20px;padding:8px 20px}.engagement-title{background:linear-gradient(135deg,#6b46c1,#8b5cf6);-webkit-background-clip:text;color:#6b46c1;font-size:48px;font-weight:700;line-height:1.2;margin:0 auto;-webkit-text-fill-color:transparent;background-clip:text}.engagement-steps{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1000px;position:relative}.engagement-step{align-items:center;display:grid;gap:40px;grid-template-columns:1fr 300px;position:relative}.engagement-step:nth-child(2n){grid-template-columns:300px 1fr}.engagement-step:nth-child(2n) .step-number{order:3}.engagement-step:nth-child(2n) .step-content{order:2}.engagement-step:nth-child(2n) .step-image{order:1}.step-number{align-items:center;background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:50%;box-shadow:0 8px 25px rgba(107,70,193,.3);color:#fff;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;margin-top:-10%;position:relative;width:60px;z-index:2}.step-content{background:#fff;border:1px solid rgba(124,58,237,.1);border-radius:24px;box-shadow:0 8px 32px 0 rgba(124,58,237,.1);height:auto;justify-items:left;padding:45px 24px;width:600px}.step-title{color:#374151;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 16px}.step-description{color:#6b7280;font-size:16px;line-height:1.6;max-width:450px}.step-image{align-items:center;display:flex;justify-content:center;min-height:200px}.step-illustration{border-radius:16px;filter:drop-shadow(0 10px 30px rgba(107,70,193,.15));height:auto;max-width:250px;width:100%}.step-placeholder{align-items:center;background:#fff;border:2px solid rgba(107,70,193,.1);border-radius:20px;box-shadow:0 10px 30px rgba(107,70,193,.1);display:flex;height:200px;justify-content:center;width:200px}.placeholder-svg{height:120px;width:120px}.step-connector{background:linear-gradient(180deg,#6b46c1,transparent);border:1px solid rgba(124,58,237,.1);bottom:-30px;box-shadow:0 8px 32px 0 rgba(124,58,237,.1);height:60px;left:50%;position:absolute;transform:translateX(-50%);width:2px;z-index:1}.engagement-step:nth-child(2n) .step-connector{background:linear-gradient(180deg,#f59e0b,transparent)}.engagement-cta{margin-top:80px;text-align:center}.cta-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50px;box-shadow:0 8px 25px rgba(245,158,11,.3);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.cta-button,.cta-button:hover{color:#fff;text-decoration:none}.cta-button:hover{box-shadow:0 12px 35px rgba(245,158,11,.4);transform:translateY(-2px)}.button-text{font-weight:600}.button-icon{font-size:14px;transition:transform .3s ease}.cta-button:hover .button-icon{transform:translateX(4px)}@media (max-width:1024px){.engagement-step,.engagement-step:nth-child(2n){gap:30px;grid-template-columns:1fr;text-align:center}.engagement-step:nth-child(2n) .step-content{order:2;text-align:center}.engagement-step:nth-child(2n) .step-image{order:3}.engagement-step:nth-child(2n) .step-number{justify-self:center;order:1}.engagement-step:nth-child(2n) .step-description{margin-left:0}.engagement-title{font-size:36px}.step-connector{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.engagement-module{padding:60px 16px}.engagement-title{font-size:28px}.step-title{font-size:24px}.step-description{font-size:14px}.step-number{font-size:18px;height:50px;width:50px}.step-image{min-height:150px}.step-placeholder{height:150px;width:150px}.placeholder-svg{height:80px;width:80px}.engagement-steps{gap:40px}}@media (max-width:480px){.engagement-title{font-size:24px}.step-title{font-size:20px}.cta-button{font-size:14px;padding:14px 28px}.engagement-steps{gap:30px}.step-connector{bottom:-20px;height:40px}.step-content{width:100%}.engagement-steps{align-items:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.engagement-step.animate-in{animation:fadeInUp .6s ease-out forwards}.engagement-step:hover .step-number{box-shadow:0 12px 35px rgba(107,70,193,.4);transform:scale(1.1)}.engagement-step:hover .step-placeholder{box-shadow:0 15px 40px rgba(107,70,193,.2);transform:translateY(-5px)}