.support { background: #d8c8b5; padding-top: 165px; padding-bottom: 165px; }
.intro-title .balanced-title { font-size: clamp(34px, 4.1vw, 62px); line-height: 1.35; }
.balanced-title span { display: block; white-space: nowrap; }
.day-title .balanced-day { font-size: clamp(34px, 4.2vw, 62px); line-height: 1.35; }
.balanced-day span { display: block; white-space: nowrap; }
.support-copy { max-width: 920px; margin: 0 auto; text-align: center; }
.support-badge { display: inline-block; margin-bottom: 42px; padding: 10px 20px; border: 1px solid #654f3f; font: 500 10px/1 var(--sans); letter-spacing: .2em; }
.support h2 { margin-bottom: 28px; font-size: clamp(48px, 6.8vw, 96px); }
.support h2 em { font-family: var(--serif); font-weight: 400; font-style: normal; }
.support h2.balanced-support { font-size: clamp(42px, 5.8vw, 82px); line-height: 1.3; }
.balanced-support span { display: block; white-space: nowrap; }
.balanced-support .accent { color: #705945; }
.support-copy .support-lead { text-align: center; font-size: clamp(17px, 2vw, 24px); line-height: 1.8; color: #49392e; }
.support-rule { width: 1px; height: 70px; margin: 40px auto; background: #8f7966; }
.support-copy > p:not(.eyebrow) { max-width: 650px; margin: 0 auto 24px; font-size: 14px; color: #5f5147; }
.support-copy .support-emphasis { margin-top: 46px; padding: 32px; border-top: 1px solid #9e8a77; border-bottom: 1px solid #9e8a77; color: #3d3027; font-weight: 500; }
.support-emphasis strong { display: inline-block; margin-bottom: 8px; font-size: 20px; }
.mama-recruit { max-width: 760px; margin: 52px auto 0; padding: 42px 30px 40px; border-top: 1px solid #917a66; border-bottom: 1px solid #917a66; text-align: center; }
.mama-recruit-label { margin-bottom: 16px; font: 500 9px/1 var(--sans); letter-spacing: .25em; color: #785f4b; }
.mama-recruit h3 { margin: 0 0 22px; font-size: clamp(38px, 5.2vw, 72px); font-weight: 400; line-height: 1.25; letter-spacing: .03em; }
.mama-recruit h3 span { display: block; white-space: nowrap; }
.mama-recruit > p:last-child { margin: 0; color: #514238; font-size: 14px; line-height: 2; }
.line-guide { max-width: 820px; margin: 55px auto; padding: 18px 22px; display: grid; grid-template-columns: 116px 1fr 30px; align-items: center; gap: 18px; background: #fffaf2; border: 1px solid #d8ccbf; box-shadow: 0 12px 35px rgba(71, 50, 35, .08); }
.line-guide > img { width: 116px; height: auto; display: block; }
.quick-benefits { padding: 85px 8vw 95px; background: #b69a7b; color: #392b22; text-align: center; }
.quick-heading p { margin-bottom: 8px; font-size: 13px; font-weight: 500; letter-spacing: .12em; }
.quick-heading h2 { margin: 0; font-size: clamp(34px, 4vw, 58px); }
.quick-heading h2 em { color: #fff8eb; font-family: var(--serif); font-weight: 500; font-style: normal; }
.quick-heading > span { display: block; margin: 15px 0 38px; font-size: 11px; }
.benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 1250px; margin: 0 auto; }
.benefit-grid article { min-height: 122px; padding: 22px 18px; display: flex; align-items: center; gap: 17px; text-align: left; background: #fffaf1; border-radius: 5px; box-shadow: 0 7px 18px rgba(69, 45, 28, .12); }
.benefit-grid i { flex: 0 0 51px; width: 51px; height: 51px; display: grid; place-items: center; border: 1px solid #a17e5c; border-radius: 50%; color: #8a6546; font: normal 500 16px/1 var(--serif); }
.benefit-grid div { display: flex; flex-direction: column; }
.benefit-grid small { color: #9a826d; font-size: 7px; letter-spacing: .15em; }
.benefit-grid strong { font-size: 15px; font-weight: 500; line-height: 1.5; }
.quick-tour { width: min(100%, 440px); margin: 34px auto 0; padding: 17px 22px; display: flex; justify-content: space-between; background: #49362a; color: #fff; font-size: 13px; letter-spacing: .08em; }
.line-guide div { display: flex; flex-direction: column; }
.line-guide small { font-size: 9px; color: #796d64; }
.line-guide strong { font-size: 14px; font-weight: 500; }
.line-arrow { font-size: 22px; }
@media (max-width: 760px) {
  .intro-title .balanced-title { font-size: 9vw; }
  .day-title .balanced-day { font-size: 10vw; }
  .support { padding-top: 115px; padding-bottom: 115px; }
  .support-badge { margin-bottom: 32px; }
  .support h2 { font-size: 12vw; }
  .support h2.balanced-support { font-size: 9.5vw; }
  .support-copy .support-lead { text-align: center; font-size: 16px; }
  .support-copy > p:not(.eyebrow) { text-align: left; font-size: 13px; }
  .support-copy .support-emphasis { text-align: center; }
  .mama-recruit { margin-top: 42px; padding: 34px 8px 32px; }
  .mama-recruit h3 { font-size: 10.5vw; }
  .mama-recruit > p:last-child { font-size: 13px; text-align: center; }
  .line-guide { margin: 30px 18px; grid-template-columns: 92px 1fr 20px; gap: 12px; padding: 14px; }
  .line-guide > img { width: 92px; }
  .line-guide strong { font-size: 12px; }
  .quick-benefits { padding: 65px 18px 72px; }
  .quick-heading p { font-size: 11px; }
  .quick-heading h2 { font-size: 34px; }
  .benefit-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .benefit-grid article { min-height: 128px; padding: 15px 10px; flex-direction: column; justify-content: center; gap: 8px; text-align: center; }
  .benefit-grid i { flex-basis: 40px; width: 40px; height: 40px; font-size: 13px; }
  .benefit-grid strong { font-size: 12px; }
}