.how-it-works-page{--how-orange:#ed5b16;--how-green:#176b38;--how-green-dark:#105b2d;--how-text:var(--foreground);--how-muted:var(--muted-foreground);min-height:100vh;padding:0 24px 80px;overflow:hidden}.how-it-works-page .how-hero{text-align:center;max-width:650px;margin:0 auto;padding:0 0 38px}.how-it-works-page .how-hero h1{color:var(--how-orange);letter-spacing:-1.5px;margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}.how-it-works-page .how-hero p{max-width:470px;color:var(--how-muted);margin:12px auto 0;font-size:13px;line-height:1.8}.how-it-works-page .how-steps{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto 36px;display:grid}.how-it-works-page .how-step-card{background:var(--card);border-radius:16px;min-height:142px;padding:15px;transition:transform .25s,box-shadow .25s;box-shadow:0 2px 12px #00000006}.how-it-works-page .how-step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.how-it-works-page .how-step-number{background:var(--how-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;margin-bottom:11px;font-size:14px;font-weight:600;display:flex}.how-it-works-page .how-step-card h2{color:var(--how-text);margin:0 0 6px;font-size:13px;font-weight:600}.how-it-works-page .how-step-card p{color:var(--how-muted);margin:0;font-size:11px;line-height:1.75}.how-it-works-page .how-escrow{background:#176b38;border-radius:16px;align-items:center;max-width:1200px;min-height:280px;margin:0 auto;padding:42px 40px;display:flex;position:relative;overflow:hidden}.how-it-works-page .how-escrow:before,.how-it-works-page .how-escrow:after{display:none}.how-it-works-page .how-escrow-content{z-index:3;width:50%;max-width:440px;position:relative}.how-it-works-page .how-protected-badge{color:#b7e8c5;background:linear-gradient(135deg,#5bc07842,#5bc0781a);border:1px solid #b7e8c52e;border-radius:20px;align-items:center;gap:7px;margin-bottom:17px;padding:7px 12px;font-size:10px;font-weight:500;display:inline-flex}.how-it-works-page .how-protected-badge svg{flex-shrink:0}.how-it-works-page .how-escrow-content h2{color:#fff;margin:0 0 10px;font-size:clamp(22px,2.5vw,28px);font-weight:500;line-height:1.2}.how-it-works-page .how-escrow-content p{color:#c4e0cc;max-width:400px;margin:0;font-size:11px;line-height:1.75}.how-it-works-page .how-guarantees{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.how-it-works-page .how-guarantees>span{color:#fff;background:linear-gradient(135deg,#105b2df2,#0a4622e6);border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:inline-flex}.how-it-works-page .how-guarantees svg{flex-shrink:0}.how-it-works-page .how-person{z-index:2;width:50%;height:100%;position:absolute;bottom:0;right:0}.how-it-works-page .how-person img{object-fit:contain;object-position:bottom right;width:100%;height:100%}.how-it-works-page .how-person:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#176b3833 55%,#176b388c 70%,#176b38e6 85%,#176b38 100%);position:absolute;inset:0}.how-it-works-page .how-cta{justify-content:center;margin-top:40px;display:flex}.how-it-works-page .how-cta a{background:var(--how-orange);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:166px;padding:13px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.how-it-works-page .how-cta a:hover{background:#d94f10;transform:translateY(-2px);box-shadow:0 6px 18px #ed5b1638}@media (max-width:900px){.how-it-works-page .how-steps{grid-template-columns:repeat(2,1fr)}.how-it-works-page .how-escrow{background:#176b38;min-height:320px}.how-it-works-page .how-escrow-content{width:58%}.how-it-works-page .how-person{width:52%}}@media (max-width:600px){.how-it-works-page{padding:0 16px 50px}.how-it-works-page .how-hero{padding-bottom:28px}.how-it-works-page .how-hero h1{letter-spacing:-.8px;font-size:30px}.how-it-works-page .how-hero p{font-size:12px}.how-it-works-page .how-steps{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.how-it-works-page .how-step-card{min-height:0;padding:18px}.how-it-works-page .how-step-card h2{font-size:14px}.how-it-works-page .how-step-card p{font-size:12px}.how-it-works-page .how-escrow{background:#176b38;border-radius:16px;min-height:530px;padding:28px 22px;display:block}.how-it-works-page .how-escrow:before{display:none}.how-it-works-page .how-escrow-content{width:100%;max-width:none}.how-it-works-page .how-escrow-content h2{font-size:24px}.how-it-works-page .how-escrow-content p{font-size:12px}.how-it-works-page .how-guarantees{gap:8px}.how-it-works-page .how-guarantees>span{font-size:9px}.how-it-works-page .how-person{width:100%;height:55%;top:auto;bottom:0;right:0}.how-it-works-page .how-person:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#176b3833 55%,#176b388c 70%,#176b38e6 85%,#176b38 100%);position:absolute;inset:0}.how-it-works-page .how-cta{margin-top:28px}}