/* Insurance Plans - Fade In Cascade */ .insurance-plans-section ul li { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s ease forwards; } .insurance-plans-section ul li:nth-child(1) { animation-delay: 0.1s; } .insurance-plans-section ul li:nth-child(2) { animation-delay: 0.2s; } .insurance-plans-section ul li:nth-child(3) { animation-delay: 0.3s; } .insurance-plans-section ul li:nth-child(4) { animation-delay: 0.4s; } .insurance-plans-section ul li:nth-child(5) { animation-delay: 0.5s; } .insurance-plans-section ul li:nth-child(6) { animation-delay: 0.6s; } .insurance-plans-section ul li::before { content: "✓"; display: inline-block; width: 24px; height: 24px; margin-right: 12px; background: #48bb78; border-radius: 50%; color: white; text-align: center; line-height: 24px; font-weight: bold; animation: checkPulse 0.5s ease; } .insurance-plans-section ul { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 0; } .insurance-plans-section ul li { padding: 20px; background: #f7fafc; border-radius: 8px; border-left: 4px solid #667eea; font-weight: 600; } /* Out-of-Network - Process Flow */ .out-of-network-section .process-step { opacity: 0; transform: scale(0.8); animation: stepAppear 0.5s ease forwards; } .out-of-network-section .process-step:nth-child(1) { animation-delay: 0.2s; } .out-of-network-section .process-step:nth-child(3) { animation-delay: 0.5s; } .out-of-network-section .process-step:nth-child(5) { animation-delay: 0.8s; } .out-of-network-section .process-step:nth-child(7) { animation-delay: 1.1s; } .out-of-network-section .mentaya-info { opacity: 0; animation: fadeIn 0.6s ease 1.5s forwards; } /* Private Pay - Card Float */ .private-pay-section .pay-card { opacity: 0; transform: translateY(30px); animation: cardFloat 0.8s ease 0.3s forwards; } /* Animations */ @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { to { opacity: 1; } } @keyframes checkPulse { 0% { transform: scale(0); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes stepAppear { to { opacity: 1; transform: scale(1); } } @keyframes cardFloat { to { opacity: 1; transform: translateY(0); } }