/* ═══════════════════════════════════════════════════════════════════
   AstroKamya™ · HERO FINAL POLISH v1.0 — Ultimate Visual Refinement
   ═══════════════════════════════════════════════════════════════════
   Loaded AFTER visual-polish.css — enforces:
   ✓ Disabled CTA pulse animation
   ✓ Premium trust bar (single row with dividers)
   ✓ Custom font hero description
   ✓ Compact modern status terminal
   ✓ Refined background tones
   ✓ Premium card styling
   ═══════════════════════════════════════════════════════════════════ */

/* Import premium display font for hero description */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap');


/* ═══════════════════════════════════════
   1. DISABLE CTA PULSE on "See What's Coming →"
   ═══════════════════════════════════════ */

/* Kill the ambient pulse glow animation on hero CTA */
#hero-cta-primary,
.hero-actions .btn-primary-gold {
  animation: shimmerText 4s ease-in-out infinite !important;
  /* Remove the ctaAmbientPulse animation that creates the pulsing effect */
}

/* Override the desktop pulse that was set with !important */
@media (min-width: 901px) {
  #hero-cta-primary,
  .hero-actions .btn-primary-gold {
    animation: shimmerText 4s ease-in-out infinite !important;
  }
}

/* Also kill the scan-complete CTA flash */
#hero-cta-primary.cta-scan-pulse {
  animation: shimmerText 4s ease-in-out infinite !important;
}


/* ═══════════════════════════════════════
   2. HERO DESCRIPTION — Premium Custom Font
   ═══════════════════════════════════════ */

.hero-desc-v2 {
  font-family: 'Cormorant Garamond', 'Playfair Display', 'Georgia', serif !important;
  font-size: 20px !important;
  line-height: 1.55 !important;
  letter-spacing: -0.01em !important;
  max-width: 480px !important;
  margin-bottom: 36px !important;
}

.hero-desc-bold {
  display: block;
  font-weight: 700;
  font-size: 24px;
  color: #F0EAFF !important;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
  background: linear-gradient(135deg, #F0EAFF 0%, #FFCB45 60%, #FFB800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-desc-sub {
  font-weight: 400;
  font-style: italic;
  color: rgba(184, 176, 212, 0.85) !important;
  font-size: 18px;
}


/* ═══════════════════════════════════════
   3. TRUST BAR — Single Row with Dividers
   ═══════════════════════════════════════
   Redesigned from 2-col pill grid to a
   unified inline bar matching premium
   reference design
   ═══════════════════════════════════════ */

.hero-trust-bar {
  display: inline-flex !important;
  align-items: center;
  gap: 0;
  padding: 10px 24px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 50px;
  max-width: 520px;
  opacity: 0; transform: translateY(16px);
  animation: hlReveal 0.9s cubic-bezier(0.16,1,0.3,1) 1.4s forwards;
  transition: border-color 0.3s, background 0.3s;
}
.hero-trust-bar:hover {
  border-color: rgba(255,184,0,0.18);
  background: rgba(255,255,255,0.05);
}

.htb-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 2px 16px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(184, 176, 212, 0.9);
  white-space: nowrap;
}
.htb-item strong {
  color: #F0EAFF;
  font-weight: 800;
}
.htb-item svg {
  flex-shrink: 0;
  opacity: 0.9;
}

.htb-divider {
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,0.12);
  flex-shrink: 0;
}


/* ═══════════════════════════════════════
   4. STATUS TERMINAL — Liquid Glass + Spark
   ═══════════════════════════════════════
   Minimal liquid glass morphism with
   macro spark particle animation
   ═══════════════════════════════════════ */

#scs-status-terminal {
  bottom: -38px !important;
  opacity: 0.75 !important;
}

.scs-terminal-inner {
  position: relative !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 16px !important;
  border-radius: 10px !important;
  /* Liquid glass effect */
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.06) 0%,
    rgba(167,139,250,0.04) 40%,
    rgba(255,255,255,0.03) 100%
  ) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -0.5px 0 rgba(0, 0, 0, 0.15) !important;
  overflow: hidden !important;
}

/* Liquid glass top-edge light refraction */
.scs-terminal-inner::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 15% !important;
  right: 15% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
  pointer-events: none !important;
}

