.lp-hero{border-bottom:1px solid var(--lp-line);background:var(--lp-bg);color:var(--lp-ink);border-radius:0 0 2rem 2rem;margin-top:-4.5rem;position:relative;overflow:hidden}.lp-hero .lp-frame{padding:8.5rem 2.5rem 4.5rem}.lp-hero:before{content:"";pointer-events:none;background:radial-gradient(52rem 26rem at 50% -8%, var(--lp-glow-1), transparent 62%), radial-gradient(30rem 18rem at 82% 4%, var(--lp-glow-2), transparent 70%);position:absolute;inset:0}.lp-arrow{background:var(--lp-ink);flex:3rem;min-width:3rem;max-width:16rem;height:clamp(5px,.55vw,8px);margin-inline:.35em calc(clamp(14px,1.6vw,24px) + 12px);position:relative}.lp-arrow:after{content:"";border-top:clamp(9px,1vw,15px) solid #0000;border-bottom:clamp(9px,1vw,15px) solid #0000;border-left:clamp(14px, 1.6vw, 24px) solid var(--lp-ink);position:absolute;top:50%;right:calc(clamp(14px,1.6vw,24px)/-1.08696);transform:translateY(-50%)}.lp-belt{--lp-belt-speed:32s;--lp-tread-speed:4s;--lp-belt-gap:clamp(2.6rem, 5vw, 4.5rem);margin-top:1rem;padding-block:2.4rem;position:relative}.lp-belt__rail{border-block:1px solid var(--lp-line);background:linear-gradient(180deg, var(--lp-rail-1) 0%, var(--lp-rail-2) 100%);height:5.5rem;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.lp-belt__rail:before{content:"";background-image:radial-gradient(circle, var(--lp-tread) 1px, transparent 1.3px);animation:lp-tread var(--lp-tread-speed) linear infinite;background-size:16px 16px;position:absolute;inset:10px 0}@keyframes lp-tread{0%{background-position-x:0}to{background-position-x:16px}}.lp-belt__window{position:absolute;inset:0;overflow:hidden}.lp-belt__track{width:max-content;height:100%;animation:lp-belt-move var(--lp-belt-speed) linear infinite;align-items:center;display:flex}.lp-belt__seq{align-items:center;gap:var(--lp-belt-gap);padding-right:var(--lp-belt-gap);display:flex}@keyframes lp-belt-move{0%{transform:translate(-50%)}to{transform:translate(0)}}.lp-tile{border:1px solid var(--lp-tile-border);background:linear-gradient(180deg, var(--lp-tile-1) 0%, var(--lp-tile-2) 100%);width:3.4rem;height:3.4rem;box-shadow:var(--lp-tile-shadow), inset 0 1px 0 var(--lp-tile-edge);color:var(--lp-ink-dim);border-radius:.9rem;justify-content:center;align-items:center;display:flex}.lp-tile .lp-mono{letter-spacing:.06em}.lp-tile--core{z-index:2;background:linear-gradient(#f6f6f6 0%,#c4c4c4 100%);background:linear-gradient(lab(96.868% -.0000298023 0) 0%,lab(79.12% -.0000298023 -.0000119209) 100%);border:none;border-radius:1.55rem;width:6.4rem;height:6.4rem;padding:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(-.9rem);box-shadow:0 3px #a2a2a2,0 24px 38px -16px #0000008c,0 18px 34px -12px #017aff47,inset 0 1px #fffffff2;box-shadow:0 3px lab(66.592% -.0000298023 0),0 24px 38px -16px lab(0% 0 0/.55),0 18px 34px -12px lab(51.8757% 12.184 -75.3728/.28),inset 0 1px lab(100% 0 0/.95)}.dark .lp-hero .lp-tile--core{box-shadow:0 3px #6e6e6e,0 26px 40px -16px #000000f2,0 18px 34px -12px #017aff59,inset 0 1px #fffffff2;box-shadow:0 3px lab(46.408% 0 -.0000119209),0 26px 40px -16px lab(0% 0 0/.95),0 18px 34px -12px lab(51.8757% 12.184 -75.3728/.35),inset 0 1px lab(100% 0 0/.95)}.lp-tile--core:before,.lp-tile--core:after{content:"";z-index:1;background:#00000047;background:lab(0% 0 0/.28);border-radius:999px;width:3px;height:3px;position:absolute}.lp-tile--core:before{top:14px;right:14px}.lp-tile--core:after{bottom:14px;left:14px}.lp-tile--core>span{background:radial-gradient(120% 90% at 50% -12%,#fffffff2,#fff0 55%),linear-gradient(#fdfdfd 0%,#e2e2e2 100%);background:radial-gradient(120% 90% at 50% -12%,lab(100% 0 0/.95),lab(100% 0 0/0) 55%),linear-gradient(lab(99.304% -.0000298023 0) 0%,lab(89.908% -.0000596046 .0000119209) 100%);border-radius:1.15rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:inset 0 1px #fffffff2,inset 0 -3px 7px #00000038;box-shadow:inset 0 1px lab(100% 0 0/.95),inset 0 -3px 7px lab(0% 0 0/.22)}.lp-tile--core>span:before,.lp-tile--core>span:after{content:"";background:#00000047;background:lab(0% 0 0/.28);border-radius:999px;width:3px;height:3px;position:absolute}.lp-tile--core>span:before{top:6px;left:6px}.lp-tile--core>span:after{bottom:6px;right:6px}.lp-flow{max-width:66.6%;height:3.4rem;margin-inline:auto;position:relative}.lp-flow__stem,.lp-flow__drop{background-image:linear-gradient(#017aff8c 50%,#0000 50%);background-image:linear-gradient(lab(51.8757% 12.184 -75.3728/.55) 50%,#0000 50%);background-size:1px 8px;width:1px;animation:1.4s linear infinite lp-flow-y;position:absolute}.lp-flow__stem{height:2.4rem;top:-2.4rem;left:50%}.lp-flow__bus{background-image:linear-gradient(90deg,#017aff59 50%,#0000 50%);background-image:linear-gradient(90deg,lab(51.8757% 12.184 -75.3728/.35) 50%,#0000 50%);background-size:8px 1px;height:1px;position:absolute;top:0;left:0;right:0}.lp-flow__drop{height:100%;top:0}.lp-flow__drop:nth-child(3){left:0}.lp-flow__drop:nth-child(4){left:50%}.lp-flow__drop:nth-child(5){right:0}@keyframes lp-flow-y{0%{background-position-y:0}to{background-position-y:8px}}.lp-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;display:grid}.lp-col__head{color:var(--lp-ink-dim);align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.lp-col__dot{border-radius:999px;width:8px;height:8px}.lp-col__count{color:var(--lp-ink-faint);margin-left:auto}@media (max-width:1024px){.lp-board{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-board>:nth-child(3){display:none}.lp-flow{max-width:50%}.lp-flow__drop:nth-child(4){display:none}}@media (max-width:640px){.lp-hero .lp-frame{padding:7rem 1.25rem 3rem}.lp-hero .lp-display{font-size:clamp(2.05rem,10.5vw,2.7rem)}.lp-arrow{min-width:1.4rem;margin-inline:.3em calc(clamp(14px,1.6vw,24px) + 8px)}.lp-board{grid-template-columns:minmax(0,1fr)}.lp-board>:first-child{display:none}.lp-flow{max-width:1px}.lp-flow__drop:nth-child(3),.lp-flow__drop:nth-child(5){display:none}.lp-tile:not(.lp-tile--core){width:2.7rem;height:2.7rem}.lp-tile--core{width:5.4rem;height:5.4rem}.lp-tile--core>span>img{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.lp-belt__rail:before,.lp-belt__track,.lp-flow__stem,.lp-flow__drop{animation:none!important}}
