/* The assembly scene is illustrative. Stage changes come from job status. */
.hero-preview-actions,.example-preview-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.preview-play{color:var(--lime);font-size:20px}
.workspace{background:#171d14}
.progress-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.progress-heading h2{font-size:clamp(34px,4.9vw,70px);letter-spacing:-.055em;line-height:1.05;margin:0}
.progress-heading h2 span{color:#d2f88a}
.progress-job{text-align:right;max-width:35%;padding-bottom:4px}
.progress-mode{font-size:9px;letter-spacing:.11em;color:#b8c1ac}
.progress-mode.is-demo{color:#d2f88a}
.progress-job .workspace-domain{margin:10px 0 0;font-size:17px;overflow-wrap:anywhere}
.progress-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:42px;align-items:center;margin-top:42px}
.factory-scene{--scene-accent:#d2f88a;position:relative;min-width:0;border:1px solid #3c4932;border-radius:6px;background:#0d130e;box-shadow:0 24px 70px #0003;isolation:isolate;overflow:hidden}
.factory-topbar{height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253220;color:#c4ceba;font-size:9px;font-weight:600;letter-spacing:.14em;background:#141c13}
.factory-topbar>span:first-child{display:flex;gap:9px;align-items:center}
.factory-indicator{display:block;width:5px;height:5px;background:var(--scene-accent);border-radius:50%;box-shadow:0 0 12px var(--scene-accent)}
.factory-unit{color:#798a6d}
.factory-chamber{container-type:inline-size;position:relative;aspect-ratio:1.68;overflow:hidden;background:radial-gradient(ellipse at 54% 38%,#23381a80,transparent 67%)}
.factory-chamber::after{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid #91a77b12;clip-path:polygon(0 0,20px 0,20px 1px,calc(100% - 20px) 1px,calc(100% - 20px) 0,100% 0,100% 20px,calc(100% - 1px) 20px,calc(100% - 1px) calc(100% - 20px),100% calc(100% - 20px),100% 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 1px),20px calc(100% - 1px),20px 100%,0 100%,0 calc(100% - 20px),1px calc(100% - 20px),1px 20px,0 20px)}
.factory-grid{position:absolute;inset:34% -40% -70%;background-image:linear-gradient(#b1e57e13 1px,transparent 1px),linear-gradient(90deg,#b1e57e13 1px,transparent 1px);background-size:5cqw 5cqw;transform:perspective(400px) rotateX(58deg);mask-image:linear-gradient(transparent,#000 50%,transparent 90%);animation:factory-conveyor 5s linear infinite}
.factory-aura{position:absolute;width:60%;height:50%;left:20%;top:20%;border-radius:50%;background:radial-gradient(ellipse,#a1ff4820,transparent 70%);animation:factory-breathe 5s ease-in-out infinite}
.factory-connections{position:absolute;inset:0;width:100%;height:100%;stroke:#8cbd5926;stroke-width:1}
.factory-connections circle{fill:#182b13;stroke:#789653}
.factory-connections .circuit-flow{stroke:#caff8b;stroke-dasharray:16 560;animation:factory-circuit 5s linear infinite}
.factory-platform{position:absolute;left:13%;top:58%;width:74%;height:40%;transform:perspective(500px) rotateX(62deg);transform-style:preserve-3d}
.factory-platform>div{position:absolute;inset:0;border:1px solid #a6cc7133;border-radius:50%;box-shadow:0 0 30px #a2ff4b04,inset 0 0 30px #a2ff4b04}
.factory-platform>div:nth-child(2){inset:12%;border-style:dashed;border-color:#9ccd7660;animation:factory-ring 32s linear infinite}
.factory-platform>div:nth-child(3){inset:26%;border-color:#a6cc7125}
.factory-coordinate{position:absolute;color:#768b67;font-size:1.25cqw;line-height:1.8;letter-spacing:.12em}
.coordinate-left{left:5%;top:39%}
.coordinate-right{right:5%;top:32%;font-size:4.4cqw;color:#bbdc94;text-align:center;line-height:1}
.coordinate-right span{font-size:1.05cqw;color:#7b8f69;letter-spacing:.15em}
.factory-rig{position:absolute;inset:8% 17% 17%;border-top:1px solid #b8f37424}
.factory-rig>span{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(#b8f37440,transparent)}
.factory-rig>span:nth-child(2){right:0}
.factory-rig>i{position:absolute;top:-3px;left:40%;height:5px;width:18%;background:#d2f88a;box-shadow:0 4px 25px #c5ff6e;animation:factory-head 5s ease-in-out infinite}
.factory-float{position:absolute;left:22%;top:20%;width:58%;aspect-ratio:1.5;animation:factory-hover 6s ease-in-out infinite}
.factory-page{position:absolute;inset:0;background:#182218;border:1px solid #91b57299;border-radius:4px;box-shadow:-10px 18px 0 -5px #26321b,-10px 18px 0 -4px #5e72433b,-25px 40px 50px #0009;transform:perspective(900px) rotateX(16deg) rotateY(-16deg) rotateZ(-6deg);transition:transform 1.3s cubic-bezier(.2,.8,.2,1),box-shadow 1.3s,border-color 1.3s}
.factory-page-bar{display:flex;align-items:center;gap:3px;height:9%;padding:0 3%;border-bottom:1px solid #9fd37433;color:#bac6af;font-size:1.15cqw;background:#24301e;border-radius:3px 3px 0 0}
.factory-page-bar>i{width:.5cqw;height:.5cqw;border-radius:50%;background:#6c8056}
.factory-page-bar>span{margin:auto;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}
.factory-page-bar>b{font-weight:400}
.source-page{position:absolute;inset:9% 0 0;overflow:hidden;border-radius:0 0 3px 3px;transition:opacity 1s,filter 1s}
.source-page>img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.55) brightness(.84)}
.scan-placeholder{position:absolute;inset:0;display:block;background:#182218;color:#cad5bd;padding:7%;min-height:0}
.placeholder-nav{position:absolute;left:7%;top:7%;width:85%;height:5%;background:linear-gradient(90deg,#9ba790 20%,transparent 20%,transparent 65%,#4a5b3d 65%,#4a5b3d 80%,transparent 80%,transparent 83%,#a5ca78 83%)}
.placeholder-title{position:absolute;left:7%;top:28%;height:22%;width:42%;background:linear-gradient(#b7c9a1 0 26%,transparent 26% 38%,#b7c9a1 38% 64%,transparent 64% 76%,#b7c9a1 76%);clip-path:polygon(0 0,100% 0,100% 64%,72% 64%,72% 100%,0 100%)}
.placeholder-copy{position:absolute;left:7%;top:56%;height:7%;width:36%;background:repeating-linear-gradient(#67775a 0 2px,transparent 2px 7px)}
.placeholder-button{position:absolute;left:7%;top:68%;height:8%;width:23%;border:1px solid #9cd05c77;background:#bada8d20}
.placeholder-visual{position:absolute;right:7%;top:24%;height:53%;width:35%;display:grid;place-items:center;border:1px solid #a3c6783b;background:radial-gradient(#92c35140,transparent)}
.placeholder-visual>span{font-size:10cqw!important;color:#bed68e}
.placeholder-cards{position:absolute;left:7%;right:7%;bottom:6%;height:10%;display:flex;gap:6%}
.placeholder-cards>i{flex:1;border-top:1px solid #7d995066;background:#9bbb6308}
.factory-scan{position:absolute;top:-25%;left:0;width:100%;height:28%;background:linear-gradient(transparent,#cdff9e30);border-bottom:2px solid #d2ff9b;box-shadow:0 10px 20px -12px #d2ff9b;animation:factory-scan 3s cubic-bezier(.45,0,.25,1) infinite}
.factory-page-edge{position:absolute;inset:-1px;border:1px solid #dcffae;opacity:.5;pointer-events:none;clip-path:polygon(0 0,12% 0,12% 1%,88% 1%,88% 0,100% 0,100% 12%,99% 12%,99% 88%,100% 88%,100% 100%,88% 100%,88% 99%,12% 99%,12% 100%,0 100%,0 88%,1% 88%,1% 12%,0 12%)}
.analysis-layer{position:absolute;z-index:2;border:1px solid #9dc76f99;border-radius:4px;background:#19231bef;box-shadow:0 14px 30px #0006;color:#cdddba;padding:3%;opacity:0;transition:transform 1.3s cubic-bezier(.2,.8,.2,1),opacity .7s;pointer-events:none;font-size:1.05cqw;letter-spacing:.08em;transform:translate(0,0) rotate(-6deg) scale(.85)}
.analysis-layer>span{display:block;margin-bottom:9%;font-size:1.05cqw;white-space:nowrap}
.analysis-layer>b{position:absolute;right:10%;bottom:19%;font-size:2.8cqw;color:#d2f88a}
.layer-one{left:2%;top:12%;width:56%;height:38%}
.layer-one>div{display:grid;gap:4px;width:75%}
.layer-one i{display:block;height:3px;background:#94b077}.layer-one i:nth-child(2){width:78%}.layer-one i:nth-child(3){width:52%}
.layer-two{right:-1%;top:18%;width:48%;height:39%}
.layer-swatches{display:flex;gap:5px}.layer-swatches i{width:2.8cqw;height:2.8cqw;border-radius:50%;background:#d2f88a}.layer-swatches i:nth-child(2){background:#f0f2e8}.layer-swatches i:nth-child(3){background:#68775a}
.layer-three{left:25%;top:57%;width:60%;height:32%}
.layer-cta{display:flex;justify-content:space-between;align-items:center;background:#d2f88a;color:#19231b;padding:6%;font-size:.95cqw}
.blueprint-page{position:absolute;inset:9% 0 0;overflow:hidden;background:#f1f2e6;color:#212b20;opacity:0;transition:opacity 1s}
.blueprint-nav{position:absolute;top:6%;left:6%;right:6%;height:8%;display:flex;align-items:center;gap:6%}
.blueprint-nav>span{font-size:2.5cqw;margin-right:auto}.blueprint-nav>i{height:2px;width:11%;background:#52644b80}.blueprint-nav>b{width:15%;height:100%;background:#253422;color:#e7f4d6;display:grid;place-items:center;font-size:1.1cqw}
.blueprint-copy{position:absolute;left:6%;top:24%;width:54%;z-index:1}
.blueprint-copy>small{display:block;font-size:.9cqw;letter-spacing:.14em;color:#5d6c52;margin-bottom:6%}
.blueprint-copy>strong{display:block;font-size:3.6cqw;letter-spacing:-.065em;line-height:1.05;font-weight:600;margin-bottom:7%}
.blueprint-copy em{font-style:normal;color:#677f49}
.blueprint-copy>i{display:block;height:2px;background:#83907950;margin:3% 0;width:85%}.blueprint-copy>i+i{width:67%}
.blueprint-copy>b{display:flex;justify-content:space-between;width:66%;padding:5% 6%;margin-top:9%;background:#c9ed8c;font-size:1.05cqw;font-weight:600}
.blueprint-art{position:absolute;right:-2%;top:22%;width:43%;height:53%;display:grid;place-items:center;background:radial-gradient(#c0d0a099,transparent 68%);perspective:300px}
.art-orbit{position:absolute;width:80%;height:80%;border:1.25cqw solid #a5b88e;border-radius:50%;box-shadow:inset 1px 2px 2px #fff6,3px 4px 8px #304b3244;transform:rotateX(55deg) rotateY(-35deg) rotateZ(15deg)}
.orbit-two{transform:rotateX(-30deg) rotateY(60deg) rotateZ(30deg);border-color:#5c7754;width:74%;height:74%;animation:factory-sculpture 9s ease-in-out infinite}
.art-core{color:#354d2e;font-size:5cqw;transform:rotate(-12deg)}
.blueprint-cards{position:absolute;bottom:0;left:0;right:0;height:18%;display:flex;border-top:1px solid #34522522;padding:3% 6%;gap:8%;background:#e5e9da}
.blueprint-cards>div{flex:1}.blueprint-cards span{font-size:.85cqw;float:left;margin-right:8%;color:#54723d}.blueprint-cards i{display:block;height:2px;background:#71855f40;margin:6% 0}.blueprint-cards i:last-child{width:70%}
.factory-tag{position:absolute;display:flex;align-items:center;gap:8px;font-size:1.1cqw;letter-spacing:.1em;color:#a4ba90;z-index:4}
.factory-tag>i{display:block;width:4px;height:4px;background:#b6de82;box-shadow:0 0 9px #d2f88a}
.tag-left{left:6%;bottom:10%}.tag-right{right:5%;top:12%}
.factory-spark{position:absolute;width:3px;height:3px;background:#ceff8c;box-shadow:0 0 10px #c5ff70;animation:factory-spark 4s ease-out infinite;opacity:0}
.spark-one{left:24%;top:65%}.spark-two{left:79%;top:68%;animation-delay:1.3s}.spark-three{left:48%;top:77%;animation-delay:2.7s}
.factory-footer{min-height:53px;display:flex;align-items:center;gap:11px;border-top:1px solid #28351f;padding:0 17px;background:#141b11;color:#c9d4bb;font-size:11px}
.factory-stage-meter{display:flex;gap:3px;align-items:flex-end;height:14px;flex-shrink:0}
.factory-stage-meter>i{display:block;width:3px;height:5px;background:#52603f}.factory-stage-meter>i:nth-child(2){height:9px}.factory-stage-meter>i:nth-child(3){height:13px}
.factory-stage-meter>i:first-child{background:#d2f88a}
#progress-motion-toggle{margin-left:auto;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:9px;border:1px solid #55663f;background:transparent;color:#c9d4bb;border-radius:50%;cursor:pointer}
#progress-motion-toggle:hover{border-color:#d2f88a;color:#d2f88a}
#progress-motion-toggle svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}
#progress-motion-toggle[aria-pressed="true"] svg{fill:currentColor;stroke:none}
#progress-motion-toggle:disabled{opacity:.4;cursor:default}
.factory-illustration{margin:0;padding:8px 17px 10px;background:#141b11;color:#8c9c7b;font-size:9px;border-top:1px solid #25322066;line-height:1.5}
.production-readout{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.09em;color:#9fae8e;padding-bottom:17px;border-bottom:1px solid #3c4932;font-variant-numeric:tabular-nums}
.production-readout b{font-weight:500;color:#d2f88a;margin-left:6px}
.progress-steps{margin:0;padding:0}
.progress-steps li{position:relative;gap:15px;padding:24px 0;border-color:#35422a;transition:opacity .5s;opacity:.42}
.progress-steps li.active,.progress-steps li.done{opacity:1}
.progress-steps .step-marker{display:grid;place-items:center;width:32px;height:32px;border:1px solid #617348;border-radius:50%;font-size:11px;flex-shrink:0;color:#b9c8a6;transition:color .5s,background .5s,box-shadow .5s}
.progress-steps li.active .step-marker{background:#d2f88a;color:#1b2714;border-color:#d2f88a;box-shadow:0 0 28px #c2f67b24}
.progress-steps li.done .step-marker{color:#c7ed92;border-color:#839e5b;background:#29391c}
.progress-steps h3{font-size:16px;margin:0 0 7px;letter-spacing:-.025em}
.progress-steps p{font-size:12px;color:#a5b495;line-height:1.65;margin:0}
.progress-steps .stage-state{margin-left:auto;flex-shrink:0}
.progress-message{display:flex;align-items:flex-start;gap:14px;margin-top:24px;padding:17px 18px;background:#202b19;border:1px solid #39492b;border-radius:3px}
.progress-message>span{font-size:24px;color:#c8ee97;line-height:1.2}
.progress-message .progress-note{font-size:12px;line-height:1.8;margin:0;color:#c2cdb7}
.progress-demo-note{font-size:10px;line-height:1.7;color:#9eb783;margin:14px 0 0}
.factory-scene[data-stage="analyse"] .factory-page{transform:perspective(900px) rotateX(22deg) rotateY(-22deg) rotateZ(-8deg) translateY(10%);border-color:#739a5d66}
.factory-scene[data-stage="analyse"] .source-page{opacity:.32;filter:grayscale(1)}
.factory-scene[data-stage="analyse"] .factory-scan{animation-duration:5s;opacity:.4}
.factory-scene[data-stage="analyse"] .analysis-layer{opacity:1}
.factory-scene[data-stage="analyse"] .layer-one{transform:translate(-27%,-28%) rotate(-8deg)}
.factory-scene[data-stage="analyse"] .layer-two{transform:translate(28%,12%) rotate(5deg)}
.factory-scene[data-stage="analyse"] .layer-three{transform:translate(-20%,38%) rotate(-4deg)}
.factory-scene[data-stage="analyse"] .factory-stage-meter>i:nth-child(2),.factory-scene[data-stage="design"] .factory-stage-meter>i{background:#d2f88a}
.factory-scene[data-stage="design"] .factory-page{transform:perspective(900px) rotateX(7deg) rotateY(-7deg) rotateZ(-3deg) scale(1.08);border-color:#d6e7af;box-shadow:-8px 12px 0 -5px #53623b,-8px 12px 0 -4px #a8bd7855,-20px 40px 70px #0009,0 0 50px #c3f07813}
.factory-scene[data-stage="design"] .source-page{opacity:0}
.factory-scene[data-stage="design"] .blueprint-page{opacity:1}
.factory-scene[data-stage="design"] .blueprint-nav{animation:factory-assemble 5s 0s ease-in-out infinite}
.factory-scene[data-stage="design"] .blueprint-copy{animation:factory-assemble 5s .25s ease-in-out infinite}
.factory-scene[data-stage="design"] .blueprint-art{animation:factory-assemble 5s .5s ease-in-out infinite}
.factory-scene[data-stage="design"] .blueprint-cards{animation:factory-assemble 5s .75s ease-in-out infinite}
.factory-scene[data-stage="design"] .factory-scan{animation:none}
.factory-scene[data-motion="paused"] *{animation-play-state:paused!important}
#result-view:not([hidden]) .result-image-panel{animation:factory-result .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes factory-conveyor{to{background-position:0 5cqw,0 5cqw}}
@keyframes factory-breathe{50%{transform:scale(1.18);opacity:.5}}
@keyframes factory-circuit{to{stroke-dashoffset:-576}}
@keyframes factory-ring{to{transform:rotate(360deg)}}
@keyframes factory-head{50%{transform:translateX(80%)}}
@keyframes factory-hover{50%{transform:translateY(-8px)}}
@keyframes factory-scan{0%{transform:translateY(0)}85%,100%{transform:translateY(470%)}}
@keyframes factory-spark{0%{transform:translateY(0);opacity:0}20%{opacity:.7}100%{transform:translateY(-70px);opacity:0}}
@keyframes factory-sculpture{50%{transform:rotateX(-15deg) rotateY(45deg) rotateZ(45deg)}}
@keyframes factory-assemble{0%,100%{opacity:.25;transform:translateY(9px)}18%,82%{opacity:1;transform:translateY(0)}}
@keyframes factory-result{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1600px){.progress-layout{gap:65px}}
@media(max-width:1100px){.progress-layout{gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.progress-steps li{padding:17px 0}.progress-steps h3{font-size:14px}.progress-steps p{font-size:11px}.progress-message{padding:12px;margin-top:17px}.factory-topbar{padding:0 14px;font-size:8px;letter-spacing:.09em}}
@media(max-width:850px){.progress-layout{grid-template-columns:1fr;gap:28px}.progress-heading{align-items:flex-start}.progress-heading h2{font-size:clamp(34px,6vw,54px)}.production-status{width:100%}.progress-steps li{padding:19px 0}.progress-steps h3{font-size:16px}.progress-steps p{font-size:12px}.factory-chamber{aspect-ratio:1.8}.progress-message{margin-top:20px;padding:16px}.factory-topbar{font-size:9px}.factory-coordinate{font-size:1.4cqw}.coordinate-right{font-size:4.4cqw}}
@media(max-width:520px){.hero-preview-actions{gap:20px}.hero-preview-actions .hero-example{font-size:11px}.progress-heading{display:block}.progress-heading h2{font-size:clamp(32px,8.6vw,44px)}.progress-job{text-align:left;max-width:100%;margin-top:23px;display:flex;flex-direction:column-reverse;gap:9px}.progress-job .workspace-domain{margin:0;font-size:15px}.progress-mode{font-size:8px}.progress-layout{margin-top:23px;gap:24px}.factory-topbar{height:38px;padding:0 12px;font-size:7px;letter-spacing:.08em}.factory-unit{font-size:7px}.factory-chamber{aspect-ratio:1.25}.factory-float{width:67%;left:17%;top:27%}.factory-rig{inset:17% 12% 22%}.factory-tag{font-size:1.8cqw;gap:5px}.tag-right{top:10%;right:6%}.tag-left{bottom:10%}.factory-coordinate{font-size:1.8cqw}.coordinate-left{top:20%}.coordinate-right{top:72%;font-size:6cqw}.coordinate-right span{font-size:1.6cqw}.factory-platform{top:53%;height:35%}.factory-footer{font-size:10px;padding:0 11px;gap:8px;min-height:48px}.factory-illustration{font-size:8px;padding:7px 11px 9px}.factory-page-bar{font-size:1.5cqw}.factory-page-bar>i{width:.7cqw;height:.7cqw}.analysis-layer>span{font-size:1.4cqw}.layer-cta{font-size:1.2cqw}.blueprint-copy>strong{font-size:4.3cqw}.blueprint-copy>small{font-size:1.1cqw}.blueprint-copy>b{font-size:1.3cqw}.blueprint-nav>span{font-size:3cqw}.blueprint-cards span{font-size:1.2cqw}.example-preview-actions{gap:17px}.example-bottom{align-items:flex-start}.production-readout{font-size:8px}.progress-steps p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.factory-scene *,.factory-scene *::before,.factory-scene *::after,#result-view .result-image-panel{animation:none!important;transition:none!important}.factory-scan{top:35%;opacity:.4}.factory-spark{display:none}.factory-scene .blueprint-nav,.factory-scene .blueprint-copy,.factory-scene .blueprint-art,.factory-scene .blueprint-cards{opacity:1;transform:none}}

/* Long Bulgarian captions remain readable on narrow screens. */
@media(max-width:760px){.example-bottom{flex-direction:column;align-items:flex-start}.example-bottom>span{white-space:normal}.example-preview-actions{max-width:100%}}