.assembly-showcase{background:#f3f7f9;scroll-margin-top:100px}.asm-demo{background:#fff;border:1px solid #cbdbea;color:#203f60}.asm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border-bottom:1px solid #dce6ed}.asm-toolbar small{display:block;margin:5px 0 0 17px;color:#6a8299}.asm-dot{display:inline-block;width:7px;height:7px;background:#68a99b;margin-right:10px}.asm-demo button{font:inherit;font-size:12px;color:inherit;border:1px solid #cbdbea;background:#f7fafc;padding:10px 13px;cursor:pointer}.asm-demo button:hover,.asm-demo button:focus-visible{border-color:#2a7182;outline-offset:3px}.asm-demo button[aria-pressed=true]{background:#244d64;color:#fff;border-color:#244d64}.asm-variants{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 22px;font-size:12px}.asm-variants>span{margin-right:8px}.asm-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:24px;padding:12px 22px 24px}.asm-tree{min-width:0}.asm-parent{position:relative;max-width:390px;margin:0 auto 36px;padding:22px 110px 22px 22px;background:#173449;color:#fff;min-height:170px}.asm-parent:after{content:'';position:absolute;bottom:-36px;left:50%;height:36px;border-left:1px solid #91b7bc}.asm-parent small,.asm-branches small{font-size:9px;letter-spacing:.09em}.asm-parent h3{font-size:20px;margin:10px 0}.asm-parent p{font-size:12px;color:#bdd5e1;line-height:1.7}.asm-parent>span{display:block;margin-top:15px;color:#ade0d2;font-size:13px}.asm-body-art{position:absolute;right:22px;top:45px;width:65px;height:80px;border:3px solid #97c9c4;background:#31576c;transform:skewY(-8deg);display:grid;place-items:center}.asm-body-art b{font-size:34px;color:#b4cbd8}.asm-body-art i{position:absolute;width:9px;height:9px;border:2px solid #b4cbd8;left:-9px;opacity:.3;transition:opacity .3s,transform .3s}.asm-body-art i:nth-child(1){top:5px}.asm-body-art i:nth-child(2){top:34px}.asm-body-art i:nth-child(3){top:62px}.asm-demo[data-phase="3"] .asm-body-art i,.asm-demo[data-phase="4"] .asm-body-art i,.asm-demo[data-phase="5"] .asm-body-art i{opacity:1;transform:translateX(6px)}.asm-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}.asm-branches:before{content:'';position:absolute;top:-16px;left:16%;right:16%;border-top:1px solid #91b7bc}.asm-branches article{position:relative;border:1px solid #cbdbea;padding:15px 12px;background:#f5f9fb;transition:background .3s,border-color .3s}.asm-branches article:before{content:'';position:absolute;height:16px;top:-17px;left:50%;border-left:1px solid #91b7bc}.asm-branches article.is-bottleneck{background:#fff5e5;border-color:#c39142}.asm-branches strong,.asm-branches span,.asm-branches b{display:block}.asm-branches strong{margin:12px 0 8px;font-size:14px}.asm-branches span{font-size:11px;line-height:1.7;min-height:38px;color:#6a8299}.asm-branches progress{width:100%;height:7px;accent-color:#519c8c;margin:14px 0 8px}.asm-branches b{font-size:15px}.asm-monitor{padding:22px;background:#eaf3f2;border-left:3px solid #86bcb1}.asm-monitor .eyebrow{font-size:9px}.asm-phase{font-size:12px;color:#598b91;margin:22px 0 10px}.asm-monitor h3{font-size:24px;line-height:1.3;margin:0 0 12px}.asm-monitor>p{font-size:13px;line-height:1.8;min-height:92px}.asm-monitor dl{font-size:12px;margin:16px 0}.asm-monitor dl>div{padding:12px 0;border-top:1px solid #ccdfdd;display:flex;justify-content:space-between;gap:14px}.asm-monitor dd{font-weight:600;text-align:right;margin:0}.asm-note{font-size:11px;line-height:1.8;color:#526f7d}.asm-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0 22px 22px}.asm-controls button{text-align:left}.asm-controls small{display:block;opacity:.65;margin-bottom:5px}.asm-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:30px}.asm-capabilities article{border-top:2px solid #8ab9b0;padding:20px 0}.asm-capabilities article>span{font-size:9px;letter-spacing:.1em;color:#547f8d}.asm-capabilities h3{font-size:18px;line-height:1.5;margin:14px 0 10px}.asm-capabilities p{font-size:13px;line-height:1.9;color:#6c8195}@media(max-width:1000px){.asm-workspace{grid-template-columns:1fr}.asm-monitor>p{min-height:0}.asm-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.asm-toolbar{align-items:flex-start;padding:16px;flex-direction:column}.asm-workspace{padding:10px 14px 20px}.asm-variants{padding:14px}.asm-branches{gap:6px}.asm-branches article{padding:10px 7px}.asm-branches small{font-size:8px;letter-spacing:0}.asm-branches strong{font-size:12px}.asm-branches span{font-size:10px;min-height:54px}.asm-parent{padding-left:15px;padding-right:95px}.asm-parent h3{font-size:18px}.asm-body-art{right:15px;width:55px}.asm-controls{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 14px 16px}.asm-controls button{padding:9px 6px;font-size:11px}.asm-capabilities{gap:16px}.asm-capabilities h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.asm-demo *{transition:none!important}}
.asm-cinema{margin:0 22px 22px;background:#122e42;border:1px solid #315568;overflow:hidden}.asm-cinema svg{display:block;width:100%;height:auto}.asm-stage-label{fill:#bdd7e2;font-size:11px;letter-spacing:1.5px}.asm-cinema svg text:not(.asm-stage-label){font-size:10px;fill:#c4dce4}.asm-piece text{opacity:1;transition:opacity .4s}.asm-cinema-caption{padding:12px 18px;border-top:1px solid #315568;color:#b5ddce;font-size:12px;min-height:44px}.asm-moving-product{transform:translateX(0);transition:transform 2s cubic-bezier(.45,0,.2,1)}.asm-piece{transition:transform 1.4s cubic-bezier(.3,0,.2,1)}.asm-piece-cover{transform:translate(-60px,-55px)}.asm-piece-plug{transform:translate(55px,-15px)}.asm-piece-spring{transform:translate(-100px,-30px)}.asm-demo[data-phase="1"] .asm-piece-cover,.asm-demo[data-phase="2"] .asm-piece-cover{transform:translate(-40px,-45px)}.asm-demo[data-phase="1"] .asm-piece-spring,.asm-demo[data-phase="2"] .asm-piece-spring{transform:translate(-45px,-20px)}.asm-demo[data-phase="3"] .asm-piece,.asm-demo[data-phase="4"] .asm-piece,.asm-demo[data-phase="5"] .asm-piece{transform:translate(0,0)}.asm-demo[data-phase="3"] .asm-piece-cover{transition-delay:.85s}.asm-demo[data-phase="3"] .asm-piece-plug{transition-delay:.35s}.asm-demo[data-phase="3"] .asm-piece text,.asm-demo[data-phase="4"] .asm-piece text,.asm-demo[data-phase="5"] .asm-piece text{opacity:0}.asm-demo[data-phase="4"] .asm-moving-product{transform:translateX(278px)}.asm-demo[data-phase="5"] .asm-moving-product{transform:translateX(575px)}.asm-scan,.asm-pass,.asm-packed-caption,.asm-box-tape,.asm-tighten{opacity:0}.asm-qc-light{fill:#c9ad75}.asm-demo[data-phase="4"] .asm-scan{animation:asm-scan 1.3s 1.4s 2}.asm-demo[data-phase="4"] .asm-pass{animation:asm-appear .3s 2.7s both}.asm-demo[data-phase="4"] .asm-qc-light,.asm-demo[data-phase="5"] .asm-qc-light{fill:#80c5ad}.asm-demo[data-phase="3"] .asm-tighten{transform-origin:230px 97px;animation:asm-tool .65s 1.7s 3}.asm-demo[data-phase="5"] .asm-product-lift{animation:asm-box-drop 3.1s both}.asm-flap-left,.asm-flap-right{transform-box:fill-box;transform-origin:bottom;transform:scaleY(-.6);transition:transform .5s}.asm-demo[data-phase="5"] .asm-flap-left,.asm-demo[data-phase="5"] .asm-flap-right{transform:scaleY(1);transition-delay:2.7s}.asm-demo[data-phase="5"] .asm-box-tape,.asm-demo[data-phase="5"] .asm-packed-caption{animation:asm-appear .3s 3.1s both}.asm-demo[data-running="false"] .asm-cinema *{animation-play-state:paused!important}.asm-demo[data-running="false"] .asm-cinema *{transition-duration:0s!important;transition-delay:0s!important}@keyframes asm-scan{0%,100%{opacity:0;transform:translateY(0)}15%,80%{opacity:1}85%{transform:translateY(85px)}}@keyframes asm-appear{to{opacity:1}}@keyframes asm-tool{0%,100%{opacity:0;transform:rotate(-15deg)}50%{opacity:1;transform:rotate(15deg)}}@keyframes asm-box-drop{0%,25%{transform:translateY(0);opacity:1}55%,68%{transform:translateY(-78px);opacity:1}90%,100%{transform:translateY(8px);opacity:0}}@media(max-width:560px){.asm-cinema{margin:0 14px 16px}.asm-cinema svg{width:100%;max-width:100%;margin-left:0}.asm-cinema-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.asm-cinema *{animation:none!important;transition:none!important}.asm-demo[data-phase="4"] .asm-pass,.asm-demo[data-phase="5"] .asm-packed-caption,.asm-demo[data-phase="5"] .asm-box-tape{opacity:1}.asm-demo[data-phase="5"] .asm-product-lift{opacity:0}}
.asm-cinema{scroll-margin-top:105px}