.drag-conveyor-article{background:#fff;max-width:1240px;margin:0 auto}.hero-section{background:radial-gradient(circle at 90% 0%,#e7803f29,#e7803f00 42%),linear-gradient(135deg,#edf5f8,#d7e7ee)}.subtitle{margin-top:-4px;font-size:1rem;color:#2a5566;font-weight:600}.lead-text{font-size:1.08rem;max-width:84ch}.controls-section{position:sticky;top:12px;z-index:20}.controls-card{background:#f8fbfc;border:1px solid #d0dde3;border-radius:10px;padding:22px}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.controls-grid label{display:block;margin-bottom:8px;font-weight:600;color:#304955}.slider-field{background:#fff;border:1px solid #d5e2e8;border-radius:10px;padding:10px 12px 12px;box-shadow:inset 0 0 0 1px #ffffff80}.value-pill{float:right;font-size:.83rem;font-weight:700;color:#0f3a4a;background:#e6f0f5;border-radius:999px;padding:3px 9px}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#1d5e74 0%,#1d5e74 var(--fill, 50%),#d3e1e7 var(--fill, 50%),#d3e1e7 100%);outline:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;background:#e7803f;box-shadow:0 3px 8px #10232d3d;cursor:pointer}.range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;background:#e7803f;box-shadow:0 3px 8px #10232d3d;cursor:pointer}.snap-row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.snap-btn{border:1px solid #bfd1d9;border-radius:999px;background:#f1f7fa;color:#1a4555;font-size:.78rem;font-weight:700;padding:5px 10px;cursor:pointer}.snap-btn.active{background:#1d5e74;border-color:#1d5e74;color:#fff}.assumption-grid h3,.output-grid h3{margin-bottom:10px;font-size:1rem}.assumption-grid p,.output-grid p{margin:0;font-size:1.15rem;font-weight:700}.visibility-note{margin-top:12px;padding:10px 12px;border-left:4px solid #1d5e74;border-radius:8px;background:#edf6fa;color:#164759;font-size:.92rem}.output-grid p.value-pop{animation:valuePop .18s ease-out}@keyframes valuePop{0%{transform:scale(1);color:#12313f}45%{transform:scale(1.05);color:#0f4f64}to{transform:scale(1);color:#12313f}}@media (max-width: 900px){.controls-section{position:static}}