.hero-demo{--demo-dur:16s;--board:#e3c193;--board-edge:#282c24;--part-side:#898b86;--part-shelf:#6b2e1c;--part-upright:#8b8c1c;--part-cleat:#3279a7;--cut-rip:#2c74ff;--cut-bay:#0d9488;--cut-cross:#ff4b4b;position:relative;width:100%;max-width:56rem;margin:0 auto}.hero-demo__glow{pointer-events:none;position:absolute;inset:10% 5% -5%;background:radial-gradient(ellipse at center,rgba(250,115,15,.14),transparent 70%);z-index:0}.hero-demo__chrome{position:relative;z-index:1;background:#1a1e16;border:1px solid #353931;border-radius:.75rem;overflow:hidden;box-shadow:0 24px 48px -12px rgba(0,0,0,.55),0 0 0 1px hsla(0,0%,100%,.04)}.hero-demo__titlebar{display:flex;align-items:center;gap:.4rem;padding:.65rem .9rem;background:#13170f;border-bottom:1px solid #353931;min-height:2.15rem;position:relative}.hero-demo__dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0}.hero-demo__dot:first-child{background:#ff5f57}.hero-demo__dot:nth-child(2){background:#febc2e}.hero-demo__dot:nth-child(3){background:#28c840}.hero-demo__title{font-size:.7rem;color:#919ca0}.hero-demo__title--cuts,.hero-demo__title--layout{position:absolute;left:3.15rem;top:50%;transform:translateY(-50%)}.hero-demo__title--layout{animation:heroFadeLayout var(--demo-dur) step-end infinite}.hero-demo__title--cuts{opacity:0;animation:heroFadeCuts var(--demo-dur) step-end infinite}.hero-demo__body{display:grid;grid-template-columns:9.5rem 1fr;min-height:18rem}@media (min-width:640px){.hero-demo__body{grid-template-columns:11.5rem 1fr;min-height:20.5rem}}.hero-demo__rail{display:flex;flex-direction:column;gap:.35rem;padding:.6rem;background:#13170f;border-right:1px solid #353931}.hero-demo__panel{display:flex;align-items:center;justify-content:space-between;gap:.35rem;background:#22261e;border:1px solid #353931;border-radius:.4rem;padding:.42rem .5rem;min-height:1.75rem}.hero-demo__panel-title{font-size:.6rem;font-weight:600;color:#dae0dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-demo__chevron{flex-shrink:0;width:0;height:0;border-top:.26rem solid transparent;border-bottom:.26rem solid transparent;border-left:.3rem solid #919ca0;opacity:.7}.hero-demo__panel--parts{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;animation:heroPartsBorder var(--demo-dur) ease-in-out infinite}.hero-demo__panel-head{display:flex;align-items:center;justify-content:space-between;padding:.42rem .5rem;min-height:1.75rem}.hero-demo__chevron--parts{transform-origin:35% 50%;animation:heroPartsChevron var(--demo-dur) ease-in-out infinite}.hero-demo__parts-body{display:grid;gap:.1rem;padding:0 .45rem;max-height:0;opacity:0;overflow:hidden;border-top:0 solid #353931;animation:heroPartsBody var(--demo-dur) ease-in-out infinite}.hero-demo__part-row{display:grid;grid-template-columns:.5rem minmax(0,1fr) auto;align-items:center;gap:.28rem;font-size:.52rem;color:#bdc6c4;padding:.2rem .15rem;border-radius:.2rem;opacity:.4}.hero-demo__part-row span{font-weight:600;color:#dae0dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-demo__part-row em{font-style:normal;color:#808c8d;font-size:.46rem;white-space:nowrap}.hero-demo__swatch{width:.42rem;height:.42rem;border-radius:2px}.hero-demo__swatch--side{background:var(--part-side)}.hero-demo__swatch--shelf{background:var(--part-shelf)}.hero-demo__swatch--upright{background:var(--part-upright)}.hero-demo__swatch--cleat{background:var(--part-cleat)}.hero-demo__part-row--1{animation:heroRow1 var(--demo-dur) ease-in-out infinite}.hero-demo__part-row--2{animation:heroRow2 var(--demo-dur) ease-in-out infinite}.hero-demo__part-row--3{animation:heroRow3 var(--demo-dur) ease-in-out infinite}.hero-demo__part-row--4{animation:heroRow4 var(--demo-dur) ease-in-out infinite}.hero-demo__stage{padding:.65rem .8rem .85rem;display:flex;flex-direction:column;gap:.5rem}.hero-demo__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;min-height:1.55rem}.hero-demo__toggle{display:inline-flex;border:1px solid #353931;border-radius:.35rem;overflow:hidden;height:1.55rem}.hero-demo__toggle-btn{font-size:.62rem;font-weight:600;padding:0 .8rem;display:flex;align-items:center;color:#919ca0;background:#22261e}.hero-demo__toggle-btn--layout{animation:heroToggleLayout var(--demo-dur) step-end infinite}.hero-demo__toggle-btn--cuts{animation:heroToggleCuts var(--demo-dur) step-end infinite}.hero-demo__legend{display:flex;align-items:center;gap:.5rem;opacity:0;animation:heroFadeCuts var(--demo-dur) step-end infinite}.hero-demo__legend-item{display:inline-flex;align-items:center;gap:.22rem;font-size:.54rem;color:#919ca0}.hero-demo__legend-item i{width:.85rem;height:0;border-top:1.5px dashed}.hero-demo__legend-item--rip{color:var(--cut-rip)}.hero-demo__legend-item--bay{color:var(--cut-bay)}.hero-demo__legend-item--cross{color:var(--cut-cross)}.hero-demo__board-wrap{flex:1;display:flex;flex-direction:column;gap:.4rem}.hero-demo__board{position:relative;width:100%;aspect-ratio:2/1;border-radius:.25rem;background:var(--board);border:2px solid var(--board-edge);overflow:hidden}.hero-demo__part{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;border-radius:0;color:#fff;font-size:.48rem;font-weight:600;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);opacity:0;transform:scale(.98);z-index:2;overflow:hidden;will-change:opacity,transform,filter}.hero-demo__part span{text-shadow:0 1px 1px rgba(0,0,0,.35);line-height:1.1}.hero-demo__part em{font-style:normal;font-size:.4rem;font-weight:600;opacity:.9;line-height:1}.hero-demo__part--side-a{left:0;top:0;width:31.25%;height:25%;background:var(--part-side);animation:heroPartOn1 var(--demo-dur) ease-in-out infinite}.hero-demo__part--side-b{left:31.38%;top:0;width:12.5%;height:62.5%;background:var(--part-side);animation:heroPartOn2 var(--demo-dur) ease-in-out infinite}.hero-demo__part--upright{left:43.88%;top:0;width:5.21%;height:87.5%;background:var(--part-upright);animation:heroPartOn3 var(--demo-dur) ease-in-out infinite;font-size:.4rem}.hero-demo__part--upright em{display:none}.hero-demo__part--shelf-a{left:0;animation:heroPartOn4 var(--demo-dur) ease-in-out infinite}.hero-demo__part--shelf-a,.hero-demo__part--shelf-b{top:25.26%;width:11.72%;height:50%;background:var(--part-shelf)}.hero-demo__part--shelf-b{left:11.85%;animation:heroPartOn5 var(--demo-dur) ease-in-out infinite}.hero-demo__part--cleat-a{left:23.7%;animation:heroPartOn6 var(--demo-dur) ease-in-out infinite}.hero-demo__part--cleat-a,.hero-demo__part--cleat-b{top:25.26%;width:3.65%;height:50%;background:var(--part-cleat);font-size:.36rem;writing-mode:vertical-rl;text-orientation:mixed}.hero-demo__part--cleat-b{left:27.47%;animation:heroPartOn7 var(--demo-dur) ease-in-out infinite}.hero-demo__scrap{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;opacity:0;visibility:hidden;pointer-events:none;background:rgba(46,125,70,.35);background-image:repeating-linear-gradient(-45deg,rgba(30,90,50,.35),rgba(30,90,50,.35) 1px,transparent 0,transparent 10px);border:1.5px dashed rgba(20,90,45,.9);box-sizing:border-box;animation:heroScrap var(--demo-dur) step-end infinite}.hero-demo__scrap span{font-size:.5rem;font-weight:700;color:rgba(20,70,40,.95);letter-spacing:.04em}.hero-demo__scrap em{font-style:normal;font-size:.4rem;font-weight:600;color:rgba(20,70,40,.85)}.hero-demo__scrap--right{left:49.22%;top:0;width:50.78%;height:87.5%}.hero-demo__scrap--bottom{left:0;top:87.76%;width:100%;height:12.24%}.hero-demo__scrap--under-res{left:0;top:75.52%;width:43.75%;height:11.98%}.hero-demo__scrap--under-side{left:31.25%;top:62.76%;width:12.5%;height:12.5%}.hero-demo__cut-layer{position:absolute;inset:0;z-index:4;opacity:0;visibility:hidden;pointer-events:none;animation:heroCutLayer var(--demo-dur) ease-in-out infinite}.hero-demo__cuts{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-demo__line{fill:none;stroke-width:2;stroke-linecap:butt;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}.hero-demo__line--rip{stroke:var(--cut-rip)}.hero-demo__line--bay{stroke:var(--cut-bay)}.hero-demo__line--cross{stroke:var(--cut-cross)}.hero-demo__pill{position:absolute;z-index:5;font-size:.48rem;font-weight:700;color:#fff;padding:.1rem .32rem;border-radius:999px;border:1px solid rgba(0,0,0,.35);box-shadow:0 1px 2px rgba(0,0,0,.25);white-space:nowrap;line-height:1.2}.hero-demo__pill--b1{left:12%;top:22%;background:var(--cut-bay)}.hero-demo__pill--b2{left:34%;top:59.5%;background:var(--cut-bay)}.hero-demo__pill--b3{left:18%;top:72.2%;background:var(--cut-bay)}.hero-demo__pill--r1{left:46%;top:84.5%;background:var(--cut-rip)}.hero-demo__pill--c1{left:28.6%;top:8%;background:var(--cut-cross)}.hero-demo__pill--c2{left:41.2%;top:28%;background:var(--cut-cross)}.hero-demo__caption{display:flex;align-items:center;gap:.4rem;font-size:.66rem;color:#919ca0;min-height:1rem;position:relative}.hero-demo__caption-dot{width:.38rem;height:.38rem;border-radius:999px;background:#fa7315;flex-shrink:0}.hero-demo__caption-cuts,.hero-demo__caption-layout{position:absolute;left:1rem}.hero-demo__caption-layout{animation:heroFadeLayout var(--demo-dur) step-end infinite}.hero-demo__caption-cuts{opacity:0;animation:heroFadeCuts var(--demo-dur) step-end infinite}@keyframes heroFadeLayout{0%,56%{opacity:1}57%,82%{opacity:0}86%,to{opacity:1}}@keyframes heroFadeCuts{0%,56%{opacity:0}57%,82%{opacity:1}86%,to{opacity:0}}@keyframes heroToggleLayout{0%,56%{background:#fa7315;color:#fff}57%,82%{background:#22261e;color:#919ca0}86%,to{background:#fa7315;color:#fff}}@keyframes heroToggleCuts{0%,56%{background:#22261e;color:#919ca0}57%,82%{background:#fa7315;color:#fff}86%,to{background:#22261e;color:#919ca0}}@keyframes heroPartsBorder{0%,3%{border-color:#353931}56%,6%{border-color:rgba(250,115,15,.6)}57%,to{border-color:#353931}}@keyframes heroPartsBody{0%,3%{max-height:0;opacity:0;padding-bottom:0;border-top-width:0}56%,8%{max-height:6.75rem;opacity:1;padding-bottom:.35rem;border-top-width:1px}57%,to{max-height:0;opacity:0;padding-bottom:0;border-top-width:0}}@keyframes heroPartsChevron{0%,3%{transform:rotate(0deg)}56%,8%{transform:rotate(90deg)}57%,to{transform:rotate(0deg)}}@keyframes heroRow1{0%,4%{opacity:.35;background:transparent}12%,7%{opacity:1;background:rgba(250,115,15,.14)}14%,56%{opacity:1;background:transparent}57%,to{opacity:.35;background:transparent}}@keyframes heroRow2{0%,13%{opacity:.35;background:transparent}15%,19%{opacity:1;background:rgba(250,115,15,.14)}21%,56%{opacity:1;background:transparent}57%,to{opacity:.35;background:transparent}}@keyframes heroRow3{0%,19%{opacity:.35;background:transparent}21%,27%{opacity:1;background:rgba(250,115,15,.14)}29%,56%{opacity:1;background:transparent}57%,to{opacity:.35;background:transparent}}@keyframes heroRow4{0%,28%{opacity:.35;background:transparent}30%,35%{opacity:1;background:rgba(250,115,15,.14)}37%,56%{opacity:1;background:transparent}57%,to{opacity:.35;background:transparent}}@keyframes heroPartOn1{0%,4%{opacity:0;transform:scale(.98);filter:none}56%,8%{opacity:.8;transform:scale(1);filter:none}57%,82%{opacity:.2;transform:scale(1);filter:none}86%,to{opacity:0;transform:scale(.98)}}@keyframes heroPartOn2{0%,9%{opacity:0;transform:scale(.98)}13%,56%{opacity:.8;transform:scale(1)}57%,82%{opacity:.2;transform:scale(1)}86%,to{opacity:0;transform:scale(.98)}}@keyframes heroPartOn3{0%,14%{opacity:0;transform:scale(.98)}18%,56%{opacity:.8;transform:scale(1)}57%,82%{opacity:.2;transform:scale(1)}86%,to{opacity:0;transform:scale(.98)}}@keyframes heroPartOn4{0%,20%{opacity:0;transform:scale(.98)}24%,56%{opacity:.8;transform:scale(1)}57%,82%{opacity:.2;transform:scale(1)}86%,to{opacity:0;transform:scale(.98)}}@keyframes heroPartOn5{0%,24%{opacity:0;transform:scale(.98)}28%,56%{opacity:.8;transform:scale(1)}57%,82%{opacity:.2;transform:scale(1)}86%,to{opacity:0;transform:scale(.98)}}@keyframes heroPartOn6{0%,29%{opacity:0;transform:scale(.98)}32%,56%{opacity:.8;transform:scale(1)}57%,82%{opacity:.2;transform:scale(1)}86%,to{opacity:0;transform:scale(.98)}}@keyframes heroPartOn7{0%,32%{opacity:0;transform:scale(.98)}35%,56%{opacity:.8;transform:scale(1)}57%,82%{opacity:.2;transform:scale(1)}86%,to{opacity:0;transform:scale(.98)}}@keyframes heroScrap{0%,36.9%{opacity:0;visibility:hidden}37%,56%{opacity:1;visibility:visible}57%,to{opacity:0;visibility:hidden}}@keyframes heroCutLayer{0%,57%{opacity:0;visibility:hidden}58%{visibility:visible;opacity:0}62%,82%{opacity:1;visibility:visible}84%{opacity:0;visibility:visible}86%,to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.hero-demo__caption-cuts,.hero-demo__caption-layout,.hero-demo__chevron--parts,.hero-demo__cut-layer,.hero-demo__legend,.hero-demo__panel--parts,.hero-demo__part,.hero-demo__part-row,.hero-demo__parts-body,.hero-demo__scrap,.hero-demo__title--cuts,.hero-demo__title--layout,.hero-demo__toggle-btn--cuts,.hero-demo__toggle-btn--layout{animation:none!important}.hero-demo__part{opacity:.2;transform:none}.hero-demo__caption-cuts,.hero-demo__cut-layer,.hero-demo__legend,.hero-demo__parts-body,.hero-demo__title--cuts{opacity:1;visibility:visible;max-height:6.75rem}.hero-demo__caption-layout,.hero-demo__scrap,.hero-demo__title--layout{opacity:0}.hero-demo__toggle-btn--cuts{background:#fa7315;color:#fff}.hero-demo__chevron--parts{transform:rotate(90deg)}}