* { box-sizing: border-box; }
body {
  margin: 0;
  background: #fff7ed;
  color: #292524;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.8;
  font-size: 16px;
}

.bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 20px 0 0;
  width: min(880px, calc(100% - 40px));
  margin: 0 auto;
  border-bottom: 4px solid #ea580c;
}
.word {
  font-size: 30px;
  font-weight: 800;
  color: #9a3412;
  text-decoration: none;
}
.steps-nav { display: flex; gap: 18px; padding-bottom: 10px; list-style: none; margin: 0; }
.steps-nav a { color: #57534e; text-decoration: none; font-size: 14px; }
.steps-nav a.here { color: #ea580c; font-weight: 700; }

.lead {
  width: min(880px, calc(100% - 40px));
  margin: 0 auto;
  padding: 36px 0 10px;
}
.lead h1 { font-size: 32px; line-height: 1.35; margin: 0 0 14px; }
.lead p { color: #57534e; margin: 0 0 20px; }
.orange-cta, .line-cta {
  display: inline-block;
  padding: 13px 26px;
  text-decoration: none;
  font-weight: 700;
  margin: 0 8px 8px 0;
}
.orange-cta { background: #ea580c; color: #fff; }
.line-cta { color: #9a3412; border-bottom: 2px solid #ea580c; padding: 13px 0; }

.journey {
  width: min(880px, calc(100% - 40px));
  margin: 0 auto 20px;
  padding-left: 36px;
  border-left: 3px solid #fdba74;
}
.journey-n {
  position: relative;
  padding: 8px 0 28px;
}
.journey-n::before {
  content: attr(data-n);
  position: absolute;
  left: -52px;
  top: 6px;
  width: 32px;
  height: 32px;
  background: #ea580c;
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.journey-n h2 { font-size: 22px; margin: 0 0 10px; color: #9a3412; }
.journey-n p, .journey-n li { color: #44403c; }
.journey-n ol, .journey-n ul { padding-left: 20px; }

.box {
  background: #fff;
  border: 1px solid #fed7aa;
  padding: 16px 18px;
}
.req { width: 100%; border-collapse: collapse; }
.req th, .req td { border-bottom: 1px solid #fed7aa; text-align: left; padding: 8px 6px; }

.faq-block { width: min(880px, calc(100% - 40px)); margin: 10px auto 30px; }
.faq-block h2 { color: #9a3412; }
.faq-block article { margin-bottom: 18px; }
.faq-block h3 { font-size: 17px; margin: 0 0 6px; }

.tail {
  background: #292524;
  color: #d6d3d1;
  padding: 28px 20px;
  font-size: 13px;
}
.tail-in { width: min(880px, calc(100% - 0px)); margin: 0 auto; }
.tail a { color: #fdba74; }
.safe-line { color: #bbf7d0; }

@media (max-width: 640px) {
  .journey { padding-left: 24px; }
  .journey-n::before { left: -40px; width: 26px; height: 26px; font-size: 12px; }
  .bar { flex-direction: column; align-items: flex-start; gap: 10px; }
}