.products-experience{--color-canvas:#060913;--color-surface-1:#0c1222;--color-surface-2:#111a33;--color-surface-elevated:#162244;--color-border-subtle:#ffffff14;--color-border-hover:#3b82f666;--color-glow-blue:#3b82f6;--color-glow-cyan:#06b6d4;--color-glow-indigo:#6366f1;--color-glow-emerald:#10b981;background-color:var(--color-canvas);color:#f8fafc;letter-spacing:-.01em;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.products-grid-bg{background-image:radial-gradient(circle at 50% 0,#2563eb26 0%,#0000 60%),radial-gradient(circle at 85% 40%,#06b6d414 0%,#0000 50%),radial-gradient(circle at 15% 70%,#6366f11a 0%,#0000 50%),radial-gradient(#ffffff12 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,32px 32px}.font-orbitron{font-family:Orbitron,Syncopate,sans-serif}.product-dock{-webkit-backdrop-filter:blur(24px);background:#0c1222d9;border:1px solid #ffffff1f;box-shadow:0 20px 50px -10px #0009,inset 0 0 0 1px #ffffff0d}.product-dock-tab{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.product-dock-tab.active-hrms{color:#fff;background:linear-gradient(135deg,#6366f140 0%,#2563eb4d 100%);border-color:#6366f199;box-shadow:0 0 25px #6366f159,inset 0 1px #fff3}.product-dock-tab.active-crm{color:#fff;background:linear-gradient(135deg,#06b6d440 0%,#2563eb4d 100%);border-color:#06b6d499;box-shadow:0 0 25px #06b6d459,inset 0 1px #fff3}.bento-card{-webkit-backdrop-filter:blur(16px);background:#0c1222bf;border:1px solid #ffffff14;border-radius:24px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.bento-card:hover{background:#111a33e6;border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 30px 60px -15px #0009,0 0 30px #3b82f626}.bento-card-glow-line{opacity:0;background:linear-gradient(90deg,#0000,#3b82f6cc,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bento-card:hover .bento-card-glow-line{opacity:1}.interactive-app-window{background:#090e1d;border:1px solid #3b82f640;border-radius:22px;overflow:hidden;box-shadow:0 35px 80px -20px #000c,0 0 40px #2563eb26}.interactive-window-bar{background:#0f172af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.interactive-tab-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .25s}.interactive-tab-btn.active{color:#fff;background:#2563eb;box-shadow:0 0 15px #2563eb80}.interactive-tab-btn:not(.active){color:#94a3b8}.interactive-tab-btn:not(.active):hover{color:#fff;background:#ffffff0d}.whatsapp-chat-box{background:#0b141a;border:1px solid #ffffff14;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.whatsapp-msg-in{color:#e9edef;background:#202c33;border-radius:0 8px 8px;max-width:82%;margin-bottom:8px;padding:8px 12px;font-size:13px;line-height:1.4}.whatsapp-msg-out{color:#e9edef;background:#005c4b;border-radius:8px 0 8px 8px;max-width:82%;margin-bottom:8px;margin-left:auto;padding:8px 12px;font-size:13px;line-height:1.4}input[type=range].custom-slider{appearance:none;background:#1e293b;border-radius:6px;outline:none;width:100%;height:8px}input[type=range].custom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:24px;height:24px;transition:transform .15s;box-shadow:0 0 15px #3b82f6cc,0 0 0 3px #fff}input[type=range].custom-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.radar-pulse{position:relative}.radar-pulse:after{content:"";border:1px solid;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite radarPing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radarPing{75%,to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.tech-chip{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.tech-chip:hover{color:#fff;background:#3b82f61f;border-color:#3b82f659;transform:translateY(-2px)}