.weight-hero { display: grid; grid-template-columns: 1.25fr .8fr; align-items: center; gap: 80px; padding-top: 44px; padding-bottom: 40px; }
.weight-breadcrumb { display: flex; align-items: center; gap: 13px; color: #7b806e; font-size: 10px; margin-bottom: 40px; }
.weight-breadcrumb a { text-decoration: none; border-bottom: 1px solid #c3c7b7; }
.weight-hero .eyebrow { font-size: 9px; letter-spacing: 1.7px; margin-bottom: 20px; }
.weight-hero h1 { font-size: clamp(44px, 4.3vw, 65px); }
.weight-intro { max-width: 510px; color: #64705c; font-size: 15px; line-height: 1.9; }
.weight-promise { color: #516348; font-size: 12px; margin: 28px 0 25px; }
.weight-hero-image { margin: 25px 0 0; }
.weight-hero-image > img { display: block; width: 100%; height: 380px; object-fit: cover; object-position: center 45%; border-radius: 120px 8px 80px 8px; }
.weight-hero-image figcaption { text-align: center; color: #748064; font-size: 10px; margin-top: 15px; }
.weight-journey { padding-top: 35px; padding-bottom: 28px; scroll-margin-top: 105px; }
.weight-journey-heading { max-width: 650px; margin-bottom: 38px; }
.weight-journey-heading h2 { margin-bottom: 18px; }
.weight-journey-heading > p:last-child { font-size: 13px; color: #65715d; }
.weight-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.weight-step { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 27px; align-items: center; margin: 0; padding: 28px; background: #faf6ec; border: 1px solid #ddd5c3; border-radius: 7px 32px 7px 32px; }
.weight-step > img { display: block; width: 155px; height: 180px; object-fit: cover; border-radius: 50px 6px 45px 6px; }
.weight-step-copy > .weight-step-number { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #798566; font-size: 9px; font-weight: 600; letter-spacing: 1.4px; margin: 0 0 12px; }
.weight-step-copy h3 { font-family: var(--serif); font-size: 25px; font-weight: 400; letter-spacing: -.4px; line-height: 1.2; margin-bottom: 15px; }
.weight-step-copy > p:last-child { font-size: 12px; color: #616d59; line-height: 1.9; margin: 0; }
.weight-step:last-child { grid-column: 1 / -1; grid-template-columns: 155px minmax(0, 1fr); background: #eae9da; }
.weight-step:last-child .weight-step-copy { max-width: 670px; }
.weight-optional { border: 1px solid #b9c1a4; border-radius: 12px; padding: 3px 8px; font-size: 8px; font-weight: 400; letter-spacing: .4px; }
.weight-goal { padding: 20px 0 65px; text-align: center; max-width: 780px; }
.weight-goal-leaf { color: #8a966f; font-size: 33px; display: block; margin-bottom: 15px; }
.weight-goal h2 { font-size: clamp(32px, 3.4vw, 45px); margin-bottom: 23px; }
.weight-goal > p { color: #65715d; font-size: 13px; line-height: 1.9; max-width: 550px; margin: 0 auto; }
.weight-start { background: #445d42; color: #f6f0df; padding: 50px 0; }
.weight-start-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 70px; align-items: center; }
.weight-start .eyebrow { color: #c9cfb3; font-size: 8px; letter-spacing: 1.5px; }
.weight-start h2 { font-size: 40px; margin-bottom: 22px; }
.weight-start h2 em { color: #d5d6b7; }
.weight-start-inner > div > p:last-child { color: #d7deca; font-size: 13px; line-height: 1.9; max-width: 420px; margin: 0; }
.weight-start-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
.weight-start-actions .button.light { background: #eee5cf; color: #344c32; }
.weight-start-actions .text-link { font-size: 11px; border-color: #93a082; color: #ecebdc; }
.weight-start-actions > p { color: #cdd6bf; font-size: 10px; max-width: 310px; margin: 0; line-height: 1.8; }
@media (max-width: 1100px) {
  .weight-hero { gap: 40px; }
  .weight-step { grid-template-columns: 115px minmax(0, 1fr); gap: 20px; padding: 23px; }
  .weight-step > img { width: 115px; height: 165px; }
  .weight-step-copy h3 { font-size: 23px; }
}
@media (max-width: 850px) {
  .weight-hero { grid-template-columns: 1.2fr .8fr; gap: 30px; }
  .weight-hero-image > img { height: 300px; border-top-left-radius: 85px; }
  .weight-hero h1 { font-size: 45px; }
  .weight-steps { grid-template-columns: 1fr; gap: 20px; }
  .weight-step, .weight-step:last-child { grid-template-columns: 155px minmax(0, 1fr); }
  .weight-step > img { width: 155px; height: 170px; }
  .weight-start-inner { gap: 35px; }
}
@media (max-width: 600px) {
  .weight-hero { grid-template-columns: 1fr; gap: 22px; padding-top: 25px; padding-bottom: 20px; }
  .weight-breadcrumb { font-size: 9px; margin-bottom: 28px; }
  .weight-hero .eyebrow { font-size: 7px; letter-spacing: 1.2px; }
  .weight-hero h1 { font-size: 45px; }
  .weight-intro { font-size: 13px; }
  .weight-promise { margin: 20px 0; }
  .weight-hero-image { margin: 0; }
  .weight-hero-image > img { height: 250px; border-radius: 80px 6px 60px 6px; }
  .weight-hero-image figcaption { font-size: 9px; }
  .weight-journey { padding-top: 20px; }
  .weight-journey-heading { margin-bottom: 25px; }
  .weight-journey-heading h2 { font-size: 34px; }
  .weight-step, .weight-step:last-child { grid-template-columns: 1fr; gap: 20px; padding: 22px; }
  .weight-step > img { width: 100%; height: 200px; border-radius: 45px 6px 40px 6px; object-fit: cover; }
  .weight-step-copy h3 { font-size: 26px; }
  .weight-step-copy > p:last-child { font-size: 12px; }
  .weight-step:last-child > img { object-position: center 42%; }
  .weight-goal { padding-bottom: 40px; }
  .weight-goal h2 { font-size: 33px; }
  .weight-start { padding: 36px 0; }
  .weight-start-inner { grid-template-columns: 1fr; gap: 28px; }
  .weight-start h2 { font-size: 35px; }
  .weight-start-actions .button { width: 100%; justify-content: space-between; padding: 14px 16px; font-size: 11px; }
}

.weight-start-actions .weight-questionnaire{color:#f6f0df;border-color:#b8c2a4}