/* v7.0 Movenzo Lab, scroll-van, confetti */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lab{background:radial-gradient(900px 400px at 85% 0,rgba(183,227,90,.18),transparent 60%),var(--bg)}
.lab-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:28px;align-items:start}
.lab-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 14px 36px rgba(10,50,28,.09)}
.lab-card h3{margin:0 0 4px;font-size:1.35rem}.lab-sub{margin:0 0 18px;color:var(--muted)}.lab-note{display:block;margin-top:12px;color:var(--muted)}
/* van */
.lb-van{position:relative;height:150px;max-width:420px;margin:6px auto 14px}
.lb-cargo{position:absolute;left:0;top:0;width:73%;height:118px;border:3px solid var(--green);border-radius:14px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(15,90,50,.05) 10px 20px);overflow:hidden}
.lb-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,rgba(183,227,90,.55),rgba(63,157,104,.5));transition:height .6s cubic-bezier(.2,.9,.3,1.2)}
.lb-pile{position:absolute;inset:6px;display:flex;flex-wrap:wrap-reverse;align-content:flex-start;gap:2px;font-size:1.35rem;line-height:1;overflow:hidden}
.lb-pile span{animation:lbPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes lbPop{from{transform:translateY(-40px) scale(.2);opacity:0}to{transform:none;opacity:1}}
.lb-logo{position:absolute;right:8px;top:6px;font:800 .62rem "Bricolage Grotesque",sans-serif;letter-spacing:.12em;color:var(--green);opacity:.55}
.lb-cab{position:absolute;left:73%;top:36px;width:27%;height:82px;background:var(--green);border-radius:6px 30px 8px 8px;box-shadow:inset -14px -34px 0 -8px rgba(183,227,90,.35)}
.lb-w{position:absolute;bottom:2px;width:34px;height:34px;border-radius:50%;background:#14231a;border:6px solid #d9e2d6;box-shadow:0 0 0 3px var(--green)}.lb-w.w1{left:14%}.lb-w.w2{left:76%}
.lb-van.go{animation:lbBounce .5s}@keyframes lbBounce{40%{transform:translateY(-6px) rotate(-.6deg)}}
.lb-gauge{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}
.lb-size{font:800 1.5rem "Bricolage Grotesque",sans-serif;color:var(--green)}.lb-meta{color:var(--muted);font-size:.95rem}
.lb-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.lb-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font:600 .92rem "Source Sans 3",sans-serif;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s}
.lb-it:hover{transform:translateY(-3px);border-color:var(--lime);box-shadow:0 8px 18px rgba(10,50,28,.14)}.lb-it:active{transform:scale(.95)}
.lb-it .e{font-size:1.7rem}.lb-it .n{position:absolute;top:6px;right:8px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--lime);color:#14231a;font-weight:800;font-size:.8rem;display:none;align-items:center;justify-content:center}
.lb-it.has{border-color:var(--green)}.lb-it.has .n{display:flex}
.lb-it .m{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:1rem;line-height:1;display:none;cursor:pointer;color:var(--ink)}.lb-it.has .m{display:block}
.lb-mats{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;min-height:8px}.lb-mats span{padding:4px 10px;border-radius:99px;background:rgba(15,90,50,.1);color:var(--green);font-weight:600;font-size:.85rem;animation:lbPop .4s}
.lb-act{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:16px}.lb-send[disabled]{opacity:.45;pointer-events:none}
.lb-reset{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:600 .95rem "Source Sans 3",sans-serif}
/* checker */
.ck-in{width:100%;padding:15px 16px;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:1.05rem "Source Sans 3",sans-serif}.ck-in:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(183,227,90,.35)}
.ck-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ck-chips button{padding:7px 13px;border:1px solid var(--line);border-radius:99px;background:var(--bg);color:var(--ink);font:600 .9rem "Source Sans 3",sans-serif;cursor:pointer;transition:.2s}.ck-chips button:hover{border-color:var(--lime);background:rgba(183,227,90,.2);transform:translateY(-2px)}
.ck-out{display:grid;gap:10px;min-height:20px}
.ck-r{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--bg);animation:lbPop .4s}
.ck-r .bd{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff}
.ck-r.y .bd{background:var(--green)}.ck-r.n .bd{background:#c0392b}.ck-r.a .bd{background:#d99a00}
.ck-r.y{border-color:rgba(63,157,104,.5)}.ck-r.n{border-color:rgba(192,57,43,.45)}.ck-r.a{border-color:rgba(217,154,0,.5)}
.ck-r b{display:block}.ck-r span{color:var(--muted);font-size:.95rem}.ck-r a{color:var(--green);font-weight:700;cursor:pointer}
/* scroll van on the header */
.roadbar{position:absolute;left:0;right:0;bottom:-1px;height:4px;pointer-events:none}
.roadbar i{position:absolute;left:0;top:0;height:100%;width:var(--p,0%);background:linear-gradient(90deg,var(--green),var(--lime))}
.roadbar svg{position:absolute;bottom:2px;left:var(--p,0%);width:34px;height:20px;transform:translateX(-85%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
/* confetti */
.leaf-c{position:fixed;top:-20px;z-index:9999;pointer-events:none;font-size:1.4rem;animation:leafFall linear forwards}
@keyframes leafFall{to{transform:translate(var(--x),110vh) rotate(var(--r));opacity:.9}}
@media(max-width:900px){.lab-grid{grid-template-columns:1fr}}
@media(max-width:760px){.lab-card{padding:20px;border-radius:18px}.roadbar svg{width:28px}}
@media(prefers-reduced-motion:reduce){.lb-pile span,.lb-mats span,.ck-r,.lb-fill{animation:none!important;transition:none!important}.leaf-c{display:none}}