.how-it-works-hub{background:linear-gradient(#fff 0%,#f8f9fa 100%);padding:80px 20px}.how-it-works-hub-container{max-width:1200px;margin:0 auto}.how-it-works-hub-header{text-align:center;margin-bottom:60px}.how-it-works-hub-title{color:#2d3748;margin-bottom:16px;font-size:2.5rem;font-weight:800}.how-it-works-hub-subtitle{color:#718096;max-width:600px;margin:0 auto;font-size:1.15rem}.how-it-works-hub-timeline{grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px;display:grid;position:relative}.how-it-works-hub-step{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hub-step-icon-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 20px #667eea4d}.how-it-works-hub-step:hover .hub-step-icon-wrapper{transform:scale(1.05);box-shadow:0 12px 28px #667eea66}.hub-step-icon{z-index:2;font-size:2.5rem;position:relative}.hub-step-number{color:#667eea;z-index:3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #00000026}.hub-step-content{flex:1}.hub-step-title{color:#2d3748;margin-bottom:12px;font-size:1.3rem;font-weight:700}.hub-step-description{color:#718096;font-size:1rem;line-height:1.6}.hub-step-connector{display:none}@media (min-width:769px){.hub-step-connector{opacity:.3;z-index:0;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);width:100%;height:2px;display:block;position:absolute;top:50px;left:100%}.how-it-works-hub-step:last-child .hub-step-connector{display:none}}.how-it-works-hub-cta{text-align:center;margin-top:60px}.how-it-works-hub-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;padding:18px 48px;font-size:1.15rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 8px 20px #667eea4d}.how-it-works-hub-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #667eea66}.hub-cta-note{color:#718096;margin-top:16px;font-size:.95rem}.hub-cta-note strong{color:#48bb78;font-weight:700}@media (max-width:1024px){.how-it-works-hub-timeline{grid-template-columns:repeat(2,1fr);gap:50px 30px}.hub-step-connector{display:none!important}}@media (max-width:768px){.how-it-works-hub{padding:60px 20px}.how-it-works-hub-title{font-size:2rem}.how-it-works-hub-subtitle{font-size:1rem}.how-it-works-hub-header{margin-bottom:40px}.how-it-works-hub-timeline{grid-template-columns:1fr;gap:40px}.hub-step-icon-wrapper{width:80px;height:80px}.hub-step-icon{font-size:2rem}.hub-step-number{width:28px;height:28px;font-size:.85rem}.hub-step-title{font-size:1.2rem}.hub-step-description{font-size:.95rem}.how-it-works-hub-cta{margin-top:40px}.how-it-works-hub-button{width:100%;max-width:320px;padding:16px 32px;font-size:1.05rem}}@media (max-width:480px){.how-it-works-hub-title{font-size:1.75rem}.hub-step-icon-wrapper{width:70px;height:70px}.hub-step-icon{font-size:1.75rem}.hub-step-title{font-size:1.1rem}}