.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split-visual{background:#F7F8F9;border-radius:22px;padding:34px;overflow:hidden}

.van{width:100%;height:auto;display:block}
.van .v-scene{animation:vscroll 6.5s linear infinite}
@keyframes vscroll{from{transform:translateX(0)}to{transform:translateX(-460px)}}
.van .v-bob{transform-origin:200px 178px;animation:vbob 1.5s ease-in-out infinite}
@keyframes vbob{0%,100%{transform:translateY(0) rotate(0deg)}28%{transform:translateY(-4px) rotate(-.55deg)}62%{transform:translateY(1.5px) rotate(.45deg)}}
.van .v-shadow{animation:vshadow 1.5s ease-in-out infinite}
@keyframes vshadow{0%,100%{opacity:.09;transform:scaleX(1)}28%{opacity:.05;transform:scaleX(.96)}}
.van .wheel{transform-box:fill-box;transform-origin:center;animation:vspin .85s linear infinite}
@keyframes vspin{to{transform:rotate(360deg)}}
.van .road{animation:vdash .95s linear infinite}
@keyframes vdash{to{stroke-dashoffset:52}}
.van .puffs circle{transform-box:fill-box;transform-origin:center;animation:vpuff 1.5s ease-out infinite}
.van .puffs circle:nth-child(2){animation-delay:.5s}
.van .puffs circle:nth-child(3){animation-delay:1s}
@keyframes vpuff{0%{opacity:0;transform:translateX(0) scale(.35)}22%{opacity:.55}100%{opacity:0;transform:translateX(-54px) scale(1.6)}}
.van .speed line{animation:vwhoosh 1.4s ease-in-out infinite}
.van .speed line:nth-child(2){animation-delay:.22s}
.van .speed line:nth-child(3){animation-delay:.44s}
@keyframes vwhoosh{0%{opacity:0;transform:translateX(18px)}38%{opacity:1}100%{opacity:0;transform:translateX(-14px)}}

.camap{width:100%;max-width:300px;height:auto;display:block;margin:0 auto}
.camap .ca{fill:#fff;stroke:#141A22;stroke-width:2.5;stroke-linejoin:round}
.camap .ln{stroke:#C9CFD6;stroke-width:1.4;fill:none}
.camap .area{fill:#35A85B;stroke:#141A22;stroke-width:2.5;stroke-linejoin:round}
.camap .zone{animation:zonepulse 3.6s ease-in-out infinite}
@keyframes zonepulse{0%,100%{opacity:.92}50%{opacity:1}}
.camap .pin{fill:#141A22}
.camap .pin-ring{fill:none;stroke:#141A22;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:ping 2.6s ease-out infinite}
@keyframes ping{0%{transform:scale(.3);opacity:1}75%{transform:scale(1.2);opacity:0}100%{opacity:0}}

.arealist{list-style:none;margin:26px 0 0;padding:0}
.arealist li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #E6E8EA;font-size:18px;font-weight:700;letter-spacing:-.2px}
.arealist li:last-child{border-bottom:none}
.arealist .dot{width:11px;height:11px;border-radius:50%;background:#35A85B;flex:0 0 auto}
.arealist .far{background:#C9CFD6}
.arealist small{color:#8A94A2;font-size:14px;font-weight:600;margin-left:auto}

@media(max-width:900px){.split{grid-template-columns:1fr;gap:34px}.split.flip .split-visual{order:-1}}
@media(prefers-reduced-motion:reduce){.van *{animation:none!important}.camap .zone,.camap .pin-ring{animation:none}}