/* A distinct surface for each moment in the engagement. */
#how-it-works{padding-top:64px;padding-bottom:64px}
#how-it-works .steps{margin-top:32px;display:grid;gap:16px}
#how-it-works .step{padding:32px;gap:36px;border:0;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#how-it-works .step-copy{min-width:0}
#how-it-works .step-copy .number{margin-bottom:12px}
#how-it-works .step-copy h3{margin-bottom:14px}
#how-it-works .step-copy p{margin-bottom:12px;font-size:17px}
#how-it-works .step-copy p:last-child{margin-bottom:0}
#how-it-works .example{min-width:0;padding:24px;position:relative;isolation:isolate}
#how-it-works .example h4{font-size:20px;margin-bottom:14px}
#how-it-works .example .annotation{padding-top:14px;margin-top:16px;font-size:15px}
#how-it-works .step:nth-child(1){background:#F3F4F6}
#how-it-works .step:nth-child(1) .example{border-color:#E0E3EA;box-shadow:0 14px 24px -12px #1b1f3b3b,0 3px 5px #1b1f3b08;transform:rotate(-.7deg)}
#how-it-works .step:nth-child(1) blockquote{font-size:23px}
#how-it-works .step:nth-child(2){background:#FFFFFF;border:1px solid #ECEEF2}
#how-it-works .step:nth-child(2) .example{border:1px solid #9C7A22;box-shadow:0 8px 24px -16px #9c7a2266}
#how-it-works .step:nth-child(3){background:#1B1F3B;color:#FFFFFF}
#how-it-works .step:nth-child(3) .step-copy p{color:#E0E3ED}
#how-it-works .step:nth-child(3) .number,#how-it-works .step:nth-child(3) .step-copy strong{color:#D6B967}
#how-it-works .step:nth-child(3) .example{background:#FFFFFF;color:#1B1F3B;box-shadow:0 16px 28px -12px #0006;border-top:3px solid #9C7A22}
#how-it-works .step:nth-child(4){background:#F3F4F6}
#how-it-works .step:nth-child(4) .example{box-shadow:5px 5px 0 #FFFFFF,5px 5px 0 1px #D9DDE5,10px 10px 0 #E8EBF0,10px 10px 0 1px #D9DDE5,0 18px 26px -18px #1b1f3b55;margin:0 10px 10px 0}
#how-it-works .step:nth-child(4) .example>p{font-size:17px;line-height:1.5;margin-bottom:14px}
@media(max-width:850px){#how-it-works .step{grid-template-columns:1fr;gap:22px;padding:26px}}
@media(max-width:540px){#how-it-works{padding:44px 16px}#how-it-works .steps{gap:12px;margin-top:24px}#how-it-works .step{padding:22px 18px;gap:18px}#how-it-works .step-copy h3{font-size:23px}#how-it-works .example{padding:19px}#how-it-works .step:nth-child(1) .example{transform:none}#how-it-works .step:nth-child(1) blockquote{font-size:21px}}