:root{--color-bg-primary: #000000;--color-bg-secondary: #0B0B0B;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .4);--color-accent: #C0C0C0;--color-accent-dim: rgba(192, 192, 192, .3);--color-glow: rgba(192, 192, 192, .8);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-thin: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-primary);background:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.morphing-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}.landing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3rem 2rem;pointer-events:none}.landing-header{text-align:center;margin-bottom:1rem;opacity:0;animation:fadeInDown 1s ease forwards .2s;pointer-events:auto}.landing-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:var(--font-weight-thin);letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#888,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite;text-shadow:0 0 40px rgba(255,255,255,.3)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-container{opacity:0;animation:fadeIn 1s ease forwards .5s;pointer-events:auto}.landing-logo{width:clamp(50px,10vw,80px);height:auto;filter:drop-shadow(0 0 12px var(--color-glow));animation:glow 2.5s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px rgba(192,192,192,.4)) drop-shadow(0 0 16px rgba(192,192,192,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(192,192,192,.8)) drop-shadow(0 0 40px rgba(192,192,192,.4)) drop-shadow(0 0 60px rgba(192,192,192,.2));transform:scale(1.02)}}@keyframes fadeIn{to{opacity:1}}.product-hotspots{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;opacity:0;transition:opacity .5s ease}.product-hotspots.visible{pointer-events:auto;opacity:1}.product-hotspots.hidden{opacity:0;pointer-events:none}.product-hotspot{position:absolute;top:var(--hotspot-top, 50%);left:var(--hotspot-left, 50%);transform:translate(-50%,-50%);width:80px;height:80px;background:transparent;border:none;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.hotspot-indicator{width:12px;height:12px;background:#fff9;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 8px #ffffff80,0 0 16px #c0c0c04d;transition:all .3s ease;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #ffffff80,0 0 16px #c0c0c04d}50%{transform:scale(1.2);box-shadow:0 0 12px #ffffffb3,0 0 24px #c0c0c080}}.product-hotspot:hover .hotspot-indicator{width:16px;height:16px;background:#ffffffe6;box-shadow:0 0 16px #fffc,0 0 32px #c0c0c099}.hotspot-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#000000d9;border:1px solid var(--color-accent-dim);border-radius:6px;font-size:.75rem;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;margin-bottom:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hotspot-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000d9}.product-hotspot:hover .hotspot-tooltip{opacity:1;visibility:visible}.replay-btn{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0009;border:1px solid var(--color-accent-dim);border-radius:50px;color:var(--color-text-secondary);font-family:var(--font-primary);font-size:.875rem;font-weight:var(--font-weight-medium);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-smooth);opacity:0;visibility:hidden;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.replay-btn.visible{opacity:1;visibility:visible}.replay-btn.hidden{opacity:0;visibility:hidden}.replay-btn:hover{background:#000c;border-color:var(--color-accent);color:var(--color-text-primary)}.replay-btn svg{width:16px;height:16px}.hidden{opacity:0!important;visibility:hidden;pointer-events:none}.visible{opacity:1!important;visibility:visible}@media(max-width:768px){.landing-overlay{padding:2rem 1rem}.landing-logo{width:40px}.product-hotspot{width:60px;height:60px}.hotspot-indicator{width:10px;height:10px}.hotspot-tooltip{font-size:.65rem;padding:.4rem .8rem}.replay-btn{bottom:1rem;padding:.5rem 1rem;font-size:.75rem}}.video-loading .morphing-video{opacity:.5}.video-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid var(--color-accent-dim);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;z-index:5}@keyframes spin{to{transform:rotate(360deg)}}