.how-it-works{padding:60px 0}.how-it-works__title{background:var(--gradation-blue-800);background-clip:text;-webkit-background-clip:text;text-align:center;-webkit-text-fill-color:transparent;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base)}.how-it-works__subtitle{font-weight:var(--font-weight-bold);margin-top:16px}.how-it-works__lead,.how-it-works__subtitle{color:var(--color-gray-800);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);text-align:center}.how-it-works__lead{font-weight:var(--font-weight-normal);margin-top:24px}.how-it-works__contents{margin-top:40px}.how-it-works__visual{display:flex;flex-direction:column}.how-it-works__diagram img{display:block;height:auto;width:100%}.how-it-works__legends{display:none}.how-it-works__legend{align-items:center;color:#000;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base)}.how-it-works__legend-swatch{border-radius:4px;flex-shrink:0;height:16px;width:16px}.how-it-works__legend-swatch--market{background-color:#f3b233}.how-it-works__legend-swatch--data{background-color:#2f4bdd}.how-it-works__steps{display:flex;flex-direction:column;gap:32px;margin-top:40px}.how-it-works-step{column-gap:24px;display:grid;grid-template-columns:auto minmax(0,1fr)}.how-it-works-step__number{color:var(--color-blue-700);grid-column:1}.how-it-works-step__number,.how-it-works-step__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base)}.how-it-works-step__description,.how-it-works-step__title{color:var(--color-gray-800);grid-column:2}.how-it-works-step__description{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);margin-top:4px}@media (min-width:768px){.how-it-works{padding:100px 0}.how-it-works__title{font-size:var(--font-size-xxxxl);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.how-it-works__subtitle{font-size:var(--font-size-xxl)}.how-it-works__lead{margin-top:32px}.how-it-works__contents{margin-top:80px}.how-it-works__visual{margin:0 auto;max-width:661px}.how-it-works__steps{gap:40px;margin-top:40px}}@media (min-width:1120px){.how-it-works__contents{column-gap:40px;display:grid;grid-template-columns:minmax(0,661px) minmax(0,1fr)}.how-it-works__visual{margin:0}.how-it-works__legends{display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:center;margin-top:auto;padding-top:24px}.how-it-works__steps{margin-top:0}}