.journey{margin:25px 0 45px;padding:42px;background:linear-gradient(130deg,#e5f7ef,#f0f8df);border:1px solid #d8e9dc;border-radius:20px;text-align:center}.journey .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.journey .steps button{font:inherit;cursor:pointer;background:transparent;border:0;color:#69816c}.journey .steps i{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bfdbc6;border-radius:50%;margin:0 auto 12px;font-size:12px;font-style:normal}.journey .steps .active i{background:#4bd36a;color:#143a22;border-color:#4bd36a}.journey .steps strong{display:block;font-size:14px}.journey .steps small{display:block;font-size:11px;margin-top:6px}.journey-screen{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#ffffffc9;padding:30px 40px;border-radius:16px;text-align:left}.journey-screen-copy h3{font-size:25px;line-height:1.6}.journey-screen-copy p{font-size:12px}.journey-screen-image{cursor:zoom-in;background:transparent;border:0;position:relative;width:100%;max-width:250px;height:420px;margin:auto;padding:0}.journey-screen-image img{width:100%;height:100%;object-fit:contain}.journey-screen-image span{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:20px;background:#237d3de8;color:white;font-size:11px;white-space:nowrap}.journey-formats{font-size:12px;margin:20px 0}.journey-detail{display:flex;align-items:center;gap:15px;text-align:left;padding:15px;background:#ffffff95;border-radius:10px}.journey-detail p{margin:0;flex:1;font-size:12px}.journey-detail button{background:transparent;border:0;color:#237d3d;font-size:12px;cursor:pointer}.demo-note{display:block;margin-top:14px;font-size:10px;color:#7c8c7e}#journey-image-dialog{max-width:90vw;max-height:92vh;border:0;border-radius:12px;padding:45px 14px 14px;background:#f7f8f1}#journey-image-dialog::backdrop{background:#10281bd9}#journey-dialog-image{display:block;max-width:80vw;max-height:78vh;object-fit:contain;width:auto;height:auto}#journey-dialog-close{position:absolute;right:14px;top:10px;border:0;background:#e7efdc;padding:5px 12px;border-radius:5px;cursor:pointer}@media(max-width:700px){.journey{padding:28px 15px}.journey-screen{grid-template-columns:1fr;padding:22px;gap:15px}.journey-screen-image{height:350px}.journey .steps{gap:3px}.journey .steps strong{font-size:11px}.journey .steps small{font-size:9px}.journey-detail{flex-wrap:wrap}.journey-detail button{margin-left:auto}}
