/* Native focus → completion → memory presentation, with noninteractive phase labels. */
.journey{padding-block:90px 100px;border-top:1px solid var(--line)}
.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-top:0}
.journey-phone{min-width:0;order:2}
.journey-copy{order:1}
.journey #device-stage{position:relative;height:710px;min-height:0;max-height:none;width:100%}
.journey #device-stage>canvas{position:absolute;inset:0;width:100%;height:100%}
.journey-heading{max-width:540px;text-align:left;margin:0 0 32px}
.journey-heading h2{font-size:42px;line-height:1.3}
.journey-copy .journey-heading{margin-bottom:30px}
.journey-copy .journey-heading .body-copy{display:block;font-size:20px;line-height:1.85;margin-top:26px;max-width:410px}
.journey-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
.journey-phone>.journey-note{text-align:center}
.journey-flow{display:flex;gap:18px;align-items:center;font-size:17px;color:#776b66}
.journey-flow [data-journey-step]{padding:7px 12px;border-radius:5px}
.journey-flow [data-current=true]{background:#efe3dd;color:#473e3b}
@media(max-width:760px){
 .journey{padding-block:65px 70px}
 .journey-layout{display:flex;flex-direction:column;gap:22px}
 .journey-copy{display:block;order:0;width:100%;max-width:410px}
 .journey-phone{order:1;width:100%;max-width:410px}
 .journey #device-stage{height:min(660px,145vw);min-height:0;width:100%}
 .journey-heading{order:0;margin:0;width:100%}
 .journey-heading h2{font-size:34px}
 .journey-copy .journey-heading{margin-bottom:20px}
 .journey-copy .journey-heading .body-copy{font-size:17px;margin-top:20px}
 .journey-flow{font-size:15px;gap:12px}
}