/* Airy, benefit-led editorial rhythm over the persistent brand backdrop. */
.editorial-hero{justify-content:center;text-align:center}
.editorial-hero .hero-copy{max-width:1100px}
.editorial-hero h1{font-size:clamp(3rem,6.8vw,6.6rem);line-height:1.04;letter-spacing:-.055em}
.editorial-hero .intro{margin:28px auto 0;max-width:620px;font-size:1.25rem}
.editorial-hero .actions{justify-content:center;margin-top:32px}
.editorial-hero .scroll-cue{left:50%;transform:translateX(-50%)}
.button{min-width:150px;min-height:54px;padding-inline:30px;transition:background .2s,transform .25s}
.nav-login{min-width:0;min-height:46px;padding-inline:24px}
.button:hover{transform:translateY(-3px)}
.editorial-intro,.editorial-statement{text-align:center;padding-block:115px}
.editorial-intro h2,.editorial-statement h2,.editorial-join h2{font-size:clamp(2.7rem,5.8vw,5.5rem);letter-spacing:-.05em;line-height:1.08}
.editorial-intro h2 span,.editorial-statement h2 span{color:var(--brand-soft)}
.editorial-intro>p:last-child{max-width:610px;margin:28px auto 0;color:var(--page);font-size:1.125rem}
.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding-block:90px}
.feature-copy{max-width:520px}.feature-copy h2{font-size:clamp(2.4rem,4.4vw,4.3rem);line-height:1.1;letter-spacing:-.045em}
.feature-copy>p:not(.eyebrow){font-size:1.125rem;color:var(--page);max-width:440px;margin-top:26px}
.feature-copy .button{margin-top:30px}
.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .phone-stage{order:1}
.phone-stage{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px 24px;border-radius:42px;min-height:570px}
.mint-stage{background:rgba(99,215,190,.10)}
.peach-stage{background:rgba(255,243,236,.08)}
.mobile-preview{width:280px;max-width:100%;padding:23px 20px 30px;border:7px solid var(--brand-midnight);border-radius:38px;background:var(--page);color:var(--text);box-shadow:0 30px 70px #01001a70;transform:rotate(4deg)}
.rewards-preview{transform:rotate(-4deg)}
.phone-status{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;margin-bottom:30px;color:var(--brand-primary)}
.screen-label{font-size:.875rem;color:var(--text-muted);margin-bottom:8px}
.mobile-preview h3{font-size:1.65rem;line-height:1.12;letter-spacing:-.04em}
.sample-task{background:var(--brand-primary);color:white;border-radius:22px;padding:19px;margin-top:22px}
.sample-tag{font-size:.75rem;color:var(--brand-mint)}
.mobile-preview h4{font-size:1.3rem;line-height:1.2;margin:12px 0;letter-spacing:-.02em}
.sample-task p{font-size:.875rem;line-height:1.45;color:var(--surface)}
.sample-line{height:7px;border-radius:9px;background:#9a9bd550;margin-top:18px;width:85%}.sample-line.short{width:55%;margin-top:8px}
.sample-row{display:flex;justify-content:space-between;gap:10px;padding:17px 0 5px;font-size:.875rem;line-height:1.4}
.reward-tile{margin-top:24px;border-radius:22px;background:var(--brand-peach);padding:22px;color:var(--brand-primary)}
.reward-tile>span{font-size:2.8rem;color:var(--brand-pink)}
.reward-tile h4{font-size:1.6rem}.reward-tile p{font-size:.75rem;color:var(--text-muted)}
.phone-stage figcaption{margin-top:27px;text-align:center;color:var(--brand-soft);font-size:.75rem}
.small-note,.feature-copy p.small-note{font-size:.875rem;color:var(--brand-soft)}
.value-list article{display:flex;gap:24px;padding-block:26px;border-bottom:1px solid #9a9bd530}
.value-list article>span{color:var(--brand-mint);font-size:.875rem;padding-top:3px}
.value-list h3{font-size:1.35rem}.value-list p{color:var(--brand-soft);margin-top:10px}
.editorial-join{border:0;text-align:center;padding-block:125px}
.editorial-join p:not(.eyebrow){max-width:570px;margin:26px auto;color:var(--page)}
.editorial-join p.small-note{color:var(--brand-soft);font-size:.875rem;max-width:440px}
.help{padding-top:70px;padding-bottom:100px}
.reveal{opacity:1;transform:none}
.reveal.will-reveal{opacity:0;transform:translateY(24px)}
.reveal.is-revealed{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(max-width:960px){.feature-row{gap:40px}.phone-stage{min-height:520px;padding-inline:16px}.mobile-preview{width:260px}.feature-copy h2{font-size:2.8rem}}
@media(max-width:700px){.editorial-hero h1{font-size:clamp(2.5rem,10vw,4.3rem)}.editorial-hero .intro{font-size:1.0625rem}.editorial-hero .actions{align-items:center}.editorial-intro,.editorial-statement{padding-block:65px}.feature-row{grid-template-columns:1fr;gap:38px;padding-block:55px}.feature-row.reverse .feature-copy,.feature-row.reverse .phone-stage{order:initial}.feature-copy{max-width:none}.feature-copy h2{font-size:clamp(2.4rem,9vw,3.6rem)}.phone-stage{min-height:520px;border-radius:28px;padding-block:32px 20px}.mobile-preview{width:270px}.editorial-join{padding-block:75px}.help{padding-block:55px 70px}}
@media(prefers-reduced-motion:reduce){.reveal.will-reveal,.reveal.is-revealed{opacity:1;transform:none;transition:none}.button,.button:hover{transition:none;transform:none}}