.vpu{--vpu-font:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--vpu-black:#191414;--vpu-green:#81b338;--vpu-green-dk:#6e9830;--vpu-white:#fff;--vpu-body:rgba(25,20,20,.72);--vpu-muted:rgba(25,20,20,.46);--vpu-line:rgba(25,20,20,.11);--vpu-fs-title:clamp(34px,5.4vw,74px);--vpu-max:1240px;--vpu-stage-h:clamp(230px,26vw,350px);--vpu-stage-w:820px;background:var(--vpu-white);color:var(--vpu-body);font-family:var(--vpu-font);isolation:isolate;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;overflow:hidden;padding:clamp(30px,3.6vw,56px) 0 clamp(44px,5vw,80px);position:relative;width:100vw}.vpu:after{background:radial-gradient(ellipse at center,rgba(129,179,56,.22) 0,rgba(129,179,56,.09) 28%,rgba(129,179,56,0) 55%);content:"";height:42%;left:50%;margin-left:-65%;top:24%;width:130%}.vpu:after,.vpu__flow{pointer-events:none;position:absolute;z-index:0}.vpu__flow{height:100%;inset:0;width:100%}.vpu__wrap{margin:0 auto;max-width:var(--vpu-max);padding:0 24px;position:relative;z-index:1}[data-r]{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}.vpu.is-in [data-r]{opacity:1;transform:none}.vpu__end-title,.vpu__lede,.vpu__name,.vpu__pillar-title,.vpu__step-title,.vpu__sub,.vpu__title{text-wrap:balance}.vpu__desc,.vpu__end-body,.vpu__pillar-body,.vpu__step-body{text-wrap:pretty}.vpu__head{margin:0 auto clamp(20px,2.6vw,38px);max-width:820px;text-align:center}.vpu__rule{background:var(--vpu-green);border-radius:2px;display:block;height:5px;margin:0 auto 18px;transform:scaleX(0);transition:transform .7s cubic-bezier(.16,1,.3,1) .1s;width:44px}.vpu.is-in .vpu__rule{transform:scaleX(1)}.vpu__title{color:var(--vpu-black);font-size:var(--vpu-fs-title);font-weight:800;letter-spacing:-.04em;line-height:.98;margin:0 0 14px}.vpu__accent{color:var(--vpu-green-dk)}.vpu__lede{color:var(--vpu-body);font-size:clamp(16px,1.6vw,18.5px);line-height:1.6;margin:0 auto;max-width:620px}.vpu__stage{align-items:flex-end;display:flex;gap:clamp(28px,6vw,96px);height:var(--vpu-stage-h);justify-content:center;margin:0 auto;max-width:min(var(--vpu-stage-w),100%);position:relative}.vpu__floor{background:radial-gradient(ellipse at center,rgba(25,20,20,.14),rgba(25,20,20,0) 70%);border-radius:50%;bottom:-3%;height:10%;left:50%;margin-left:-44%;pointer-events:none;position:absolute;width:88%;z-index:0}.vpu__dev{cursor:pointer;flex:0 0 auto;height:var(--h);margin-left:calc(var(--ml, 0)*1px);margin-right:calc(var(--mr, 0)*1px);max-width:100%;position:relative;transform:translate(calc(var(--px, 0)*var(--depth)*1px),calc(var(--py, 0)*var(--depth)*1px));transition:transform .55s cubic-bezier(.16,1,.3,1);z-index:var(--z,1)}.vpu__dev:focus-visible{border-radius:10px;outline:2px solid var(--vpu-green);outline-offset:8px}.vpu__dev-in{display:block;height:100%;transform:translateY(0) scale(1);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease}.vpu__dev.is-active .vpu__dev-in,.vpu__dev:hover .vpu__dev-in{transform:translateY(-14px) scale(1.05)}.vpu__stage.is-picked .vpu__dev:not(.is-active):not(:hover) .vpu__dev-in{filter:saturate(.65) opacity(.5)}.vpu__dev img{animation:vpu-float 5.4s ease-in-out infinite;animation-delay:var(--fd,0s);display:block;filter:drop-shadow(0 18px 26px rgba(25,20,20,.18));height:100%;max-width:100%;object-fit:contain;object-position:bottom center;user-select:none;width:auto;-webkit-user-drag:none}@keyframes vpu-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vpu__dev:after{background:var(--vpu-green);border-radius:3px;bottom:-50px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .5s cubic-bezier(.16,1,.3,1);width:0}.vpu__dev.is-active:after{width:34px}.vpu__cap{bottom:-34px;color:var(--vpu-muted);font-size:clamp(12px,1.2vw,14px);font-weight:700;left:50%;letter-spacing:.06em;pointer-events:none;position:absolute;text-transform:uppercase;transform:translateX(-50%);transition:color .35s ease;white-space:nowrap}.vpu__dev.is-active .vpu__cap,.vpu__dev:hover .vpu__cap{color:var(--vpu-green-dk)}.vpu__split{align-self:stretch;background:linear-gradient(180deg,rgba(25,20,20,0),rgba(25,20,20,.13) 22%,rgba(25,20,20,.13) 78%,rgba(25,20,20,0));flex:0 0 1px;margin:12% 0 6%}.vpu__detail{margin:clamp(62px,6vw,82px) auto 0;max-width:760px;min-height:170px;position:relative;text-align:center;z-index:2}.vpu__panel{display:none}.vpu__panel.is-on{display:block}.vpu__panel.is-on>*{animation:vpu-up .55s cubic-bezier(.16,1,.3,1) both}.vpu__panel.is-on>:first-child{animation-delay:.02s}.vpu__panel.is-on>:nth-child(2){animation-delay:.1s}@keyframes vpu-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.vpu__name{color:var(--vpu-black);font-size:clamp(23px,2.6vw,34px);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0 0 12px}.vpu__desc{color:var(--vpu-body);font-size:15.5px;line-height:1.68;margin:0}.vpu__sub{color:var(--vpu-black);font-size:clamp(24px,2.8vw,36px);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:clamp(20px,2.2vw,32px) 0 clamp(22px,2.8vw,38px);text-align:center}.vpu__pillars{display:grid;gap:clamp(22px,3vw,46px);grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:860px){.vpu__pillars{gap:34px;grid-template-columns:1fr}}.vpu__pillar{border-top:1px solid var(--vpu-line);padding-top:22px;position:relative}.vpu__pillar:before{background:var(--vpu-green);content:"";height:3px;left:0;position:absolute;top:-1px;transition:width .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);width:0}.vpu.is-in .vpu__pillar:before{width:46px}.vpu__pillar:hover:before{transition-delay:0s;width:100%}.vpu__viz{color:var(--vpu-black);height:clamp(96px,10vw,124px);margin-bottom:16px;width:100%}.vpu__viz svg{display:block;height:100%;overflow:visible;width:100%}.vpu__viz [data-draw]{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.vpu__pillar.is-live [data-draw]{animation:vpu-draw 1.1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d2,0s)}@keyframes vpu-draw{to{stroke-dashoffset:0}}.vpu__viz [data-grow]{transform:scaleX(0);transform-origin:left center}.vpu__pillar.is-live [data-grow]{animation:vpu-grow .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d2,0s)}@keyframes vpu-grow{to{transform:scaleX(1)}}.vpu__viz [data-pop]{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center}.vpu__pillar.is-live [data-pop]{animation:vpu-pop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d2,0s)}@keyframes vpu-pop{to{opacity:1;transform:scale(1)}}.vpu__viz [data-ping]{opacity:0;transform:scale(.3);transform-box:fill-box;transform-origin:center}.vpu__pillar.is-live [data-ping]{animation:vpu-ping 2.2s ease-out infinite;animation-delay:var(--d2,0s)}@keyframes vpu-ping{0%{opacity:.5;transform:scale(.3)}70%,to{opacity:0;transform:scale(1.5)}}.vpu__pillar-title{color:var(--vpu-black);font-size:clamp(19px,1.8vw,23px);font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0 0 10px;transition:color .4s ease}.vpu__pillar:hover .vpu__pillar-title{color:var(--vpu-green-dk)}.vpu__pillar-body{color:var(--vpu-body);font-size:15px;line-height:1.66;margin:0}.vpu__flowsec{margin-top:clamp(48px,5.6vw,90px)}.vpu__steps{display:grid;gap:clamp(12px,1.6vw,26px);grid-template-columns:repeat(6,minmax(0,1fr));position:relative}.vpu__steps:before{background:var(--vpu-line);content:"";height:2px;left:0;position:absolute;right:0;top:13px;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1) .1s}.vpu.is-in .vpu__steps:before{transform:scaleX(1)}@media (max-width:900px){.vpu__steps{gap:26px 18px;grid-template-columns:1fr 1fr}.vpu__steps:before{display:none}}@media (max-width:520px){.vpu__steps{grid-template-columns:1fr}}.vpu__step{padding-top:40px;position:relative}.vpu__step:before{background:var(--vpu-white);border:2px solid var(--vpu-line);border-radius:50%;content:"";height:16px;left:0;position:absolute;top:6px;transition:border-color .4s ease,background .4s ease,transform .4s ease;width:16px}.vpu.is-in .vpu__step:before{border-color:var(--vpu-green)}.vpu__step:hover:before{background:var(--vpu-green);transform:scale(1.2)}.vpu__step-n{color:var(--vpu-muted);font-size:11px;font-weight:800;left:26px;letter-spacing:.12em;position:absolute;top:5px}.vpu__step-title{color:var(--vpu-black);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 6px;transition:color .4s ease}.vpu__step:hover .vpu__step-title{color:var(--vpu-green-dk)}.vpu__step-body{color:var(--vpu-body);font-size:13.5px;line-height:1.55;margin:0}.vpu__end{margin:clamp(46px,5.4vw,88px) auto 0;max-width:820px;text-align:center}.vpu__end-title{color:var(--vpu-black);font-size:clamp(24px,2.8vw,36px);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:0 0 14px}.vpu__end-body{color:var(--vpu-body);font-size:15.5px;line-height:1.7;margin:0 0 26px}.vpu__cta{align-items:center;background:var(--vpu-green);border:1px solid var(--vpu-green);border-radius:100px;color:var(--vpu-black);cursor:pointer;display:inline-flex;font-family:var(--vpu-font);font-size:13px;font-weight:700;gap:9px;letter-spacing:.1em;padding:15px 32px;text-decoration:none;text-transform:uppercase;transition:background .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s}.vpu__cta:hover{background:var(--vpu-green-dk);border-color:var(--vpu-green-dk);box-shadow:0 16px 30px -12px rgba(110,152,48,.75);color:var(--vpu-white);transform:translateY(-2px)}.vpu__cta:focus-visible{outline:2px solid var(--vpu-green);outline-offset:3px}.vpu__cta svg{flex:none;height:13px;width:13px}@media (max-width:900px){.vpu__stage{align-items:end;display:grid;gap:clamp(20px,5vw,34px);grid-template-columns:1fr;height:auto;justify-items:center;max-width:420px}.vpu__dev{height:auto;margin:0;transform:none;width:100%}.vpu__dev img{animation:none;height:auto;max-height:clamp(160px,42vw,240px);width:100%}.vpu__dev:after{bottom:-44px}.vpu__cap{bottom:-26px}.vpu__floor,.vpu__split{display:none}.vpu__detail{margin-top:clamp(52px,11vw,68px);min-height:200px}.vpu__sub{margin-top:clamp(28px,7vw,44px)}}@media (prefers-reduced-motion:reduce){[data-r]{opacity:1!important;transform:none!important}.vpu__rule,[data-r]{transition:none!important}.vpu__rule{transform:scaleX(1)!important}.vpu__dev,.vpu__dev-in{transition:none!important}.vpu__dev img,.vpu__panel.is-on>*{animation:none!important}.vpu__pillar:before{transition:none!important;width:46px!important}.vpu.is-in .vpu__steps:before{transform:scaleX(1)!important;transition:none!important}.vpu__pillar.is-live [data-draw],.vpu__pillar.is-live [data-grow],.vpu__pillar.is-live [data-ping],.vpu__pillar.is-live [data-pop]{animation:none!important}.vpu__viz [data-draw]{stroke-dashoffset:0!important}.vpu__viz [data-grow]{transform:scaleX(1)!important}.vpu__viz [data-pop]{opacity:1!important;transform:none!important}.vpu__viz [data-ping]{opacity:.3!important;transform:none!important}}