/* ⚡ Electric Macro Animation — plasma arc streaks inside pill */
.scs-terminal-inner::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  /* Multiple fast-moving electric bolt streaks */
  background:
    /* Primary cyan bolt */
    linear-gradient(92deg,
      transparent 0%, transparent 38%,
      rgba(6,182,212,0.0) 39%,
      rgba(6,182,212,0.7) 41%,
      rgba(103,232,249,0.9) 42%,
      rgba(255,255,255,1.0) 42.5%,
      rgba(103,232,249,0.9) 43%,
      rgba(6,182,212,0.7) 44%,
      rgba(6,182,212,0.0) 46%,
      transparent 47%, transparent 100%
    ),
    /* Secondary violet bolt */
    linear-gradient(88deg,
      transparent 0%, transparent 58%,
      rgba(139,92,246,0.0) 59%,
      rgba(139,92,246,0.6) 61%,
      rgba(196,181,253,0.8) 62%,
      rgba(255,255,255,0.9) 62.5%,
      rgba(196,181,253,0.8) 63%,
      rgba(139,92,246,0.6) 64%,
      rgba(139,92,246,0.0) 66%,
      transparent 67%, transparent 100%
    ),
    /* Tertiary white spark */
    linear-gradient(95deg,
      transparent 0%, transparent 72%,
      rgba(255,255,255,0.0) 73%,
      rgba(255,255,255,0.5) 74.5%,
      rgba(255,255,255,0.9) 75%,
      rgba(255,255,255,0.5) 75.5%,
      rgba(255,255,255,0.0) 77%,
      transparent 78%, transparent 100%
    ) !important;
  background-size: 400% 100%, 500% 100%, 600% 100% !important;
  animation: electricArcSweep 1.8s ease-in-out infinite !important;
  pointer-events: none !important;
  z-index: 3 !important;
  opacity: 0.65 !important;
  mix-blend-mode: screen !important;
}

@keyframes electricArcSweep {
  0%   { background-position: 150% 0, 200% 0, 250% 0; opacity: 0.3; }
  15%  { opacity: 0.85; }
  50%  { background-position: -50% 0, -100% 0, -150% 0; opacity: 0.65; }
  85%  { opacity: 0.9; }
  100% { background-position: -200% 0, -300% 0, -400% 0; opacity: 0.35; }
}

#scs-status-terminal.active .scs-terminal-inner {
  border-color: rgba(255, 184, 0, 0.2) !important;
  background: linear-gradient(
    135deg,
    rgba(255,184,0,0.04) 0%,
    rgba(255,255,255,0.05) 40%,
    rgba(255,184,0,0.02) 100%
  ) !important;
  box-shadow:
    0 4px 20px rgba(255, 184, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -0.5px 0 rgba(0, 0, 0, 0.1) !important;
}

/* ⚡ Active state — gold/amber electric arcs, faster + brighter */
#scs-status-terminal.active .scs-terminal-inner::after {
  background:
    /* Primary gold bolt */
    linear-gradient(91deg,
      transparent 0%, transparent 36%,
      rgba(255,184,0,0.0) 37%,
      rgba(255,184,0,0.8) 39.5%,
      rgba(255,220,100,1.0) 40.5%,
      rgba(255,255,255,1.0) 41%,
      rgba(255,220,100,1.0) 41.5%,
      rgba(255,184,0,0.8) 42.5%,
      rgba(255,184,0,0.0) 45%,
      transparent 46%, transparent 100%
    ),
    /* Secondary white-gold bolt */
    linear-gradient(87deg,
      transparent 0%, transparent 55%,
      rgba(255,240,180,0.0) 56%,
      rgba(255,240,180,0.7) 58%,
      rgba(255,255,255,1.0) 59%,
      rgba(255,240,180,0.7) 60%,
      rgba(255,240,180,0.0) 62%,
      transparent 63%, transparent 100%
    ),
    /* Tertiary amber micro-spark */
    linear-gradient(94deg,
      transparent 0%, transparent 70%,
      rgba(255,160,0,0.0) 71%,
      rgba(255,184,0,0.6) 73%,
      rgba(255,255,255,0.8) 73.5%,
      rgba(255,184,0,0.6) 74%,
      rgba(255,160,0,0.0) 76%,
      transparent 77%, transparent 100%
    ) !important;
  background-size: 350% 100%, 450% 100%, 550% 100% !important;
  opacity: 0.9 !important;
  animation: electricArcSweepActive 1.2s ease-in-out infinite !important;
  mix-blend-mode: screen !important;
}
@keyframes electricArcSweepActive {
  0%   { background-position: 180% 0, 220% 0, 280% 0; opacity: 0.5; }
  20%  { opacity: 1.0; }
  50%  { background-position: -30% 0, -80% 0, -130% 0; opacity: 0.8; }
  80%  { opacity: 1.0; }
  100% { background-position: -220% 0, -320% 0, -420% 0; opacity: 0.55; }
}

