body{margin:0;overflow-x:hidden;font-family:DM Sans,sans-serif}.step{pointer-events:auto;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.step.is-active{background:#ffffff52;border-color:#ffffffe6;box-shadow:0 14px 40px #00000040,0 0 0 1px #ffffff40}.step:active{transform:scale(.96)}#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:300vh}#videobg{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%}#view{position:fixed;top:0;height:100vh;width:100vw}.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;justify-content:space-between}.step{flex:1;min-width:0;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:#f5f5f5;opacity:1}.step p{color:#ffffffdc;opacity:.2;transition:max-height .3s ease,opacity .25s ease}.step.is-active p{display:block;opacity:1}.step.is-dimmed p{opacity:.35}.step.is-active h2{opacity:1}.step:hover{opacity:.8}@media(max-width:768px){.steps-container{flex-direction:column!important;align-items:stretch}.steps-box{max-width:none}.steps-box.right{align-items:flex-start;text-align:left}}.step h2{font-size:1.2rem;font-family:DM Sans,sans-serif}.step p{font-size:.85rem;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}#experience{position:fixed;width:100%;height:100vh}.three-label{position:fixed;inset:0;pointer-events:none;transform:translate(-50%,-50%)}#pinza-ui,#terminal-ui,#gooseneck-ui,#arms-ui{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:1}.pinza-text{position:absolute;top:56%;right:43%;max-width:280px}.terminal-text{position:absolute;top:42%;right:34%;max-width:280px}.gooseneck-text{position:absolute;top:41%;right:40%;max-width:280px}.arms-text{position:absolute;top:55%;right:29%;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}