.scroll-progress{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left center;will-change:transform}.assembly-stage{margin:16px 0 28px;padding:22px 23px 17px;overflow:hidden;border:1px solid #dfe5dc;border-radius:18px;background:radial-gradient(ellipse at 50% 46%,#f5f7ed 0,#f3f5ef 45%,#edf1e9 100%)}.assembly-heading,.assembly-caption{display:flex;align-items:center;justify-content:space-between;gap:16px}.assembly-kicker,.assembly-caption{font:400 .5rem var(--mono);letter-spacing:.08em;color:#89938a}.assembly-state{color:#718041;font-size:.58rem;font-weight:700}.assembly-canvas{position:relative;max-width:850px;height:300px;margin:12px auto 4px}.assembly-grid{position:absolute;inset:8px 0;display:grid;grid-template:1fr 1fr / 1fr 1fr;gap:18px}.assembly-piece{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:19px 22px;border:1px solid #dce4d7;border-radius:14px;background:#ffffffef;box-shadow:0 12px 32px #37432b0b;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .55s ease,box-shadow .55s ease,border-color .55s ease}.piece-index{margin-bottom:8px;color:#929c8a;font:400 .48rem var(--mono);letter-spacing:.07em}.assembly-piece>b{font-size:.98rem;letter-spacing:-.04em}.assembly-piece>small{margin-top:4px;color:#77817a;font-size:.57rem}.piece-core{transform:translate(-35px,-17px) rotate(-3deg);opacity:.68}.piece-builder{transform:translate(35px,-22px) rotate(3deg);opacity:.62}.piece-plugins{transform:translate(-31px,21px) rotate(2deg);opacity:.65}.piece-themes{transform:translate(38px,18px) rotate(-2deg);opacity:.62}.assembly-wires{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible}.assembly-wires path{fill:none;stroke:#b1c77b;stroke-width:.34;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .75s .15s ease}.assembly-wires circle{fill:#a7be68;opacity:0;transform:scale(.1);transform-origin:50px 50px;transition:opacity .3s .5s ease,transform .5s .35s cubic-bezier(.2,.8,.2,1)}.assembly-hub{position:absolute;z-index:2;top:50%;left:50%;width:117px;height:96px;display:grid;grid-template-columns:41px 1fr;grid-template-rows:1fr auto;align-items:center;column-gap:8px;padding:12px;border:1px solid #445238;border-radius:15px;background:#152018;color:#fff;box-shadow:0 13px 35px #1c291c31;transform:translate(-50%,-50%) scale(.8);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s ease}.assembly-hub>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--acid);color:#1a2516;font-size:.78rem;font-weight:800;letter-spacing:-.1em}.assembly-hub>b{font-size:.7rem;line-height:1.05}.assembly-hub>small{color:#b0bd9b;font:400 .36rem var(--mono);letter-spacing:.045em}.assembly-caption{margin:0}.assembly-stage.is-assembled .assembly-piece{transform:translate(0,0) rotate(0);opacity:1;box-shadow:0 15px 38px #37432b15;border-color:#d1dcc4}.assembly-stage.is-assembled .assembly-hub{transform:translate(-50%,-50%) scale(1);box-shadow:0 17px 42px #1c291c40}.assembly-stage.is-assembled .assembly-wires path{stroke-dashoffset:0}.assembly-stage.is-assembled .assembly-wires circle{opacity:1;transform:scale(1)}.included-label{color:#7c8c4c;font:500 .48rem var(--mono);letter-spacing:.06em}.plugin-included,.theme-included{color:#a8bd70;font:400 .48rem var(--mono);letter-spacing:.02em}.included-mark{height:22px;width:22px;display:grid;place-items:center;border-radius:50%;background:#29362b;color:var(--acid);font-size:.61rem}.motion-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--reveal-index,0)*65ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-ready .assembly-stage [data-reveal]{opacity:initial;transform:initial}.plugin-card,.theme-card,.platform-card,.setup-card{transform-style:preserve-3d}.plugin-card:hover,.theme-card:hover,.platform-card:hover,.setup-card:hover{transform:translateY(-4px)}
@media(max-width:760px){.assembly-stage{margin:9px 0 21px;padding:17px 12px 14px}.assembly-heading{align-items:flex-start;flex-direction:column;gap:5px}.assembly-canvas{height:345px;margin-top:10px}.assembly-grid{gap:10px}.assembly-piece{padding:12px 10px;border-radius:11px}.assembly-piece>b{font-size:.76rem}.assembly-piece>small{font-size:.49rem;line-height:1.5}.piece-index{font-size:.4rem}.assembly-hub{width:91px;height:82px;grid-template-columns:29px 1fr;column-gap:6px;padding:8px}.assembly-hub>span{width:28px;height:28px;border-radius:8px;font-size:.61rem}.assembly-hub>b{font-size:.59rem}.assembly-hub>small{font-size:.29rem}.piece-core{transform:translate(-15px,-13px) rotate(-3deg)}.piece-builder{transform:translate(15px,-16px) rotate(3deg)}.piece-plugins{transform:translate(-14px,15px) rotate(2deg)}.piece-themes{transform:translate(16px,13px) rotate(-2deg)}.assembly-caption{align-items:flex-start;flex-direction:column;gap:5px;font-size:.43rem}.plugin-version{font-size:.44rem}.plugin-included,.theme-included,.included-label{font-size:.39rem}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}.assembly-piece,.assembly-hub,.assembly-wires path,.assembly-wires circle,.scroll-progress span{transition:none!important}.assembly-piece{opacity:1!important;transform:none!important}.assembly-wires path{stroke-dashoffset:0}.assembly-wires circle{opacity:1;transform:scale(1)}}