.scs-signal-text {
  font-size: 8px !important;
  letter-spacing: 0.14em !important;
  color: rgba(220, 210, 255, 0.5) !important;
  position: relative !important;
  z-index: 2 !important;
}

#scs-status-terminal.active .scs-signal-text {
  color: rgba(255, 184, 0, 0.8) !important;
  text-shadow: 0 0 6px rgba(255,184,0,0.2) !important;
}

.scs-bar-wrap {
  gap: 6px !important;
  position: relative !important;
  z-index: 2 !important;
}

.scs-strm-track {
  width: 50px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,0.06) !important;
}

.scs-strm-label {
  font-size: 7px !important;
  opacity: 0.5 !important;
  position: relative !important;
  z-index: 2 !important;
}

.scs-bar-wrap .prc {
  font-size: 8px !important;
  opacity: 0.7;
  position: relative !important;
  z-index: 2 !important;
}

.tk-bar {
  background: linear-gradient(90deg, rgba(124,58,237,0.5), rgba(167,139,250,0.4)) !important;
  box-shadow: 0 0 3px rgba(167,139,250,0.2) !important;
}

#scs-status-terminal.active .tk-bar {
  background: linear-gradient(90deg, rgba(232,54,124,0.6), rgba(255,184,0,0.6)) !important;
  box-shadow: 0 0 6px rgba(255, 184, 0, 0.3) !important;
}


/* ═══════════════════════════════════════
   5. BACKGROUND — Refined & Decluttered
   ═══════════════════════════════════════
   Reduced visual noise. Deeper, richer
   cosmic void with subtle warm undertone.
   ═══════════════════════════════════════ */

/* Refined mesh background — deeper, less noisy */
#mesh-bg {
  background: radial-gradient(
    ellipse at 55% 35%,
    #151035 0%,
    #0E0925 30%,
    #080518 65%,
    #040210 100%
  ) !important;
}

/* Hero ambient radial — subtler, less purple noise */
#hero::before {
  background: radial-gradient(
    ellipse at 35% 50%,
    rgba(124,58,237,0.04) 0%,
    rgba(255,184,0,0.015) 45%,
    transparent 70%
  ) !important;
}

/* Reduce vignette intensity for cleaner feel */
#hero::after {
  box-shadow: inset 0 0 120px rgba(4,2,16,0.3) !important;
}


/* ═══════════════════════════════════════
   6. PLANET CARDS — Premium Glass Upgrade
   ═══════════════════════════════════════ */

/* More refined card glass — richer depth */
.scs-planet-card {
  background: linear-gradient(165deg,
    rgba(22, 15, 48, 0.72) 0%,
    rgba(8, 5, 22, 0.92) 100%
  ) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.18),
    inset 0 -1px 2px rgba(0,0,0,0.6),
    0 24px 48px -8px rgba(0,0,0,0.8),
    0 0 40px var(--pc-glow-soft, rgba(0,0,0,0)) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
}

/* Subtle top-edge light catch */
.scs-planet-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
  pointer-events: none;
  z-index: 10;
}

/* Toned-down nebula blobs */
.pc-nebula {
  opacity: 0.7 !important;
  width: 220px !important;
  height: 220px !important;
}

/* More refined holo border — subtler */
.pc-holo-border {
  opacity: 0.5 !important;
}

/* Refined vedic grid inside cards */
.pc-vedic-grid {
  background: linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.005) 100%) !important;
  border-color: rgba(255,255,255,0.04) !important;
  border-radius: 12px !important;
}

/* Refined meta badge */
.pc-meta-badge {
  border-color: rgba(255,255,255,0.10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%) !important;
  font-size: 10px !important;
  padding: 4px 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.2) !important;
}

/* Card wrapper border-radius match */
.scs-wrapper { border-radius: 20px; }
.scs-normal, .scs-ascii { border-radius: 20px !important; }


