.xw.how-home{background:#f8f9f7}.xw .how-page{width:min(1160px,100% - 80px);margin:0 auto;padding:60px 0 96px}.xw .how-intro{max-width:640px}.xw .how-intro>span{color:#778f7d;font-size:12px}.xw .how-intro h1{letter-spacing:-.06em;color:#252e31;margin-top:10px;font-size:42px;font-weight:500;line-height:1.2}.xw .how-intro p{color:#5f7a66;margin-top:12px;font-size:14px;line-height:1.8}.xw .how-trail{background:#eaf3e8;border:1px solid #d6e6d3;border-radius:18px;margin-top:36px;padding:48px 40px 40px;position:relative;overflow:hidden}.xw .how-path{pointer-events:none;width:100%;height:230px;position:absolute;top:0;left:0}.xw .how-path path{fill:none;stroke:#9fbfa6;stroke-width:3px;stroke-dasharray:2 12;stroke-linecap:round;vector-effect:non-scaling-stroke}.xw .how-stops{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.xw .how-stop{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.xw .how-stop:nth-child(2n){margin-top:70px}.xw .how-stop img{object-fit:cover;border:6px solid #f8f9f7;border-radius:50%;width:150px;height:150px;box-shadow:0 18px 30px -24px #1e3c2880}.xw .how-step{color:#778f7d;margin-top:18px;font-size:12px}.xw .how-stop h2{letter-spacing:-.045em;color:#252e31;word-break:keep-all;margin-top:4px;font-size:19px;font-weight:600;line-height:1.35}.xw .how-stop p{color:#5f7a66;word-break:keep-all;margin-top:8px;font-size:13.5px;line-height:1.7}.xw .how-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.xw .how-action{color:#fff;background:#252e31;border-radius:9px;align-items:center;gap:8px;min-height:38px;margin-top:16px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.xw .how-action svg{width:14px;height:14px}.xw .how-action:hover{background:#3a4548}.xw .how-action:focus-visible,.xw .how-copy:focus-visible{outline-offset:3px;outline:3px solid #456953}.xw .how-link{letter-spacing:-.02em;color:#456953;background:#fff;border:1px solid #d6e6d3;border-radius:9px;padding:8px 12px;font-family:XwJetBrains,JetBrains Mono,ui-monospace,monospace;font-size:13.5px}.xw .how-copy{color:#fff;cursor:pointer;background:#252e31;border:1px solid #252e31;border-radius:8px;min-height:36px;padding:0 13px;font-size:12.5px;font-weight:600}.xw .how-copy:hover{background:#3a4548}.xw .how-then{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.xw .how-then li{color:#456953;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px}@media (max-width:900px){.xw .how-page{padding:40px 0 72px}.xw .how-intro h1{font-size:30px}.xw .how-trail{padding:28px 20px}.xw .how-stops{grid-template-columns:1fr;row-gap:30px}.xw .how-stop{grid-template-columns:96px minmax(0,1fr);align-items:start;column-gap:18px;display:grid}.xw .how-stop>:not(img){grid-column:2}.xw .how-stop img{border-width:4px;grid-row:1/span 6;width:96px;height:96px}.xw .how-step{margin-top:4px}.xw .how-stop:nth-child(2n){margin-top:0}.xw .how-path{display:none}}@media (max-width:760px){.xw .how-page{width:calc(100% - 40px)}}