.how-it-works-page{--green:#0d6efd;--cream:#f8f9fa;--warm-white:#fff;--dark-text:#1c1a17;--muted-text:#6c757d;--border-light:#dee2e6;background-color:var(--warm-white)}.how-it-works-page .page-hero{color:var(--warm-white);text-align:center;background:linear-gradient(135deg,#0d6efd 0%,#0050b3 100%);padding:72px 20px 60px;position:relative;overflow:hidden}.how-it-works-page .page-hero:before{content:"";background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-50px}.how-it-works-page .page-hero-inner{z-index:2;max-width:900px;margin:0 auto;position:relative}.how-it-works-page .hero-tag{text-transform:uppercase;letter-spacing:1px;color:#ffffffe6;margin-bottom:10px;font-size:14px;font-weight:600}.how-it-works-page .page-hero h1{margin-bottom:16px;font-size:48px;font-weight:700;line-height:1.2}.how-it-works-page .page-hero h1 span{color:#4096ff}.how-it-works-page .page-hero p{color:#ffffffe6;max-width:700px;margin:0 auto 32px;font-size:16px;line-height:1.6}.how-it-works-page .hero-tabs{justify-content:center;gap:12px;margin-top:8px;display:flex}.how-it-works-page .hero-tab{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600}.how-it-works-page .hero-tab:hover{background:#ffffff1a;border-color:#fff}.how-it-works-page .hero-tab.active{background:var(--warm-white);color:#0d6efd;border-color:#fff}.how-it-works-page .section-inner{max-width:1200px;margin:0 auto;padding:0 20px}.how-it-works-page .section-tag{text-transform:uppercase;letter-spacing:1px;color:#0d6efd;background:#0d6efd1a;border-radius:4px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.how-it-works-page .section-title{color:var(--dark-text);margin-bottom:16px;font-size:40px;font-weight:700;line-height:1.2}.how-it-works-page .section-sub{color:var(--muted-text);max-width:700px;font-size:16px;line-height:1.6}.how-it-works-page .journey-section,.how-it-works-page .trust-section{background:var(--warm-white);padding:80px 20px}.how-it-works-page .roles-section,.how-it-works-page .faq-section{background:var(--cream);padding:80px 20px}.how-it-works-page .tab-panels{margin-top:60px}.how-it-works-page .journey-step{gap:30px;margin-bottom:50px;display:flex}.how-it-works-page .step-circle{color:#fff;z-index:2;background:#0d6efd;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;display:flex;position:relative}.how-it-works-page .step-line{background:#e0e0e0;width:2px;height:120px;margin:10px 0 0 23.5px}.how-it-works-page .journey-step:last-child .step-line{display:none}.how-it-works-page .step-label{text-transform:uppercase;letter-spacing:1px;color:#0d6efd;margin-bottom:8px;font-size:12px;font-weight:700}.how-it-works-page .step-right h3{color:var(--dark-text);margin-bottom:12px;font-size:24px;font-weight:600}.how-it-works-page .step-right p{color:var(--muted-text);margin-bottom:20px;font-size:15px;line-height:1.6}.how-it-works-page .step-tips{flex-wrap:wrap;gap:10px;display:flex}.how-it-works-page .tip-pill{color:#0d6efd;background:#f0f6fe;border:1px solid #d0e8ff;border-radius:100px;padding:8px 14px;font-size:13px;font-weight:500}.how-it-works-page .roles-grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:60px;display:grid}.how-it-works-page .role-card{background:var(--warm-white);border:1px solid var(--border-light);border-radius:8px;padding:40px}.how-it-works-page .role-header{text-align:center;margin-bottom:32px}.how-it-works-page .role-icon{margin-bottom:16px;font-size:56px}.how-it-works-page .role-card h3{margin-bottom:12px;font-size:24px;font-weight:700}.how-it-works-page .role-header p,.how-it-works-page .role-step p{font-size:15px;line-height:1.6}.how-it-works-page .role-header p{color:var(--muted-text)}.how-it-works-page .role-steps{flex-direction:column;gap:20px;display:flex}.how-it-works-page .role-step{gap:16px;display:flex}.how-it-works-page .rs-num{color:#0d6efd;background:#f0f6fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.how-it-works-page .trust-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px;display:grid}.how-it-works-page .trust-card{background:var(--cream);text-align:center;border:1px solid var(--border-light);border-radius:8px;padding:32px}.how-it-works-page .emoji{margin-bottom:16px;font-size:48px}.how-it-works-page .trust-card h4{margin-bottom:12px;font-size:18px;font-weight:700}.how-it-works-page .trust-card p{color:var(--muted-text);font-size:14px;line-height:1.6}.how-it-works-page .faq-list{max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto}.how-it-works-page .faq-item{background:var(--warm-white);border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;overflow:hidden}.how-it-works-page .faq-q{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:600;list-style:none;display:flex}.how-it-works-page .faq-q::-webkit-details-marker{display:none}.how-it-works-page .faq-arrow{color:#6c757d;background:#e9ecef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.how-it-works-page .faq-item[open] .faq-arrow{transform:rotate(180deg)}.how-it-works-page .faq-a{color:var(--muted-text);border-top:1px solid var(--border-light);margin:0;padding:16px 24px 20px;font-size:15px;line-height:1.6}.how-it-works-page .cta-strip{color:var(--warm-white);text-align:center;background:linear-gradient(135deg,#0d6efd 0%,#0050b3 100%);padding:60px 20px}.how-it-works-page .cta-strip h2{margin-bottom:16px;font-size:40px;font-weight:700}.how-it-works-page .cta-strip p{opacity:.95;max-width:600px;margin:0 auto 32px;font-size:16px}.how-it-works-page .cta-btns{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.how-it-works-page .btn-primary,.how-it-works-page .btn-outline{border-radius:6px;padding:12px 32px;font-size:15px;font-weight:600;text-decoration:none}.how-it-works-page .btn-primary{color:#fff;background:#4096ff}.how-it-works-page .btn-primary:hover{background:#0050b3}.how-it-works-page .btn-outline{color:#fff;background:0 0;border:2px solid #ffffffe6}.how-it-works-page .btn-outline:hover{background:#ffffff26}@media (max-width:900px){.how-it-works-page .page-hero h1{font-size:36px}.how-it-works-page .section-title,.how-it-works-page .cta-strip h2{font-size:32px}.how-it-works-page .roles-grid{grid-template-columns:1fr}.how-it-works-page .trust-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.how-it-works-page .page-hero{padding:48px 16px}.how-it-works-page .page-hero h1,.how-it-works-page .section-title,.how-it-works-page .cta-strip h2{font-size:28px}.how-it-works-page .hero-tabs{flex-direction:column}.how-it-works-page .hero-tab,.how-it-works-page .btn-primary,.how-it-works-page .btn-outline{width:100%}.how-it-works-page .trust-grid{grid-template-columns:1fr}.how-it-works-page .journey-step{gap:16px}.how-it-works-page .step-circle{width:40px;height:40px;font-size:18px}.how-it-works-page .step-line{margin-left:19px}.how-it-works-page .cta-btns{flex-direction:column}}