/* Original, static illustrations; scoped to the Process page. */
.hf-process-art{margin:36px 0 38px;padding:32px 34px 24px;border-radius:22px;background:#193328;color:#fff;overflow:hidden}
.hf-process-art-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.hf-process-art-kicker{color:#cfe69c;font-size:10px;font-weight:800;letter-spacing:.13em}.hf-process-art-top h3{color:#fff;font-size:30px;line-height:1.25;margin:9px 0 0;letter-spacing:-.04em}.hf-process-art-note{color:#dbe7d4;border:1px solid #4f6a57;border-radius:100px;font-size:11px;padding:7px 12px}
.hf-process-art-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;position:relative}.hf-process-art-flow:before{content:'';position:absolute;left:9%;right:9%;top:60px;border-top:1px dashed #77936c}.hf-process-art-flow li{position:relative;min-width:0;text-align:center}.hf-process-art-icon{width:144px;max-width:100%;height:112px;margin:0 auto 18px;position:relative;background:#193328}.hf-process-art-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 9px #091c1640)}.hf-process-art-step{color:#b7d2ad;font-size:9px;letter-spacing:.06em;font-weight:800;display:block;margin-bottom:8px}.hf-process-art-flow strong{display:block;color:#fff;font-size:15px;line-height:1.35;font-weight:650}.hf-process-art-flow small{display:block;color:#c1cfbf;font-size:12px;line-height:1.55;margin-top:7px}.hf-process-art figcaption{color:#c9d9c6;margin-top:26px;padding-top:18px;border-top:1px solid #3e5a46;font-size:12px;text-align:center;line-height:1.7}
.hf-process-mail{margin:0;border:1px solid #d2dcce;border-radius:16px;background:white;box-shadow:0 18px 50px #244c3a0e;overflow:hidden;text-align:left;min-width:0}.hf-process-mail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6f8f2;padding:15px 20px;border-bottom:1px solid #dce2db;font-size:9px;font-weight:800;letter-spacing:.08em;color:#53644f}.hf-process-mail-dots{font-size:9px;letter-spacing:4px;color:#b8c7af}.hf-process-mail-tag{background:#e2f677;border-radius:4px;padding:3px 7px;color:#244c3a;font-size:8px}.hf-process-mail-meta{display:flex;gap:13px;align-items:center;padding:22px 24px 18px}.hf-process-mail-avatar{height:38px;width:38px;flex:0 0 38px;display:grid;place-items:center;background:#edf2e2;border-radius:50%;font-size:11px;font-weight:800;color:#244c3a}.hf-process-mail-meta strong{display:block;font-size:13px}.hf-process-mail-meta small{display:block;color:#697467;font-size:10px;margin-top:2px}.hf-process-mail-index{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border:1px solid #bacaa9;color:#244c3a;background:#f3f7e8;border-radius:50%;font-size:10px;font-weight:800;margin-left:auto}.hf-process-mail-subject{display:flex;gap:10px;align-items:center;margin:0 24px;padding-bottom:17px;border-bottom:1px solid #e2e7df}.hf-process-mail-subject>span:first-child{font-size:10px;color:#758070}.hf-process-mail-subject strong{font-size:12px;line-height:1.45}.hf-process-mail-body{padding:24px}.hf-process-mail-body p{color:#344333!important;font-size:13px!important;line-height:1.8!important;margin:0 0 15px!important;max-width:none!important}.hf-process-mail-footer{display:flex;align-items:center;gap:15px;padding-top:12px;border-top:1px solid #e5e9e1;color:#7b8474;font-size:9px}.hf-process-mail figcaption{padding:20px 24px;background:#eef3e6;border-top:1px solid #dce2d4}.hf-process-mail figcaption>strong{font-size:12px;display:block;margin-bottom:12px}.hf-process-mail figcaption>div{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#244c3a}.hf-process-mail figcaption b{font-size:9px;display:inline-grid;place-items:center;width:17px;height:17px;background:#d8e8be;border-radius:50%;margin-right:3px}.hf-process-mail figcaption small{display:block;font-size:10px;line-height:1.6;color:#69745f;margin-top:14px}
@media(max-width:1000px){.hf-process-art{padding:28px 24px}.hf-process-art-flow{gap:14px}.hf-process-art-icon{width:112px;height:95px}.hf-process-art-flow:before{top:49px}.hf-process-art-flow strong{font-size:13px}.hf-process-art-step{font-size:8px}.hf-process-art-flow small{font-size:11px}}
@media(max-width:650px){.hf-process-art{padding:25px 22px;margin:28px 0;border-radius:16px}.hf-process-art-top{margin-bottom:25px;align-items:flex-start}.hf-process-art-top h3{font-size:26px}.hf-process-art-note{display:none}.hf-process-art-flow{grid-template-columns:1fr;gap:22px}.hf-process-art-flow:before{left:42px;right:auto;top:25px;bottom:25px;border-top:0;border-left:1px dashed #77936c}.hf-process-art-flow li{display:grid;grid-template-columns:85px 1fr;gap:17px;align-items:center;text-align:left}.hf-process-art-icon{width:85px;height:74px;margin:0}.hf-process-art-step{font-size:8px;margin-bottom:5px}.hf-process-art-flow strong{font-size:15px}.hf-process-art-flow small{font-size:11px;margin-top:4px}.hf-process-art figcaption{font-size:11px;text-align:left;margin-top:24px}.hf-process-mail-top{padding:14px 16px}.hf-process-mail-meta{padding:20px 18px 16px}.hf-process-mail-subject{margin:0 18px}.hf-process-mail-subject strong{font-size:11px}.hf-process-mail-body{padding:20px 18px}.hf-process-mail figcaption{padding:18px}.hf-process-mail figcaption>div{gap:10px}.hf-process-mail-dots{letter-spacing:2px}}