.guest-workflow { padding-block: 88px 72px; background: #f4f6f1; }
.guest-workflow::before { background: radial-gradient(ellipse at 10% 70%, #e5eccf88, transparent 50%); }
.guest-workflow .how-layout { display: block; }
.guest-intro { display: block; margin-bottom: 46px; }
.guest-intro h2 { font-size: clamp(44px,4.4vw,64px); line-height: 1.03; }
.guest-workflow .guest-intro h2 br { display: initial; }
.guest-intro .eyebrow { font-size: 12px; color: #3d6049; margin-bottom: 16px; }
.guest-workflow .guest-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; }
.guest-workflow .guest-steps::before, .guest-workflow .guest-steps::after { display: none; }
.guest-workflow .guest-steps > li { padding: 0; border: 0; min-width: 0; }
.guest-illustration { aspect-ratio: 360/200; border-radius: 12px; overflow: hidden; margin-bottom: 24px; }
.guest-illustration svg { width: 100%; height: 100%; display: block; }
.guest-illustration-scan { background: #e8eee0; }
.guest-illustration-share { background: #ece9e3; }
.guest-illustration-reward { background: #f0eedb; }
.guest-svg-serif { font-family: var(--serif); fill: #214638; }
.guest-svg-sans { font-family: var(--font); fill: #214638; }
.guest-step-label { display: flex; align-items: center; gap: 11px; font-size: 10px; margin-bottom: 13px; color: #6a7b6b; }
.guest-step-label > span:first-child { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #b6c4b0; border-radius: 50%; font-size: 10px; color: #37533d; }
.guest-workflow .guest-steps h3 { font-family: var(--font); font-weight: 600; font-size: 19px; letter-spacing: -.03em; line-height: 1.35; margin-bottom: 13px; }
.guest-workflow .guest-steps p { font-size: 13px; line-height: 1.85; color: #5b6d5f; }
.guest-reassurance { display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid #d8e0d2; margin-top: 40px; padding-top: 25px; }
.guest-reassurance strong { font-size: 13px; font-weight: 600; }
.guest-reassurance p { color: #677568; font-size: 11px; line-height: 1.7; margin-top: 5px; }
.guest-reassurance .text-link { font-size: 13px; white-space: nowrap; }
@media(max-width:1000px) {
  .guest-workflow .guest-steps { gap: 23px; }
  .guest-workflow .guest-steps h3 { font-size: 17px; }
}
@media(max-width:700px) {
  .guest-workflow { padding-block: 62px 48px; }
  .guest-intro { margin-bottom: 36px; }
  .guest-intro h2 { font-size: 49px; }
  .guest-workflow .guest-steps { grid-template-columns: 1fr; gap: 37px; }
  .guest-illustration { max-height: 240px; margin-bottom: 19px; }
  .guest-workflow .guest-steps h3 { font-size: 20px; }
  .guest-workflow .guest-steps p { font-size: 13px; }
  .guest-reassurance { flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 33px; }
}
@media(max-width:360px) { .guest-intro h2 { font-size: 43px; } }