.how-page{max-width:1120px}.how-intro{max-width:760px;margin-bottom:34px}.how-intro>p{font-size:17px;color:var(--muted);margin:0}.how-role-grid{display:grid;gap:26px}.how-role-card{position:relative;overflow:hidden;background:#fff;border:1px solid #d6e3f0;border-radius:22px;box-shadow:0 14px 36px rgba(22,56,96,.08)}.how-role-card:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,rgba(22,119,232,.12),rgba(22,119,232,0) 70%);pointer-events:none}.how-role-head{position:relative;display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center;padding:28px 30px 20px}.how-role-visual{width:82px;height:82px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf4ff,#dcecff);color:var(--blue);border:1px solid #c4dcf5}.how-role-card.seller .how-role-visual{background:linear-gradient(145deg,#e9f8f2,#d8f2e8);color:#087a55;border-color:#b8e6d4}.how-role-visual svg{width:47px;height:47px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.how-role-label{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:#edf5ff;color:#0b5fc6;border:1px solid #c9ddf5;font-size:11px;font-weight:900;margin-bottom:7px}.how-role-card.seller .how-role-label{background:#ecfbf4;color:#087a55;border-color:#b9ebd7}.how-role-head h2{font-size:28px;margin:0 0 5px}.how-role-head p{margin:0;color:var(--muted)}.how-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 24px 30px}.how-step{position:relative;text-align:center;padding:18px 16px 10px}.how-step:not(:last-child):after{content:"";position:absolute;top:47px;right:-11px;width:22px;height:10px;border-top:2px solid #9fc2e6}.how-step:not(:last-child):before{content:"";position:absolute;top:43px;right:-11px;width:8px;height:8px;border-top:2px solid #9fc2e6;border-right:2px solid #9fc2e6;transform:rotate(45deg);z-index:2}.how-step-icon{width:60px;height:60px;margin:0 auto 13px;border-radius:18px;background:#f1f7ff;border:1px solid #cfe1f4;color:#0b63ce;display:grid;place-items:center;box-shadow:0 7px 18px rgba(22,80,142,.07)}.seller .how-step-icon{background:#f0faf6;border-color:#c7eadc;color:#087a55}.how-step-icon svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.how-step-no{display:block;font-family:Georgia,serif;font-size:12px;font-weight:700;color:#96a7ba;margin-bottom:3px}.how-step strong{display:block;color:#18324f;font-size:15px;line-height:1.45;margin-bottom:5px}.how-step p{font-size:12.5px;color:var(--muted);line-height:1.65;margin:0}.how-deal{margin-top:28px;background:linear-gradient(135deg,#073b75,#0b66cd);border-radius:22px;padding:30px;color:#fff;box-shadow:0 18px 45px rgba(6,58,113,.15)}.how-deal h2{color:#fff;text-align:center;margin-bottom:6px}.how-deal-lead{text-align:center;color:#d8eaff;margin:0 auto 24px;max-width:700px}.how-deal-visual{display:grid;grid-template-columns:1fr 70px 1fr;gap:12px;align-items:center;max-width:760px;margin:0 auto}.how-party{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:18px;text-align:center}.how-party-icon{width:56px;height:56px;border-radius:16px;margin:0 auto 9px;display:grid;place-items:center;background:#fff;color:#0b5fc6}.how-party-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.how-party strong{display:block;color:#fff}.how-party span{display:block;color:#cfe5fb;font-size:12px;margin-top:3px}.how-bridge{text-align:center}.how-bridge svg{width:42px;height:42px;stroke:#9fd0ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.how-bridge small{display:block;color:#b8dcff;font-size:10px;font-weight:800;margin-top:3px}.how-safe-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:760px;margin:22px auto 0}.how-safe-point{display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.09);border-radius:12px;padding:12px 14px;color:#e7f3ff;font-size:13px}.how-safe-check{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dff8ed;color:#087a55;font-weight:900}.how-cta{text-align:center;margin-top:28px}.how-cta p{color:var(--muted);margin-bottom:14px}.how-cta .actions{justify-content:center;margin-top:0}@media(max-width:860px){.how-flow{grid-template-columns:repeat(2,1fr)}.how-step:nth-child(2):after,.how-step:nth-child(2):before{display:none}.how-step:nth-child(-n+2){padding-bottom:24px;border-bottom:1px dashed #dce7f2}.how-deal-visual{grid-template-columns:1fr 50px 1fr}}@media(max-width:600px){.how-role-head{grid-template-columns:64px 1fr;padding:22px 18px 14px;gap:14px}.how-role-visual{width:62px;height:62px;border-radius:17px}.how-role-visual svg{width:36px;height:36px}.how-role-head h2{font-size:23px}.how-flow{grid-template-columns:1fr;padding:6px 16px 22px}.how-step{display:grid;grid-template-columns:54px 1fr;text-align:left;column-gap:14px;padding:14px 4px!important;border-bottom:1px dashed #dce7f2}.how-step:last-child{border-bottom:0}.how-step-icon{grid-row:1/4;width:52px;height:52px;margin:0}.how-step-icon svg{width:25px;height:25px}.how-step:not(:last-child):after,.how-step:not(:last-child):before{display:none}.how-step-no{margin:0}.how-step strong{margin:0 0 2px}.how-deal{padding:24px 16px}.how-deal-visual{grid-template-columns:1fr}.how-bridge{transform:rotate(90deg);padding:5px 0}.how-safe-points{grid-template-columns:1fr}.how-intro>p{font-size:15px}}