.how-it-works-page{background:#fff;width:100%}.how-it-works-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#016b61 0%,#70b2b2 100%);padding:80px 20px}.how-it-works-hero h1{margin-bottom:16px;font-size:3.5rem;font-weight:700}.how-it-works-hero p{opacity:.95;font-size:1.3rem}.timeline-container{max-width:1200px;margin:80px auto 0;padding:0 40px;position:relative}.timeline-line{z-index:1;background:linear-gradient(#016b61 0%,#70b2b2 100%);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-step{grid-template-columns:1fr 0 1fr;align-items:center;gap:0;margin:80px 0;padding:0;display:grid;position:relative}.timeline-step.step-left .step-content{text-align:right;grid-column:1;justify-self:end;margin-right:60px;position:relative}.timeline-step.step-left .step-content:after{content:"";background:#016b61;width:60px;height:3px;position:absolute;top:50%;right:-60px}.timeline-step.step-left .step-node{grid-column:2}.timeline-step.step-right .step-content{text-align:left;grid-column:3;justify-self:start;margin-left:60px;position:relative}.timeline-step.step-right .step-content:before{content:"";background:#016b61;width:60px;height:3px;position:absolute;top:50%;left:-60px}.timeline-step.step-right .step-node{grid-column:2}.step-content{background:#fff;border:2px solid #0000;border-radius:12px;width:450px;padding:30px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.step-content:hover{border-color:#70b2b2;transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.step-icon{margin-bottom:16px;font-size:3rem}.step-content h3{color:#016b61;margin-bottom:12px;font-size:1.5rem;font-weight:600}.step-content p{color:#555;margin:0;font-size:1.05rem;line-height:1.7}.timeline-step.step-left .step-content:after,.timeline-step.step-right .step-content:before{z-index:2}.timeline-step:before{content:"";z-index:3;background:#016b61;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #016b614d}.cta-section{text-align:center;background:#faf9f6;margin-top:60px;margin-bottom:0;padding:60px 20px 80px}.cta-section h2{color:#016b61;margin-bottom:16px;font-size:2.5rem;font-weight:700}.cta-section p{color:#555;margin-bottom:30px;font-size:1.2rem}.cta-button{color:#fff;background:#016b61;border-radius:8px;padding:16px 40px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta-button:hover{background:#70b2b2;transform:translateY(-2px);box-shadow:0 6px 16px #016b6166}@media (max-width:768px){.how-it-works-hero h1{font-size:2.2rem}.how-it-works-hero p{font-size:1.1rem}.timeline-container{margin:40px auto;padding:0 20px}.timeline-step{grid-template-columns:auto 1fr;gap:20px;margin-bottom:40px}.timeline-line{left:30px}.timeline-step.step-left .step-content,.timeline-step.step-right .step-content{text-align:left;grid-column:2}.timeline-step.step-left .step-node,.timeline-step.step-right .step-node{grid-column:1}.node-circle{width:50px;height:50px;font-size:1.2rem}.step-icon{font-size:2.5rem}.step-content h3{font-size:1.3rem}.step-content p{font-size:1rem}.cta-section h2{font-size:1.8rem}.cta-section p{font-size:1rem}}