/* ═══════════════════════════════════════
   7. SCANNER BEAM — Wide Atmospheric Haze
   ═══════════════════════════════════════ */

/* Wider volumetric haze — atmospheric feel */
.scs-scanner-line::after {
  display: none !important;
}

/* Secondary haze layer — even wider atmospheric bloom */
.scs-scanner-line::before {
  display: none !important;
}

/* Beam breathe with wider atmospheric glow */
@keyframes scs-beam-breathe-refined {
  0%   {
    box-shadow:
      0 0 12px rgba(255,255,255,0.9),
      0 0 30px rgba(255,255,255,0.7),
      0 0 60px rgba(167,139,250,0.85),
      0 0 120px rgba(139,92,246,0.65),
      0 0 240px rgba(124,58,237,0.4),
      0 0 400px rgba(109,40,217,0.2),
      0 0 600px rgba(88,28,135,0.08);
  }
  100% {
    box-shadow:
      0 0 18px rgba(255,255,255,0.95),
      0 0 45px rgba(255,255,255,0.85),
      0 0 90px rgba(167,139,250,0.95),
      0 0 180px rgba(139,92,246,0.75),
      0 0 360px rgba(124,58,237,0.55),
      0 0 550px rgba(109,40,217,0.3),
      0 0 800px rgba(88,28,135,0.12);
  }
}

.scs-scanner-line {
  width: 7px !important;
  animation: scs-beam-breathe-refined 2.2s infinite alternate ease-in-out !important;
}

/* Scanning card glow — more refined */
.scs-wrapper.is-scanning .scs-planet-card {
  filter: brightness(1.25) contrast(1.15) saturate(1.2) !important;
  transform: scale(1.025) !important;
  box-shadow: 0 0 80px rgba(167, 139, 250, 0.35), inset 0 1px 3px rgba(255, 255, 255, 0.5) !important;
}


/* ═══════════════════════════════════════
   8. STARFIELD CANVAS — Wider, Subtler
   ═══════════════════════════════════════ */

.scs-starfield-canvas {
  opacity: 0.85;
}

/* Beam particle canvas — full width coverage */
.scs-scanner-canvas {
  left: -20% !important;
  width: 140% !important;
}


/* ═══════════════════════════════════════
   9. RESPONSIVE — Mobile Trust Bar
   ═══════════════════════════════════════ */

@media (max-width: 600px) {
  .hero-trust-bar {
    flex-wrap: wrap;
    padding: 8px 16px;
    border-radius: 16px;
    gap: 4px;
    justify-content: center;
  }
  .htb-divider {
    display: none;
  }
  .htb-item {
    padding: 4px 10px;
    font-size: 11px;
  }
  .hero-desc-v2 {
    font-size: 17px !important;
  }
  .hero-desc-bold {
    font-size: 20px;
  }
  .hero-desc-sub {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .hero-trust-bar {
    max-width: 100%;
  }
}


/* ═══════════════════════════════════════
   10. URGENCY BANNER — FIXED
   ═══════════════════════════════════════
   The "Today's planetary shift" banner was
   showing through the navbar (not industry
   standard). Hide it completely — the
   navbar.js announcement bar handles this.
   ═══════════════════════════════════════ */

/* Hide the old legacy urgency banner from index.html */
#urgency-banner {
  display: none !important;
}

/* Fix the navbar.js announcement bar — hide it entirely.
   It bleeds through the semi-transparent nav which looks
   unprofessional. Will be re-enabled when properly fixed. */
#ak-announce-bar {
  display: none !important;
}


/* ═══════════════════════════════════════
   11. HIDE DASHBOARD FROM NAV — Safety Net
   ═══════════════════════════════════════
   Dashboard is accessible from login/profile
   dropdown. No need in main nav links.
   ═══════════════════════════════════════ */

/* Hide Dashboard from old inline nav (index.html hardcoded nav) */
#nav .nav-r a[href="dashboard.html"] {
  display: none !important;
}

/* Hide from mobile drawer (old inline version) */
.mobile-nav-link[href="dashboard.html"] {
  display: none !important;
}

/* Hide from unified navbar (navbar.js injected — cache safety net) */
.ak-nav-links a[href="dashboard.html"] {
  display: none !important;
}
.ak-drawer-links a[href="dashboard.html"] {
  display: none !important;
}