.iso-scene{--accent:var(--accent,#818cf8);--accent-2:var(--accent-2,#6366f1);--machine:#1b2640;--machine-2:#2a3a5c;--machine-3:#3b4a6b;--metal:#4a5a7e;--green:#22c55e;--warm:#f59e0b;width:100%;height:100%;position:relative}.iso-floor{background:linear-gradient(#0a162899,#050d1af2),linear-gradient(135deg,#0a1628,#050d1a);border:1px solid #818cf82e;border-radius:12px;position:absolute;inset:18% 4% 8%;overflow:hidden;box-shadow:inset 0 0 80px #818cf814,0 30px 60px #00000080}.iso-floor-grid{opacity:.5;transform-origin:bottom;background-image:linear-gradient(#818cf814 1px,#0000 1px),linear-gradient(90deg,#818cf814 1px,#0000 1px);background-size:8% 12%;position:absolute;inset:0;transform:perspective(800px)rotateX(50deg)}.iso-floor-glow{background:radial-gradient(ellipse, var(--accent) 0%, transparent 70%);opacity:.18;filter:blur(30px);height:40%;position:absolute;bottom:-10%;left:10%;right:10%}.iso-sign-wrap{z-index:5;font-family:var(--font-manrope), "Manrope", sans-serif;position:absolute;top:3%;left:4%;right:30%}.iso-sign-inner{letter-spacing:.06em;height:1.15em;font-size:clamp(16px,2.1vw,26px);font-weight:900;line-height:1.15;position:relative;overflow:hidden}.iso-sign-line{background:linear-gradient(#fff 0%,#e0e7ff 100%);color:#0000;filter:drop-shadow(0 1px 2px #050d1ad9)drop-shadow(0 0 18px #818cf873);-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite iso-sign-roll;display:block}@keyframes iso-sign-roll{0%,45%{transform:translateY(0)}55%,to{transform:translateY(-100%)}}.iso-sign-sub{font-family:var(--font-dm-sans), "DM Sans", sans-serif;letter-spacing:.22em;color:#94a3b8;align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.iso-sign-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}.iso-counter{z-index:6;-webkit-backdrop-filter:blur(8px);font-family:var(--font-manrope), "Manrope", sans-serif;text-align:right;background:#050d1ac7;border:1px solid #818cf84d;border-radius:10px;padding:12px 16px;position:absolute;top:21%;right:6%;box-shadow:0 8px 24px #00000080}.iso-counter-label{letter-spacing:.18em;color:#94a3b8;margin-bottom:4px;font-size:10px}.iso-counter-num{letter-spacing:-.02em;color:var(--accent);text-shadow:0 0 16px #818cf866;font-variant-numeric:tabular-nums;font-size:clamp(22px,2.4vw,32px);font-weight:800}.iso-counter-live{letter-spacing:.16em;color:var(--green);justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;font-size:9px;display:flex}.iso-counter-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:1.4s ease-in-out infinite pulse}.iso-line{z-index:3;grid-template-columns:.9fr 1.8fr .9fr;align-items:center;gap:0;display:grid;position:absolute;inset:28% 6% 10%}.iso-input{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-bottom:0;display:flex;position:relative}.iso-input-label{font-family:var(--font-manrope), "Manrope", sans-serif;letter-spacing:.2em;color:var(--accent);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#818cf81f;border:1px solid #818cf859;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:700;position:absolute;bottom:-14%;left:0}.iso-truck{width:100%;max-width:180px;height:auto;display:block}.iso-truck-in{transform-origin:50%;animation:20s ease-in-out infinite iso-truck-in}@keyframes iso-truck-in{0%{transform:translate(-120%)}6%,14%{transform:translate(0)}20%{transform:translateY(-3px)}22%,78%{transform:translate(0)}to{transform:translate(-120%)}}.iso-hopper{z-index:2;width:50%;margin-top:-4px;margin-bottom:-18px;position:relative}.iso-hopper-body{background:linear-gradient(180deg, var(--machine-3), var(--machine));clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);width:100%;height:28px;box-shadow:inset 0 -4px #0000004d}.iso-hopper-mouth{border-left:1px solid var(--machine-3);border-right:1px solid var(--machine-3);background:#0a1628;width:60%;height:6px;margin:0 auto}.iso-drop{z-index:2;width:12px;height:50%;position:absolute;top:50%}.iso-drop-pellet{opacity:0;background:linear-gradient(#c2410c,#7c2d12);border-radius:2px;width:10px;height:8px;animation:20s linear infinite iso-drop;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff3,0 2px 4px #0006}@keyframes iso-drop{0%,2%{opacity:0;transform:translate(-50%,-10px)}3%{opacity:1;transform:translate(-50%)}10%{opacity:1;transform:translate(-50%,80px)}11%,to{opacity:0}}.iso-belt-zone{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.iso-belt-main{width:100%;height:100%;position:relative}.iso-belt-frame{height:38px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.iso-belt-surface{background:linear-gradient(#1b2640,#0f1b30);border:1px solid #818cf840;border-radius:6px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px #ffffff0d,inset 0 -3px #00000080,0 16px 28px #00000080}.iso-belt-stripes{background-image:repeating-linear-gradient(90deg,#818cf840 0 3px,#0000 3px 14px);animation:1.4s linear infinite iso-belt-roll;position:absolute;inset:0}@keyframes iso-belt-roll{to{background-position:14px 0}}.iso-belt-roller{background:linear-gradient(180deg, var(--metal), var(--machine-2));border-radius:7px;width:14px;position:absolute;top:-3px;bottom:-3px;box-shadow:inset 0 1px #ffffff26,0 4px 8px #0006}.iso-belt-roller-l{left:-7px}.iso-belt-roller-r{right:-7px}.iso-belt-leg{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:2px;width:6px;height:70px;position:absolute;top:100%;box-shadow:0 4px 12px #818cf84d}.iso-belt-leg-l{left:8%}.iso-belt-leg-r{right:8%}.iso-belt-leg:after{content:"";background:var(--machine);border-radius:2px;height:4px;position:absolute;bottom:-3px;left:-3px;right:-3px}.iso-belt-items{pointer-events:none;z-index:3;height:38px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.iso-belt-item{width:30px;height:24px;animation:20s linear infinite iso-belt-item-x;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}@keyframes iso-belt-item-x{0%{left:-10%}to{left:110%}}.iso-belt-item-raw,.iso-belt-item-finished{border-radius:3px;transition:opacity .3s;position:absolute;inset:4px}.iso-belt-item-raw{animation:20s linear infinite iso-item-raw;animation-delay:inherit;background:linear-gradient(#c2410c,#7c2d12);box-shadow:inset 0 1px #fff3,inset 0 -2px #0000004d,0 4px 8px #00000080}.iso-belt-item-raw:before{content:"";border:1px solid #0000004d;border-radius:1px;position:absolute;inset:3px}.iso-belt-item-finished{background:linear-gradient(180deg, var(--accent), var(--accent-2));opacity:0;animation:20s linear infinite iso-item-finished;animation-delay:inherit;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0000004d,0 4px 14px #818cf880}.iso-belt-item-finished:after{content:"";background-image:linear-gradient(#ffffff2e 1px,#0000 1px);background-size:100% 5px;border-radius:1px;position:absolute;inset:3px}@keyframes iso-item-raw{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes iso-item-finished{0%,50%{opacity:0}52%{opacity:1;transform:scale(1.15)}56%,to{opacity:1;transform:scale(1)}}.iso-robot-wrap{filter:drop-shadow(0 12px 20px #0009);z-index:4;pointer-events:none;width:46%;max-width:220px;position:absolute;bottom:50%;left:50%;transform:translate(-50%,28px)}.iso-robot{width:100%;height:auto;display:block}.iso-robot-arm{transform-origin:80px 190px;animation:5s ease-in-out infinite iso-robot-sweep}.iso-robot-forearm{transform-origin:80px 110px;animation:5s ease-in-out infinite iso-robot-elbow}.iso-robot-claw{transform-origin:80px 40px;animation:5s ease-in-out infinite iso-robot-claw-rot}.iso-robot-spark{transform-origin:80px 68px;animation:5s ease-in-out infinite iso-robot-zap}@keyframes iso-robot-sweep{0%,to{transform:rotate(-6deg)}40%,60%{transform:rotate(8deg)}}@keyframes iso-robot-elbow{0%,to{transform:rotate(-8deg)}40%,60%{transform:rotate(14deg)}}@keyframes iso-robot-claw-rot{0%,to{transform:rotate(0)}40%,60%{transform:rotate(-12deg)}}@keyframes iso-robot-zap{0%,38%,62%,to{opacity:0;transform:scale(.4)}44%,56%{opacity:1;transform:scale(1.4)}}.iso-flow-arrow{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;height:12px;display:flex;position:absolute;bottom:6%;left:5%;right:5%}.iso-flow-arrow span{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid var(--accent);opacity:.4;width:0;height:0;animation:1.4s ease-in-out infinite iso-flow-pulse;display:block}.iso-flow-arrow span:nth-child(2){animation-delay:.2s}.iso-flow-arrow span:nth-child(3){animation-delay:.4s}@keyframes iso-flow-pulse{0%,to{opacity:.2;transform:translate(-4px)}50%{opacity:1;transform:translate(4px)}}.iso-output{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.iso-output-label{font-family:var(--font-manrope), "Manrope", sans-serif;letter-spacing:.2em;color:var(--green);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22c55e1f;border:1px solid #22c55e66;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:700;position:absolute;bottom:-14%;right:0}.iso-pallet{width:60%;max-width:110px;height:80px;margin-bottom:8px;animation:20s ease-in-out infinite iso-pallet-ship;position:relative}@keyframes iso-pallet-ship{0%,80%{opacity:1;transform:translate(0)}88%{opacity:0;transform:translate(80%)}88.01%,to{opacity:1;transform:translate(0)}}.iso-pallet-base{background:linear-gradient(#78350f,#451a03);border-radius:2px;height:12px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 6px 12px #00000080}.iso-pallet-base:before,.iso-pallet-base:after{content:"";background:#0a1628;border-radius:1px;width:4px;position:absolute;top:2px;bottom:2px}.iso-pallet-base:before{left:15%}.iso-pallet-base:after{right:15%}.iso-pallet-stack-wrap{grid-template-columns:1fr 1fr;gap:3px;height:56px;padding:3px;display:grid;position:absolute;bottom:12px;left:8%;right:8%}.iso-pallet-brick{background:linear-gradient(135deg, var(--accent), var(--accent-2));opacity:0;border-radius:2px;animation:20s ease-out infinite iso-pallet-add;transform:translateY(-40px);box-shadow:inset 0 1px #ffffff40,inset 0 -2px #00000040,0 4px 10px #818cf866}@keyframes iso-pallet-add{0%,11%{opacity:0;transform:translateY(-40px)scale(.6)}13%{opacity:1;transform:translateY(0)scale(1.05)}15%,86%{opacity:1;transform:translateY(0)scale(1)}88%,to{opacity:0;transform:translateY(0)scale(1)}}.iso-pallet-check{background:var(--green);color:#052e16;opacity:0;z-index:5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;animation:20s ease-out infinite iso-check-pop;display:grid;position:absolute;top:8px;right:-4px;box-shadow:0 0 14px #22c55e99}@keyframes iso-check-pop{0%,79%{opacity:0;transform:scale(0)}82%{opacity:1;transform:scale(1.3)}85%,87%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(1)}}.iso-truck-out{transform-origin:50%;margin-top:0;animation:20s ease-in-out infinite iso-truck-out}@keyframes iso-truck-out{0%,86%{opacity:1;transform:translate(0)}92%{transform:translate(-4px,-2px)}to{opacity:.5;transform:translate(140%)}}.iso-particles{pointer-events:none;z-index:1;position:absolute;inset:0}.iso-particle{background:var(--accent);width:2px;height:2px;box-shadow:0 0 6px var(--accent);opacity:.5;border-radius:50%;animation:linear infinite iso-particle-rise;position:absolute;bottom:0}@keyframes iso-particle-rise{0%{opacity:0;transform:translateY(0)}10%{opacity:.7}90%{opacity:.5}to{opacity:0;transform:translateY(-90vh)}}.iso-variant-B .iso-line{transform:perspective(1200px)rotateX(8deg)}