body{margin:0;overflow-x:hidden;font-family:DM Sans,sans-serif}#intro-text{position:fixed;top:32px;left:32px;max-width:620px;z-index:10;pointer-events:none}#intro-text p{font-size:.95rem;line-height:1.5;color:#ffffffa7;font-family:Google Sans Code,monospace;white-space:pre-wrap}#logo{position:fixed;top:32px;right:32px;z-index:10;opacity:.8}#intro-text p:after{content:"|";margin-left:4px;animation:blink 1s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}#wrap{height:400vh}#view{position:sticky;top:0;height:100vh;width:100vw;background:radial-gradient(circle at center,#1bb3c1,#0f8f9f 35%,#0a5f6d 65%,#083f49)}.steps-container{position:fixed;bottom:20px;left:0;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 24px;z-index:10;pointer-events:none}.steps-box{flex:1;display:flex;gap:12px;align-items:stretch}.step{padding:16px;border:1px solid rgba(248,255,219,.708);background:#ffffff32;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 10px 30px #00000014}.step h2{color:#d0ff71}.step p{color:#ffffffdc}@media(max-width:768px){.steps-container{flex-direction:column;align-items:stretch}.steps-box{max-width:none}.steps-box.right{align-items:flex-start;text-align:left}}.step h2{font-size:1.5rem;font-family:DM Sans,sans-serif}.step p{font-size:.95rem;line-height:23px;font-family:Google Sans Code,monospace}.debug-grid{position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:70px 70px}#pinza-ui,#terminal-ui,#gooseneck-ui,#arms-ui{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:0}.pinza-text{position:absolute;top:31%;right:68%;max-width:280px}.terminal-text{position:absolute;top:15%;right:30%;max-width:280px}.gooseneck-text{position:absolute;top:17.7%;right:48%;max-width:280px}.arms-text{position:absolute;top:56%;right:7%;max-width:280px}.terminal-text h2,.pinza-text h2,.gooseneck-text h2,.arms-text h2{margin:0 0 3px;font-size:1.2rem;color:#e9e6e6e9}.terminal-text p,.pinza-text p,.gooseneck-text p,.arms-text p{margin:0;font-size:.9rem;color:#ffffffa7}