/* MisRewards Landing · Session 02 · Slice 02 only */
.mr-s02{--s02-pink:var(--mr-pink,#e8056b);--s02-ink:var(--mr-ink,#17171c);--s02-berry:var(--mr-berry,#7a1749);--s02-muted:var(--mr-muted,#61616b);width:100%;min-width:0;background:#fff;color:var(--s02-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mr-s02,.mr-s02 *{box-sizing:border-box}
.mr-s02__inner{width:min(100%,1440px);min-height:920px;margin:0 auto;padding:72px;display:grid;grid-template-columns:610px 590px;gap:78px;align-items:start}
.mr-s02__story,.mr-s02__proof-wrap{min-width:0}
.mr-s02__eyebrow,.mr-s02__proof-label{margin:0;color:var(--s02-pink);font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.08em}
.mr-s02__title{max-width:610px;margin:42px 0 0;font-size:54px;font-weight:800;line-height:62px;letter-spacing:-.035em}
.mr-s02__intro{max-width:600px;margin:10px 0 0;color:var(--s02-muted);font-size:18px;line-height:28px}.mr-s02__intro-mobile{display:none}
.mr-s02__journey{height:390px;margin-top:33px;overflow:hidden;border:1px solid #e8e3e8;border-radius:32px;background:#fbf9fa}
.mr-s02__steps{height:319px;margin:0;padding:0 0 0 0;list-style:none}
.mr-s02__step{position:relative;display:grid;grid-template-columns:28px 1fr;column-gap:16px;min-height:78px;padding:0 24px;color:var(--s02-ink)}
.mr-s02__step:first-child{padding-top:4px}.mr-s02__step:not(:last-child)::after{content:"";position:absolute;left:31px;top:36px;width:2px;height:28px;background:rgba(232,5,107,.18)}
.mr-s02__number{padding-top:4px;color:var(--s02-pink);font-size:11px;font-weight:800;line-height:1.2}
.mr-s02__step strong{display:block;font-size:13px;line-height:1.2}.mr-s02__step p{margin:8px 0 0;color:#66666e;font-size:14px;font-weight:500;line-height:1.25}
.mr-s02__payoff{height:66px;margin:0;padding:22px 18px;border-radius:16px;background:#faf2f7;color:#1c1c21;font-size:17px;font-weight:800;line-height:1.3}
.mr-s02__brand-line{margin:49px 0 0;color:var(--s02-muted);font-size:15px;font-weight:600}
.mr-s02__proof-wrap{padding-top:70px}.mr-s02__proof-label{font-size:11px}
.mr-s02__proof{height:610px;margin-top:16px;overflow:hidden;border:1px solid #e8dfe3;border-radius:28px;background:#fff}
.mr-s02__proof-brand{height:104px;margin:22px 22px 0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:20px;background:var(--s02-berry);color:#fff}
.mr-s02__proof-brand>div{display:grid;gap:7px}.mr-s02__proof-brand>div span{font-size:13px;font-weight:800}.mr-s02__proof-brand>div strong{font-size:26px;line-height:1}
.mr-s02__rule{display:inline-flex;align-items:center;justify-content:center;width:164px;height:32px;border-radius:999px;background:#fff;color:var(--s02-berry);font-size:12px;font-weight:600}
.mr-s02__proof-body{padding:20px 31px}.mr-s02__proof-body h3{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.025em}.mr-s02__proof-intro{margin:7px 0 0;color:#71656c;font-size:15px}
.mr-s02__stamps{display:flex;gap:22px;margin-top:38px}.mr-s02__stamps span{display:block;width:46px;height:46px;flex:0 0 46px;border:1px solid #e8dfe3;border-radius:50%;background:#fff}.mr-s02__stamps .is-filled{border-color:var(--s02-pink);background:var(--s02-pink)}
.mr-s02__progress{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;font-size:16px}.mr-s02__progress span{color:var(--s02-pink);font-size:14px;font-weight:600}
.mr-s02__reward{display:grid;gap:13px;margin-top:38px;padding:18px 20px;border-radius:18px;background:#fff3c4}.mr-s02__reward>span{color:var(--s02-berry);font-size:11px;font-weight:800}.mr-s02__reward strong{font-size:21px}.mr-s02__reward p{margin:0;color:#71656c;font-size:14px}.mr-s02__proof-body>small{display:block;margin-top:39px;color:#71656c;font-size:12px}

@media(max-width:1180px) and (min-width:761px){
  .mr-s02__inner{min-height:860px;padding:56px 40px;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:44px}.mr-s02__title{font-size:44px;line-height:1.08}.mr-s02__intro{font-size:16px;line-height:1.6}.mr-s02__proof-wrap{padding-top:56px}.mr-s02__proof{height:auto;min-height:570px}.mr-s02__stamps{gap:12px}.mr-s02__stamps span{width:40px;height:40px;flex-basis:40px}.mr-s02__journey{margin-top:28px}.mr-s02__step{padding-inline:18px}.mr-s02__step:not(:last-child)::after{left:25px}
}

@media(max-width:760px){
  .mr-s02{background:#fbfaf7}.mr-s02__inner{width:100%;min-height:900px;padding:54px 20px 38px;display:block}.mr-s02__eyebrow{font-size:11px;letter-spacing:0}.mr-s02__title{margin-top:25px;font-size:38px;line-height:43px;letter-spacing:-.035em}.mr-s02__intro{margin-top:22px;color:#574f52;font-size:17px;line-height:24px}.mr-s02__intro-desktop{display:none}.mr-s02__intro-mobile{display:inline}
  .mr-s02__journey{height:auto;margin-top:64px;overflow:visible;border:0;border-radius:0;background:transparent}.mr-s02__steps{height:auto}.mr-s02__step{grid-template-columns:28px 1fr;column-gap:16px;min-height:105px;padding:0}.mr-s02__step:first-child{padding-top:0}.mr-s02__step:not(:last-child)::after{display:none}.mr-s02__number{padding-top:2px;font-size:12px}.mr-s02__step strong{font-size:13px}.mr-s02__step p{max-width:290px;margin-top:10px;color:#574f52;font-size:14px;line-height:1.35}.mr-s02__payoff{height:72px;margin-top:10px;padding:25px 18px;border-radius:16px;background:#fff;font-size:18px}.mr-s02__brand-line,.mr-s02__proof-wrap{display:none}
}

@media(max-width:374px){
  .mr-s02__inner{padding-inline:16px}.mr-s02__title{font-size:35px;line-height:1.13}.mr-s02__intro{font-size:16px}.mr-s02__journey{margin-top:54px}.mr-s02__payoff{font-size:17px}
}

/* Acceptance polish 2026-09-24: tighter headline + balanced journey top spacing */
@media (min-width:821px){
  .mr-s02__title{margin-top:24px;line-height:1.03}
  .mr-s02__steps{padding-top:22px}
  .mr-s02__step{min-height:73px}
  .mr-s02__step:first-child{padding-top:0}
}

/* Mobile polish: turn the four journey moments into compact cards */
@media (max-width:760px){
  .mr-s02__journey{margin-top:44px}
  .mr-s02__steps{display:grid;gap:12px}
  .mr-s02__step{
    grid-template-columns:42px 1fr;
    column-gap:14px;
    min-height:0;
    padding:18px 18px;
    border:1px solid rgba(232,5,107,.10);
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(55,25,40,.045);
  }
  .mr-s02__number{
    display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;padding:0;border-radius:12px;
    background:#fff0f6;color:var(--s02-pink);font-size:12px;
  }
  .mr-s02__step strong{font-size:14px;line-height:1.2}
  .mr-s02__step p{max-width:none;margin-top:6px;font-size:14px;line-height:1.35}
  .mr-s02__payoff{margin-top:16px}
}

/* Mobile rhythm polish: breathe inside first card, remove dead air after Slice 02 */
@media (max-width:760px){
  .mr-s02__step:first-child{padding-top:18px}
  .mr-s02__inner{min-height:0;padding-bottom:34px}
  .mr-s02__payoff{margin-bottom:0}
}