/* LeadsQube — frontend v1 custom styles (extracted from inline <style>). */

*, *::before, *::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #0e1116; color: #e6e8ec; }
.display-tight { letter-spacing: -0.025em; }
.noise-bg { position: relative; }
.noise-bg::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");
  pointer-events: none;
  opacity: 0.9;
  mix-blend-mode: overlay;
}
.grid-faint {
  background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 44px 44px;
}
.lime-glow {
  box-shadow: 0 0 36px rgba(210,255,58,0.14), inset 0 1px 0 rgba(255,255,255,0.10);
}
.card-qube {
  background: linear-gradient(180deg, #1b212d 0%, #171c26 100%);
  border: 1px solid #2a313f;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
}
.subtle-border { border-color: #262c38; }
.tick-row { border-bottom: 1px solid #252b36; }
.tick-row:last-child { border-bottom: none; }
.hero-orb {
  background: radial-gradient(closest-side, rgba(210,255,58,0.15), rgba(210,255,58,0.05) 45%, transparent 70%);
}
/* Cube */
.qube-wrap { perspective: 1000px; }
.qube {
  width: 220px; height: 220px; position: relative; transform-style: preserve-3d;
  animation: qubeSpin 22s linear infinite;
}
@keyframes qubeSpin {
  0% { transform: rotateX(-18deg) rotateY(20deg); }
  100% { transform: rotateX(-18deg) rotateY(380deg); }
}
.qube-face {
  position: absolute; width: 220px; height: 220px;
  background: linear-gradient(145deg, rgba(32,38,51,0.94), rgba(21,25,34,0.94));
  border: 1px solid rgba(255,255,255,0.09);
  display: flex; align-items: center; justify-content: center;
}
.qube-face::after {
  content:''; position:absolute; inset:12px; border:1px dashed rgba(210,255,58,0.18); border-radius:6px;
}
.qube-front  { transform: translateZ(110px); }
.qube-back   { transform: rotateY(180deg) translateZ(110px); }
.qube-right  { transform: rotateY(90deg) translateZ(110px); }
.qube-left   { transform: rotateY(-90deg) translateZ(110px); }
.qube-top    { transform: rotateX(90deg) translateZ(110px); }
.qube-bottom { transform: rotateX(-90deg) translateZ(110px); }
.node-dot {
  width:7px; height:7px; background:#D2FF3A; border-radius:50%; box-shadow: 0 0 10px rgba(210,255,58,0.6);
  position:absolute;
}
/* Ticker */
.ticker-track { animation: tickerSlide 60s linear infinite; }
@keyframes tickerSlide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* Custom range */
input[type=range].qube-range {
  -webkit-appearance: none; appearance: none; width:100%; background: transparent;
}
input[type=range].qube-range::-webkit-slider-runnable-track {
  height: 6px; background: #252b37; border-radius: 999px;
}
input[type=range].qube-range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 20px; height: 20px; border-radius: 50%; background: #D2FF3A;
  margin-top: -7px; box-shadow: 0 0 0 4px rgba(210,255,58,0.14);
  cursor: pointer;
}
/* Map dots pulse */
.map-pulse { animation: pulseDot 2.4s ease-in-out infinite; }
@keyframes pulseDot { 0%,100% { transform: scale(1); opacity: .95;} 50% { transform: scale(1.35); opacity: .6;} }
.fade-up { opacity:0; transform: translateY(18px); transition: all .7s cubic-bezier(.2,.7,.2,1); }
.fade-up.in { opacity:1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .qube, .ticker-track, .map-pulse { animation: none !important; }
  .fade-up { opacity:1; transform:none; }
}