/* Product-first version of the Nanxia preview. Brand narrative remains later in the path. */
.sales-hero {
  position: relative;
  min-height: 460px;
  color: #fff;
  background: #314333;
  overflow: hidden;
}
.sales-hero-photo {
  position: absolute;
  inset: 0;
}
.sales-hero-photo img {
  height: 100%;
  object-position: 52% 38%;
  filter: saturate(var(--preview-photo-sat)) brightness(.6);
}
.sales-hero:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #15271ce8 0%, #16271985 48%, #16271917 100%);
  pointer-events: none;
}
.sales-hero-copy {
  position: relative;
  z-index: 1;
  padding: 110px 6vw 38px;
  max-width: 630px;
}
.sales-hero-copy .eyebrow {
  font-size: 11px;
  margin-bottom: 14px;
}
.sales-hero-copy h1 {
  font: 400 clamp(37px,8.7vw,58px)/1.42 NotoSerif,serif;
  letter-spacing: -.025em;
  margin: 0 0 13px;
}
.sales-hero-copy>p:not(.eyebrow) {
  font-size: 14px;
  line-height: 1.8;
  max-width: 470px;
  margin: 0 0 25px;
  color: #f3f4ef;
}
.sales-hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.sales-hero-actions a,
.sales-hero-actions button {
  min-height: 44px;
  padding: 10px 15px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.sales-hero-actions a {
  background: #f3f0e9;
  color: #24372a;
}
.sales-hero-actions button {
  background: #17281a6e;
  border: 1px solid #e4ece5;
  color: #fff;
}
.sales-proof {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  padding: 16px 4vw;
  background: #f3f0e9;
  border-bottom: 1px solid #d5dbd1;
  text-align: center;
  gap: 7px;
}
.sales-proof span {
  font-size: 11px;
  line-height: 1.3;
  border-right: 1px solid #c8d2c7;
}
.sales-proof span:last-child {
  border: 0;
}
.sales-featured {
  background: var(--preview-paper);
  padding-top: 56px;
  padding-bottom: 70px;
}
.sales-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.sales-heading .eyebrow {
  margin-bottom: 12px;
}
.sales-heading h2,
.sales-choice h2,
.sales-how h2,
.sales-brand h2,
.sales-list-head h1,
.sales-detail-value h2,
.sales-detail-route h2,
.sales-detail-fit h2,
.sales-detail-faq h2 {
  font: 400 clamp(29px,7vw,44px)/1.45 NotoSerif,serif;
  letter-spacing: -.04em;
  margin: 0;
}
.sales-heading>a {
  font-size: 12px;
  white-space: nowrap;
  border-bottom: 1px solid #5e7462;
  padding-bottom: 5px;
  margin-bottom: 6px;
}
.sales-section-intro {
  font-size: 13px !important;
  line-height: 1.8 !important;
  max-width: 640px;
  margin: 17px 0 25px;
}
.sales-grid,
.sales-list-grid {
  display: grid;
  gap: 28px;
}
.sales-card {
  background: #fff;
  border: 1px solid #d7ddd5;
}
.sales-card-image {
  display: block;
  position: relative;
  height: 245px;
  overflow: hidden;
}
.sales-card-image img {
  height: 100%;
  transition: transform .3s;
}
.sales-card-image:hover img {
  transform: scale(1.025);
}
.sales-card-image>span {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 9px;
  background: #1c2d22b8;
  color: #fff;
  font-size: 11px;
}
.sales-card-body {
  padding: 19px 18px 17px;
}
.sales-card-kicker {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  font-size: 11px;
  color: #627666;
}
.sales-card-kicker b {
  font-weight: 500;
  color: #314a35;
}
.sales-card h3 {
  font: 400 25px NotoSerif,serif;
  margin: 6px 0;
}
.sales-card p {
  font-size: 13px;
  line-height: 1.65;
  color: #536756;
  margin: 0 0 12px;
}
.sales-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 17px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.sales-card li {
  font-size: 11px;
  color: #54705a;
  background: #edf1eb;
  padding: 4px 7px;
}
.sales-card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.sales-card-actions a,
.sales-card-actions button {
  border: 1px solid #45604b;
  background: none;
  color: #2c4331;
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 11px;
  font-size: 12px;
}
.sales-card-actions button {
  background: var(--preview-accent);
  color: #fff;
  justify-content: center;
}
.sales-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #455c48;
  padding: 14px 17px;
  margin-top: 28px;
  font-size: 13px;
  max-width: 380px;
}
.sales-choice {
  background: var(--preview-quiet);
  padding-top: 72px;
  padding-bottom: 72px;
}
.sales-choice-grid {
  display: grid;
  gap: 11px;
  margin-top: 26px;
}
.sales-choice-grid>a {
  background: #f7f7f2;
  min-height: 173px;
  padding: 21px;
  display: flex;
  flex-direction: column;
  border: 1px solid #d2dcd0;
}
.sales-choice-grid span {
  font-size: 11px;
  color: #67806b;
}
.sales-choice-grid strong {
  font: 400 22px NotoSerif,serif;
  margin: 15px 0 4px;
}
.sales-choice-grid small {
  font-size: 12px;
  color: #738375;
}
.sales-choice-grid b {
  font-weight: 400;
  font-size: 12px;
  margin-top: auto;
}
.sales-how {
  background: var(--preview-paper);
  padding-top: 72px;
  padding-bottom: 72px;
}
.sales-how-grid {
  margin-top: 28px;
}
.sales-how-grid>div {
  border-top: 1px solid #c0cbbf;
  padding: 18px 0;
}
.sales-how-grid b {
  font-size: 11px;
  color: #819484;
  font-weight: 400;
}
.sales-how-grid h3 {
  font: 400 22px NotoSerif,serif;
  margin: 3px 0;
}
.sales-how-grid p {
  font-size: 13px;
  line-height: 1.7;
  color: #667669;
  margin: 0;
}
.sales-how .text-link {
  margin-top: 22px;
}
.sales-help {
  background: #263b2b;
  color: #fff;
}
.sales-help>div {
  position: relative;
  min-height: 520px;
}
.sales-help img {
  position: absolute;
  inset: 0;
  height: 100%;
  filter: brightness(.45) saturate(var(--preview-photo-sat));
}
.sales-help-copy {
  position: relative;
  z-index: 1;
  padding: 135px 6vw 55px;
  max-width: 600px;
}
.sales-help-copy h2 {
  font: 400 37px/1.42 NotoSerif,serif;
  margin: 0 0 13px;
}
.sales-help-copy p:not(.eyebrow) {
  font-size: 13px;
  line-height: 1.85;
  max-width: 470px;
}
.sales-help-copy button,
.sales-list-help button,
.sales-detail-fit button {
  background: #f3f0e9;
  border: 0;
  color: #2c4030;
  padding: 13px 18px;
  font-size: 13px;
  margin-top: 18px;
}
.sales-brand {
  background: var(--preview-paper);
  padding-top: 75px;
  padding-bottom: 76px;
}
.sales-brand>p:not(.eyebrow) {
  max-width: 620px;
  font-size: 14px !important;
  line-height: 1.9;
}
.sales-final-link {
  display: inline-block;
  border: 1px solid #e5eee3;
  color: #fff;
  padding: 13px 22px;
  font-size: 13px;
  margin-top: 18px;
}
.sales-list-head {
  background: var(--preview-paper);
  padding-top: 84px;
  padding-bottom: 48px;
}
.sales-list-head .eyebrow {
  margin-bottom: 12px;
}
.sales-list-head>p:last-child {
  font-size: 14px;
  line-height: 1.8;
  max-width: 590px;
}
.sales-list-grid {
  background: var(--preview-paper);
  padding-top: 30px;
  padding-bottom: 70px;
}
.sales-list-help {
  background: var(--preview-quiet);
  padding-top: 60px;
  padding-bottom: 65px;
}
.sales-list-help h2 {
  font: 400 29px NotoSerif,serif;
}
.sales-list-help p {
  font-size: 13px;
  line-height: 1.8;
}
.sales-list-help button {
  background: var(--preview-accent);
  color: #fff;
}
.sales-detail-top {
  background: #273b2c;
  color: #fff;
}
.sales-detail-photo {
  height: 350px;
}
.sales-detail-photo img {
  height: 100%;
}
.sales-detail-heading {
  padding: 20px 6vw 30px;
}
.sales-back {
  font-size: 12px;
  color: #e2ece2;
}
.sales-detail-heading p {
  font-size: 11px;
  letter-spacing: .08em;
  color: #bdcfc0;
  margin: 29px 0 8px;
}
.sales-detail-heading h1 {
  font: 400 28px/1.2 NotoSerif,serif;
  margin: 0 0 7px;
}
.sales-detail-heading h2 {
  font: 400 16px/1.6 NotoSerif,serif;
  margin: 0;
}
.sales-detail-decision {
  background: #f7f6f0;
  padding: 20px 6vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  border-bottom: 1px solid #d9dfd6;
}
.sales-detail-decision div {
  display: flex;
  flex-direction: column;
}
.sales-detail-decision span {
  font-size: 11px;
  color: #798a7b;
}
.sales-detail-decision strong {
  font: 400 16px NotoSerif,serif;
  margin-top: 3px;
}
.sales-detail-decision button {
  grid-column: 1/-1;
  border: 0;
  background: var(--preview-accent);
  color: #fff;
  padding: 13px 16px;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.sales-detail-nav {
  position: sticky;
  top: 64px;
  z-index: 17;
  background: var(--preview-paper);
  border-bottom: 1px solid #d3ded2;
  display: flex;
  gap: 23px;
  padding: 14px 6vw;
  overflow: auto;
  white-space: nowrap;
  scrollbar-width: none;
  font-size: 12px;
}
.sales-detail-value,
.sales-detail-route,
.sales-detail-fit,
.sales-detail-faq {
  scroll-margin-top: 130px;
}
.sales-detail-value {
  background: var(--preview-paper);
  padding-top: 70px;
  padding-bottom: 70px;
}
.sales-detail-value>p:not(.eyebrow) {
  max-width: 670px;
  font-size: 14px !important;
  line-height: 1.9;
}
.sales-value-grid {
  display: grid;
  gap: 0;
  margin-top: 28px;
}
.sales-value-grid>div {
  border-top: 1px solid #bdcbbd;
  padding: 17px 0;
}
.sales-value-grid b {
  font-size: 11px;
  color: #7d967f;
  font-weight: 400;
}
.sales-value-grid h3 {
  font: 400 21px NotoSerif,serif;
  margin: 5px 0;
}
.sales-detail-route {
  background: var(--preview-quiet);
  padding-top: 70px;
  padding-bottom: 70px;
}
.sales-route-line {
  color: #2d4731 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  border-left: 2px solid #69866b;
  padding-left: 15px;
  margin: 22px 0 28px;
}
.sales-stop-list>div {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 12px;
  border-top: 1px solid #b9c8b9;
  padding: 17px 0;
}
.sales-stop-list b {
  font-size: 12px;
  color: #748c76;
  font-weight: 400;
}
.sales-stop-list h3 {
  font: 400 20px NotoSerif,serif;
  margin: 0 0 4px;
}
.sales-stop-list p {
  font-size: 13px;
  color: #5e7461;
  margin: 0;
  line-height: 1.75;
}
.sales-disclaimer {
  font-size: 11px !important;
  color: #7c8d7d !important;
  margin-top: 30px;
}
.sales-detail-fit {
  background: #f2f0e9;
  padding-top: 70px;
  padding-bottom: 70px;
}
.sales-detail-fit p:not(.eyebrow) {
  max-width: 570px;
  font-size: 14px !important;
}
.sales-detail-fit button {
  background: var(--preview-accent);
  color: #fff;
}
.sales-detail-faq {
  background: var(--preview-paper);
  padding-top: 70px;
  padding-bottom: 90px;
}
.sales-detail-faq details {
  border-top: 1px solid #bfccbf;
}
.sales-detail-faq details:last-child {
  border-bottom: 1px solid #bfccbf;
}
.sales-detail-faq summary {
  list-style: none;
  padding: 18px 0;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.sales-detail-faq summary::-webkit-details-marker {
  display: none;
}
.sales-detail-faq details[open] summary span {
  transform: rotate(45deg);
}
.sales-detail-faq details p {
  color: #627565;
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0 18px;
}
.sales-detail-bottom {
  position: sticky;
  bottom: 0;
  z-index: 19;
  background: var(--preview-paper);
  box-shadow: 0 -5px 20px #132c1d19;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 10px 6vw calc(10px + env(safe-area-inset-bottom));
}
.sales-detail-bottom div {
  display: flex;
  flex-direction: column;
}
.sales-detail-bottom small {
  color: #7c8f7e;
  font-size: 10px;
}
.sales-detail-bottom strong {
  font: 400 17px NotoSerif,serif;
}
.sales-detail-bottom button {
  border: 0;
  background: var(--preview-accent);
  color: #fff;
  padding: 12px 16px;
  white-space: nowrap;
  font-size: 12px;
}
body.preview-sans .sales-hero h1,
body.preview-sans .sales-heading h2,
body.preview-sans .sales-choice h2,
body.preview-sans .sales-how h2,
body.preview-sans .sales-brand h2,
body.preview-sans .sales-detail h1,
body.preview-sans .sales-detail h2,
body.preview-sans .sales-card h3 {
  font-family: 'Noto Sans CJK SC','PingFang SC',Arial,sans-serif !important;
  font-weight: 300 !important;
}
@media(min-width:800px) {
  .sales-hero {
    min-height: 590px;
  }
  .sales-hero-copy {
    padding: 145px 8vw 60px;
  }
  .sales-hero-copy h1 {
    font-size: 59px;
  }
  .sales-proof {
    padding: 22px 12vw;
  }
  .sales-proof span {
    font-size: 13px;
  }
  .sales-grid,
  .sales-list-grid {
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
  }
  .sales-card-image {
    height: 285px;
  }
  .sales-choice-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .sales-how-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
  }
  .sales-help-copy {
    padding-left: 8vw;
  }
  .sales-list-head {
    padding-top: 110px;
  }
  .sales-detail-top {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    min-height: 520px;
  }
  .sales-detail-photo {
    height: 520px;
  }
  .sales-detail-heading {
    padding: 75px 6vw;
    align-self: end;
  }
  .sales-detail-heading h1 {
    font-size: 62px;
  }
  .sales-detail-decision {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 8vw;
  }
  .sales-detail-decision button {
    min-width: 200px;
  }
  .sales-detail-nav {
    padding-left: 8vw;
    top: 64px;
  }
  .sales-value-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
  }
  .sales-detail-bottom {
    position: fixed;
    width: 360px;
    left: auto;
    right: 20px;
    bottom: 20px;
    border: 1px solid #ccd7cc;
    padding: 10px;
  }
  .sales-detail-value,
  .sales-detail-route,
  .sales-detail-fit,
  .sales-detail-faq {
    padding-left: max(8vw,calc((100vw - 1150px)/2));
    padding-right: max(8vw,calc((100vw - 1150px)/2));
  }
}
@media(max-width:420px) {
  .sales-hero {
    min-height: 440px;
  }
  .sales-hero-copy {
    padding-top: 100px;
  }
  .sales-hero-copy h1 {
    font-size: 35px;
  }
  .sales-detail-nav {
    top: 59px;
  }
  .sales-detail-photo {
    height: 320px;
  }
}
@media(min-width:950px) {
  .editor-open .sales-grid,
  .editor-open .sales-list-grid {
    grid-template-columns: 1fr;
  }
  .editor-open .sales-hero {
    min-height: 440px;
  }
  .editor-open .sales-hero-copy {
    padding: 100px 6vw 35px;
  }
  .editor-open .sales-hero-copy h1 {
    font-size: 35px;
  }
  .editor-open .sales-choice-grid,
  .editor-open .sales-how-grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  .editor-open .sales-detail-top {
    display: block;
    min-height: 0;
  }
  .editor-open .sales-detail-photo {
    height: 320px;
  }
  .editor-open .sales-detail-heading {
    padding: 20px 6vw 30px;
  }
  .editor-open .sales-detail-heading h1 {
    font-size: 45px;
  }
  .editor-open .sales-detail-decision {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px 6vw;
  }
  .editor-open .sales-detail-bottom {
    position: sticky;
    width: auto;
    right: auto;
    bottom: 0;
  }
  .editor-open .sales-value-grid {
    grid-template-columns: 1fr;
  }
}