.mutual{background:#fff;padding:clamp(72px,9vw,112px) 0}.mutual-hd{max-width:880px;margin-bottom:clamp(32px,4.2vw,50px)}.mutual-hd .eyebrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{color:var(--gray);border:1px solid var(--line);letter-spacing:.05em;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700}.mutual-hd p.lead{max-width:40em}.stage-map{aspect-ratio:1200/560;background:#eef1e9;border:1px solid #e5e1d8;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 22px 50px #4642371a}.stage-map .mapbg,.stage-map .route{width:100%;height:100%;position:absolute;inset:0}.stage-map .mapbg{object-fit:cover;object-position:center;pointer-events:none}.stage-map .route.mob{display:none!important}.stage-map .route.desk{display:block}.m-area{aspect-ratio:1;width:30%;transition:border-color .55s var(--ease),background-color .55s var(--ease);background:#98999929;border:1.5px dashed #848585d9;border-radius:50%;position:absolute;top:12%;left:58%}.m-area:after{content:"";transition:border-color .55s var(--ease);border:1px dashed #9899998c;border-radius:50%;position:absolute;inset:14%}.stage-map.t1 .m-area{animation:areaPulse 1s var(--ease) 1;background:#ce4a3717;border-color:#ce4a37e6}.stage-map.t1 .m-area:after{border-color:#ce4a3780}@keyframes areaPulse{0%{transform:scale(1)}42%{transform:scale(1.055)}to{transform:scale(1)}}.m-card{background:#fff;border-radius:13px;padding:13px 15px;position:absolute;box-shadow:0 12px 32px #28261c29}.m-card b{font-size:clamp(13px,1.15vw,16px);font-weight:900;line-height:1.45;display:block}.m-card small{color:#7b7b73;margin-top:5px;font-size:clamp(11px,.92vw,12.5px);font-weight:600;line-height:1.6;display:block}.m-chip{color:var(--ink);white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:7px 14px;font-size:clamp(11px,.92vw,12.5px);font-weight:700;display:inline-flex;position:absolute;box-shadow:0 6px 18px #28261c24}.m-chip i{background:var(--ink);border-radius:50%;flex:none;width:8px;height:8px}.m-chip.soft i{background:var(--gray)}.m-chip.alert i{background:#ce4a37}.m-pin{background:var(--gray);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;position:relative}.m-pin:after{content:"";background:var(--gray);border-radius:50%;animation:2.6s ease-out infinite ping;position:absolute;inset:0}.m-step-el{opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease);transform:translateY(10px)}.stage-map.t0 .s0,.stage-map.t1 .s1,.stage-map.t2 .s2,.stage-map.t3 .s3{opacity:1;transform:none}.route .veh{opacity:0;transition:opacity .3s linear}.stage-map.t0 .veh{opacity:1}.route .back{opacity:0;transition:opacity .6s var(--ease)}.stage-map.t3 .back{opacity:1}.route .path{opacity:0;transition:opacity .6s var(--ease)}.stage-map.t0 .path{opacity:1}.m-user{z-index:7;width:22px;height:22px;position:absolute;top:34%;left:70%;transform:translate(-50%,-50%)}.m-user-dot{background:#4d514d;border-radius:50%;flex:none;width:22px;height:22px;display:block;position:relative}.m-user-dot:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:8px}.m-user-dot:after{content:"";background:#fff;border-radius:7px 7px 5px 5px;width:12px;height:7px;position:absolute;bottom:4px;left:5px}.m-user>span{white-space:nowrap;background:#fff;border-radius:16px;padding:6px 10px;font-size:clamp(9px,.82vw,11px);font-weight:800;position:absolute;top:50%;left:29px;transform:translateY(-50%);box-shadow:0 7px 20px #2d2a2233}.m-n1{width:25%;top:45%;left:3%}.m-n2{top:32%;left:38%}.m-n3{width:38%;top:57%;left:57%}.m-n4{top:79%;left:43%}.m-arealab{top:3%;left:58%}.m-notif{align-items:flex-start;gap:11px;display:flex}.m-notif .avatar{border-radius:10px;flex:none;width:34px;height:34px}.m-notif .avatar svg{width:17px;height:17px}.m-notif .avatar:after{opacity:0;animation:none}.m-notif .tx{min-width:0}.m-card.m-n3 .tx{padding:clamp(5px,0vw,106px) 17px}.m-notif .hd{color:#8e8e86;letter-spacing:.05em;align-items:center;gap:7px;font-size:10.5px;font-weight:700;display:flex}.m-notif .hd u{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px;text-decoration:none}.m-notif b{margin-top:5px;font-size:clamp(12.5px,1.1vw,15.5px);font-weight:900;line-height:1.5;display:block}.m-notif small{color:#7b7b73;margin-top:4px;font-size:clamp(10.5px,.9vw,12px);font-weight:600;display:block}@media (max-width:900px){.stage-map{border-radius:14px}.m-card{border-radius:9px;padding:8px 10px}.m-card b{font-size:11px}.m-card small{margin-top:3px;font-size:9.5px}.m-chip{gap:6px;padding:4px 9px;font-size:9.5px}.m-chip i{width:6px;height:6px}.m-notif{gap:7px}.m-notif .avatar{border-radius:7px;width:24px;height:24px}.m-notif .hd{gap:5px;font-size:8.5px}.m-notif b{margin-top:3px;font-size:10.5px}.m-notif small{margin-top:2px;font-size:9px}.m-card.m-n3 .tx{padding:0 8px}.m-user>span{padding:4px 8px;font-size:8.5px;left:auto;right:24px}}.m-disc{color:#9a9a92;margin:14px 0 0;font-size:11.5px;font-weight:500;line-height:1.75}.m-opt{border:1px solid var(--line);color:#4e4e4a;border-radius:10px;align-items:center;gap:9px;margin-top:clamp(26px,3vw,34px);padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.m-opt i{background:var(--gray);border-radius:50%;flex:none;width:7px;height:7px}.m-steps{grid-template-columns:repeat(4,1fr);gap:0;margin:clamp(34px,4.2vw,50px) 0 0;padding:0;list-style:none;display:grid}.m-steps li{border-top:1px solid var(--line);padding:18px clamp(12px,1.6vw,24px) 4px 0}.m-steps li+li{border-left:1px solid var(--line);padding-left:clamp(12px,1.6vw,24px)}.m-steps span{font-family:var(--num);color:var(--ghost);margin-bottom:9px;font-size:clamp(20px,2vw,28px);font-weight:800;line-height:1;display:block}.m-steps em{font-size:clamp(13px,1.1vw,15.5px);font-style:normal;font-weight:700;line-height:1.55}.m-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:26px;margin-top:clamp(32px,4vw,46px);display:flex}.m-note{color:#9a9a92;max-width:52em;margin:0;font-size:12px;font-weight:500;line-height:1.85}@media (max-width:900px){.m-steps{grid-template-columns:1fr 1fr}.m-steps li:nth-child(odd){border-left:0;padding-left:0}.m-steps li:nth-child(n+3){margin-top:4px}.m-foot{gap:18px}}
