:root{--bg-main: #f5f5f7;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-heavy: rgba(255, 255, 255, .9);--text-bright: #1d1d1f;--text-muted: #86868b;--text-dark: #1d1d1f;--primary-color: #0071e3;--primary-color-low: rgba(0, 113, 227, .6);--primary-color-very-low: rgba(0, 113, 227, .1);--ui-base: #1d1d1f;--border-light: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-main);color:var(--text-dark)}.background{position:relative;width:100%}.webgl{position:fixed;top:0;left:0;z-index:10}.overlay{position:relative;z-index:20;width:100%;min-height:100vh;pointer-events:none;display:flex;align-items:center;padding:10%}.hero{position:fixed;bottom:100px;left:50%;transform:translate(-50%);text-align:center;max-width:none;width:100%;pointer-events:none}.fade-target{transition:opacity .5s ease}h1{font-size:2rem;text-transform:uppercase;margin:0;color:var(--ui-base);letter-spacing:4px;font-weight:800}h1 span{color:var(--primary-color-low)}.hotspot-labels{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:30}.label{position:absolute;top:0;left:0;background:#000000bf;color:#fff;padding:5px;border-radius:2.5px;font-size:12px;opacity:0;transition:opacity .5s ease;transform:translate(-50%,-100%) translateY(-20px)}#back-to-all{display:none;position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:100;padding:12px 28px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-dark);font-family:sans-serif;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:1.5px;border:1px solid var(--border-light);border-radius:50px;box-shadow:0 4px 15px #0000000d;cursor:pointer;transition:background .3s ease,border .3s ease,transform .2s ease}#back-to-all:hover{background:var(--bg-glass-heavy);border:1px solid var(--primary-color-low);transform:translate(-50%) translateY(-3px)}#back-to-all:active{transform:translate(-50%) translateY(0) scale(.95)}@keyframes pulse-green{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05);background:var(--primary-color)}to{transform:translate(-50%) scale(1)}}.pulse-active{animation:pulse-green 2s infinite ease-in-out;border:1px solid var(--primary-color)!important;color:#fff!important}#info-window{position:fixed;top:90px;right:-50%;width:auto;min-width:25%;max-width:40vw;max-height:90vh;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #102030DD;border-radius:20px;box-shadow:0 20px 40px #0003;padding:20px;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;z-index:500;overflow-y:auto;transition:right .6s cubic-bezier(.16,1,.3,1)}#info-window.active{right:10px}.video-container{width:90%;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;margin:5px auto 20px;box-shadow:0 8px 16px #00000026}.video-container video{width:100%;height:100%;object-fit:cover}.info-content h2{margin:0 0 10px;font-size:1.5rem;font-weight:700;color:var(--text-bright)}.info-content #info-info{margin:0;font-size:1rem;line-height:1.25;color:var(--primary-color);font-weight:700}.info-content p{margin:0;font-size:1rem;line-height:1.25;color:var(--text-dark)}.step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--border-light)}.step-navigation button{background:var(--primary-color-low);color:var(--text-bright);border:none;padding:10px 20px;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.step-navigation button:hover:not(:disabled){background:var(--primary-color);transform:translateY(-2px)}.step-navigation button:disabled{background:var(--primary-color-very-low);color:#ffffff4d;cursor:not-allowed}#step-indicator{font-size:.85rem;font-weight:700;color:var(--text-bright);background:var(--bg-glass-heavy);padding:4px 12px;border-radius:20px}#info-window::-webkit-scrollbar{width:6px}#info-window::-webkit-scrollbar-thumb{background:var(--ui-base);border-radius:10px}.top-nav{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-light);z-index:1000}.nav-brand,.nav-right{flex:1;display:flex;align-items:center}.nav-right{justify-content:flex-end}.nav-center{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;position:absolute;left:50%;transform:translate(-50%)}.logo{height:100px;width:auto;transform:translate(-15%)}.device-name{font-weight:400;color:var(--text-bright);padding-right:20px;border-right:1px solid var(--border-light)}.dropdown{position:relative;display:inline-block}.dropdown-btn{background:none;border:none;font-family:inherit;font-weight:600;color:var(--text-bright);cursor:pointer;padding:10px}.dropdown-content{display:none;position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px;box-shadow:0 8px 16px #0000001a;border-radius:12px;overflow:hidden;top:100%}.dropdown-content a{color:var(--ui-base);padding:12px 16px;text-decoration:none;display:block;font-size:.9rem}.dropdown-content a:hover{background:var(--primary-color-very-low)}.dropdown:hover .dropdown-content{display:block}#start-tour-btn{background:var(--primary-color-low);color:#fff;border:none;padding:10px 20px;border-radius:50px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}#start-tour-btn:hover{background:var(--primary-color);transform:translateY(-2px)}