.how-it-works-section{background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden;padding:4rem 0;position:relative}.how-it-works-section:before{background:linear-gradient(90deg,transparent,rgba(33,88,232,.2) 20%,rgba(33,88,232,.2) 80%,transparent);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:90%}.how-it-works-container{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1200px;padding:0 2rem}.how-it-works-content{display:flex;flex-direction:column;gap:1.5rem}.eyebrow{background:rgba(33,88,232,.08);border-radius:2rem;color:#2158e8;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:.5rem 1rem;text-transform:uppercase;width:fit-content}.section-title{color:#1a202c;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0}.section-description{color:#4a5568;font-size:1.125rem;line-height:1.7;margin:0}.micro-list{display:flex;flex-direction:column;gap:.375rem}.micro-list-item{color:#4a5568;display:flex;font-size:.875rem;gap:.5rem}.micro-list-label{color:#1a202c;font-weight:600}.flow-container,.how-it-works-visual{position:relative}.flow-container{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.flow-step{animation:fadeInUp .6s ease-out forwards;opacity:0;position:relative}.flow-step[data-step="1"]{animation-delay:.2s}.flow-step[data-step="2"]{animation-delay:.4s}.flow-step[data-step="3"]{animation-delay:.6s}.flow-step[data-step="4"]{animation-delay:.8s}.flow-step[data-step="5"]{animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.step-content{align-items:center;display:flex;gap:1rem}.step-connector{background:linear-gradient(180deg,rgba(33,88,232,.3),transparent);height:1.5rem;margin-bottom:.5rem;margin-left:2rem;margin-top:.5rem;width:2px}.flow-step:last-of-type .step-connector{display:none}.step-icon-wrapper{display:inline-block;position:relative}.step-icon{align-items:center;background:linear-gradient(135deg,#2158e8,#1e4fc4);border-radius:50%;box-shadow:0 10px 25px rgba(33,88,232,.3);color:#fff;display:flex;height:64px;justify-content:center;transition:transform .3s ease;width:64px}.flow-step:hover .step-icon{transform:scale(1.1)}.dollar-badge{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 2px 8px rgba(16,185,129,.4);color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}@keyframes stepPulse{0%,to{opacity:.4}20%{opacity:1}}@media (prefers-reduced-motion:reduce){.step-icon{animation:none!important}}.flow-step[data-step="1"] .step-icon{animation:stepPulse 8s ease-in-out infinite;animation-delay:0s}.flow-step[data-step="2"] .step-icon{animation:stepPulse 8s ease-in-out infinite;animation-delay:1.6s}.flow-step[data-step="3"] .step-icon{animation:stepPulse 8s ease-in-out infinite;animation-delay:3.2s}.flow-step[data-step="4"] .step-icon{animation:stepPulse 8s ease-in-out infinite;animation-delay:4.8s}.flow-step[data-step="5"] .step-icon{animation:stepPulse 8s ease-in-out infinite;animation-delay:6.4s}.step-text{display:flex;flex:1;flex-direction:column;gap:.25rem}.step-label{color:#1a202c;font-size:1.125rem;font-weight:700;line-height:1.4}.step-sublabel{color:#64748b;font-size:.875rem;font-style:italic;font-weight:400}.flow-bottom{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:1rem;width:100%}.value-metrics{animation:fadeIn .6s ease-out forwards;animation-delay:1.2s;background:rgba(33,88,232,.1);border-radius:1rem;color:#2158e8;font-size:.875rem;font-weight:500;opacity:0;padding:.5rem 1rem;white-space:nowrap}.hard-dollar-callout{animation:fadeIn .6s ease-out forwards;animation-delay:1.4s;color:#374151;font-size:.75rem;font-weight:600;opacity:0}@keyframes fadeIn{to{opacity:1}}@media (max-width:968px){.how-it-works-container{gap:3rem;grid-template-columns:1fr}.section-title{font-size:1.875rem}.flow-container{padding:1.5rem}}@media (max-width:640px){.how-it-works-section{padding:3rem 0}.section-title{font-size:1.5rem}.section-description{font-size:1rem}.micro-list-item{flex-direction:column;gap:.25rem}.flow-container{padding:1rem}.step-label{font-size:1rem}.step-sublabel{font-size:.75rem}.step-content{gap:.75rem}}