/* 84PAD website 2.0.1 — reversible, accessible visual enhancement */
:root{--pulse-cyan:#70f8ff;--pulse-violet:#ad85ff}
html{scroll-padding-top:clamp(72px,7vw,110px)}
[data-kinetic]{--tilt-x:0deg;--tilt-y:0deg;--lift:0px;transform:perspective(1250px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift));transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,border-color .28s;transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){[data-kinetic]:hover{--lift:-7px;box-shadow:0 28px 64px rgba(22,42,60,.23),0 0 35px rgba(112,248,255,.15)}}
[data-kinetic]::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:var(--spotlight-strength,0);background:radial-gradient(390px circle at var(--v2-px,50%) var(--v2-py,50%),rgba(129,247,255,.20),transparent 68%);transition:opacity .22s;z-index:1}
/* Replace binary enter effect with continuously reversible assembly. */
html[data-kinetic-ready] .assembly-stage [data-assembly-piece]{transition:border-color .28s,box-shadow .28s;transform:translate3d(calc(var(--unassembled-x,0px) * (1 - var(--assemble-t,1))),calc(var(--unassembled-y,0px) * (1 - var(--assemble-t,1))),0) rotate(calc(var(--unassembled-r,0deg) * (1 - var(--assemble-t,1))));opacity:calc(.38 + var(--assemble-t,1)*.62)}
html[data-kinetic-ready] .assembly-stage .piece-core{--unassembled-x:-68px;--unassembled-y:-54px;--unassembled-r:-11deg}
html[data-kinetic-ready] .assembly-stage .piece-builder{--unassembled-x:70px;--unassembled-y:-54px;--unassembled-r:11deg}
html[data-kinetic-ready] .assembly-stage .piece-plugins{--unassembled-x:-73px;--unassembled-y:57px;--unassembled-r:8deg}
html[data-kinetic-ready] .assembly-stage .piece-themes{--unassembled-x:72px;--unassembled-y:57px;--unassembled-r:-8deg}
html[data-kinetic-ready] .assembly-stage .assembly-hub{transform:translate(-50%,-50%) scale(calc(.76 + var(--assembly-total,1)*.24));transition:box-shadow .25s;box-shadow:0 0 calc(8px + var(--assembly-total,1)*65px) rgba(112,248,255,.20)}
html[data-kinetic-ready] .assembly-stage .assembly-wires path{stroke-dashoffset:calc(60 - var(--assembly-total,1)*60);transition:none}
html[data-kinetic-ready] .assembly-stage .assembly-wires circle{opacity:var(--assembly-total,1);transform:scale(calc(.1 + var(--assembly-total,1)*.9));transition:none}
html[data-kinetic-ready] .guided-flow .guided-step{animation:none!important;opacity:calc(.3 + .7*var(--assemble-t,1));transform:translate3d(calc(var(--guided-x,0px)*(1 - var(--assemble-t,1))),calc(80px*(1 - var(--assemble-t,1))),0) scale(calc(.9 + .1*var(--assemble-t,1)));transition:border-color .25s,box-shadow .25s}
.guided-step:nth-child(even){--guided-x:45px}.guided-step:nth-child(odd){--guided-x:-45px}
.v2-story{--scroll-glow:0;background-image:radial-gradient(circle at 50% 55%,rgba(107,233,255,.07),transparent 65%)}
.v2-story-backdrop::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--pointer-glow-x,0px)) calc(50% + var(--pointer-glow-y,0px)),rgba(126,108,242,.23),transparent 42%);opacity:.8}
.v2-story-module{box-shadow:0 14px 38px rgba(0,0,0,.3),0 0 calc(2px + 26px*var(--v2-opacity,0)) rgba(93,221,245,.20)}
.v2-story-core{box-shadow:0 0 0 10px rgba(111,253,255,.035),0 0 calc(35px + 80px*var(--assembly-total,0)) rgba(66,211,241,.23)}
.v2-story-stage{contain:layout style}
.v2-story-steps button:focus-visible,.plugin-card a:focus-visible,.site-footer a:focus-visible{outline:3px solid #70f8ff;outline-offset:3px}
@media(max-width:700px){html[data-kinetic-ready] .assembly-stage [data-assembly-piece]{--unassembled-x:0px;--unassembled-y:20px;--unassembled-r:0deg}.v2-story{overflow:clip}.v2-story-core{max-width:61vw}.v2-story-module{max-width:44vw}.v2-story-steps{flex-wrap:wrap;justify-content:center}}
@media(max-width:390px){.v2-story-module{max-width:43vw}.v2-story-core{max-width:59vw}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){[data-kinetic]{transform:none!important;transition:none!important}[data-kinetic]::before{display:none}}
@media(prefers-reduced-motion:reduce){html[data-kinetic-ready] .assembly-stage [data-assembly-piece],html[data-kinetic-ready] .guided-flow .guided-step{transform:none!important;opacity:1!important}html[data-kinetic-ready] .assembly-stage .assembly-hub{transform:translate(-50%,-50%) scale(1)}.v2-story-backdrop::after{display:none}}