.how-it-works{background:var(--primary);color:var(--primary-ink);padding:34px 34px 20px;overflow:hidden}
.process-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.process-heading h2{font-size:45px;letter-spacing:-1px;line-height:1.08;margin-top:16px}.process-heading h2 em{letter-spacing:-1px}.process-heading>p{font-size:16px;line-height:1.55;text-align:right;margin:0 0 4px}
.process-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:0;position:relative;align-items:start}
.process-flow:before{content:'';height:1px;position:absolute;left:5%;right:5%;top:50%;border-top:1px dashed var(--primary-ink);opacity:.4}
.process-step{position:relative;min-height:0;padding:29px 23px 14px;border-radius:52px 52px 52px 12px;background:var(--paper);color:var(--ink);z-index:1}
.process-step:after{content:'';position:absolute;bottom:-16px;left:18px;width:30px;height:30px;z-index:-1;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
.step-commit,.step-hire{margin-top:40px}.step-commit{background:var(--accent);color:var(--accent-ink);border-radius:52px 52px 12px 52px}.step-commit:after,.step-hire:after{left:auto;right:18px;transform:scaleX(-1)}.step-search{background:var(--ink);color:var(--paper)}.step-hire{border-radius:52px 52px 12px 52px}
.step-number{display:block;font-size:10px;letter-spacing:.5px;line-height:1.5;font-weight:700}.process-step h3{font-family:'Manrope',Arial,sans-serif;font-size:27px;line-height:1.1;letter-spacing:-.5px;font-weight:600;margin:16px 0 10px}.process-step h3 em{font-family:var(--serif);font-weight:400;font-size:30px}.process-step p{font-size:16px;line-height:1.5;margin:0}.step-arrow{position:absolute;right:-36px;top:44%;font-size:40px;color:var(--primary-ink);line-height:1;z-index:2}.step-finish{font-size:27px;color:var(--primary);display:block;line-height:1;margin-top:10px}
.process-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;border-top:1px solid var(--primary-line);padding-top:16px}.process-footer>span{font-size:10px;letter-spacing:.9px}.process-footer a{font-size:13px;border-bottom:1px solid var(--primary-ink);padding:4px 0}.process-footer a span{margin-left:16px}
@media(max-width:1100px){.how-it-works{padding:30px 26px 20px}.process-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px}.process-flow:before{display:none}.process-step{padding:28px 28px 12px}.step-commit,.step-hire{margin-top:24px}.step-arrow{right:-40px;top:40%}.step-commit .step-arrow{top:auto;right:50%;bottom:-46px;transform:rotate(135deg)}.process-heading{margin-bottom:28px}.process-heading h2{font-size:40px}}
@media(max-width:700px){.how-it-works{padding:26px 20px 18px}.process-heading{display:block;margin-bottom:25px}.process-heading h2{font-size:35px;letter-spacing:-1px;margin-top:13px}.process-heading>p{text-align:left;font-size:15px;margin:16px 0 0}.process-heading>p br{display:none}.process-flow{grid-template-columns:1fr;gap:48px;padding:0 5px}.process-step,.step-search{padding:26px 25px 11px;border-radius:42px 42px 42px 10px;margin:0 14px 0 0}.step-commit,.step-hire{margin:0 0 0 14px;border-radius:42px 42px 10px 42px}.process-step h3{font-size:26px;margin:15px 0 10px}.process-step h3 br{display:none}.process-step h3 em{font-size:29px}.process-step p{font-size:16px}.step-arrow,.step-commit .step-arrow{top:auto;bottom:-44px;right:25px;font-size:38px;transform:rotate(90deg)}.step-finish{font-size:25px;margin-top:10px}.process-footer{display:block;margin-top:30px;padding-top:14px}.process-footer>span{font-size:9px;display:block;margin-bottom:12px}.process-footer a{font-size:13px}}

.process-step h3 em{display:block}@media(max-width:700px){.process-step h3 em{display:inline}}

/* Strong, consistent arrow strokes independent of the text font. */
.process-flow{column-gap:52px}.step-arrow{display:block;width:52px;height:32px;right:-52px;top:44%;font-size:0;line-height:0}.step-arrow svg{display:block;width:100%;height:100%;overflow:visible}
@media(min-width:701px) and (max-width:1100px){.process-flow{gap:60px 52px}.step-commit .step-arrow{bottom:-52px;right:50%;top:auto}}
@media(max-width:700px){.process-flow{gap:58px}.step-arrow,.step-commit .step-arrow{width:50px;height:28px;top:auto;bottom:-43px;right:22px;transform:rotate(90deg)}}