:root{--ink:#18222d;--muted:#69747d;--paper:#f4f1ea;--card:#fff;--blue:#246bfe;--red:#e64b3c;--green:#16805c;--line:#d8d3c8}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
main{max-width:1120px;margin:auto;padding:56px 28px}header{max-width:820px}.eyebrow,.step{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--blue)}
h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,82px);line-height:.94;margin:18px 0 24px;letter-spacing:-.045em}h1 em{color:var(--red);font-weight:400}.lede{font-size:20px;line-height:1.55;color:var(--muted);max-width:720px}
.update{margin:42px 0 24px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 26px;display:flex;justify-content:space-between;gap:24px;box-shadow:0 8px 30px #1b27300b}.update span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:7px}.update strong{color:var(--green)}ul{display:flex;flex-wrap:wrap;gap:14px 24px;margin:8px 0;padding:0;list-style:none;color:#375063;font-size:14px}
.scene{background:#101923;color:#fff;border-radius:20px;min-height:430px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.scene-copy{padding:44px}.scene-copy h2{font-family:Georgia,serif;font-size:36px;line-height:1.08;margin:12px 0 18px}.scene-copy>p:not(.step){color:#aeb9c3;line-height:1.5}.clock{display:inline-flex;gap:12px;align-items:center;margin-top:24px;padding:12px 15px;border:1px solid #3c4b58;border-radius:10px}.clock b{font-size:26px;color:#ffcb63}.clock span{font-size:12px;color:#aeb9c3}
.stage{position:relative;min-height:430px;background:linear-gradient(150deg,#1c2936,#111923);overflow:hidden}.conveyor{position:absolute;left:3%;right:3%;bottom:90px;height:104px;background:#44515d;border-top:8px solid #79838b;border-bottom:8px solid #2a333a;display:flex;justify-content:space-around;align-items:center}.conveyor i{width:52px;height:52px;border:5px solid #242d34;border-radius:50%;background:#63717d}
.parcel{position:absolute;left:8%;bottom:194px;width:82px;height:64px;background:#f2ad36;color:#5c3b00;font-size:10px;font-weight:900;display:grid;place-items:center;border-radius:5px;box-shadow:inset 0 -8px #d98e20;z-index:5;will-change:transform}
.pickup{position:absolute;left:50%;bottom:192px;width:92px;height:68px;transform:translateX(-50%);border:2px dashed #65a1ff;border-radius:7px;color:#82b4ff;z-index:2}.pickup:after{content:"";position:absolute;left:50%;top:-22px;height:20px;border-left:2px dashed #65a1ff}.pickup span{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:900;letter-spacing:.08em}
.gantry{position:absolute;left:16%;right:16%;top:54px;height:18px;background:#667581;border:4px solid #8997a2;border-radius:8px;z-index:2}.arm{position:absolute;left:50%;top:46px;width:86px;height:178px;transform:translateX(-50%);z-index:4;will-change:transform}.carriage{position:absolute;left:14px;top:0;width:58px;height:34px;background:#f2ad36;border:5px solid #788792;border-radius:8px}.column{position:absolute;left:34px;top:30px;width:18px;height:88px;background:#e9edf0;border:4px solid #8897a4;border-radius:9px}.wrist{position:absolute;left:26px;top:108px;width:34px;height:25px;background:#f2ad36;border:5px solid #788792;border-radius:8px}.gripper{position:absolute;left:12px;top:129px;width:62px;height:48px}.gripper i{position:absolute;top:0;width:12px;height:44px;background:#dce2e7;border:3px solid #8897a4;border-radius:5px;transition:transform .18s ease}.gripper i:first-child{left:4px;transform-origin:top right}.gripper i:last-child{right:4px;transform-origin:top left}.arm.closed .gripper i:first-child{transform:translateX(12px)}.arm.closed .gripper i:last-child{transform:translateX(-12px)}
.status{position:absolute;right:24px;bottom:24px;padding:10px 14px;background:#223140;border:1px solid #475867;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:.08em}.verdict{opacity:0;transform:translateY(10px);margin-top:24px;border:2px solid var(--red);background:#fff4f1;border-radius:16px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:.35s}.verdict.show{opacity:1;transform:none}.verdict p{font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--red);margin:0 0 6px}.verdict h2{margin:0;font-family:Georgia,serif}.verdict strong{background:var(--red);color:#fff;padding:14px 18px;border-radius:8px;white-space:nowrap}footer{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:14px}footer a{color:var(--blue);font-weight:700;text-decoration:none;white-space:nowrap}
@media(max-width:760px){main{padding:32px 16px}h1{font-size:50px}.update,.verdict,footer{display:block}.update ul{margin-top:18px}.scene{grid-template-columns:1fr}.scene-copy{padding:28px}.stage{min-height:380px}.verdict strong{display:inline-block;margin-top:18px}footer a{display:inline-block;margin-top:10px}}