/* Enhanced Logo Container - 20% smaller */
.logo-container {
  position: relative;
  display: inline-block;
  padding: 16px 32px; /* Reduced by 20% from 20px 40px */
  border-radius: 8px; /* Slightly smaller radius */
  overflow: hidden;
  transform: scale(0.8); /* Direct 20% reduction */
  transform-origin: center;
}

.logo-container::before {
  content: '';
  position: absolute;
  top: -1.6px; /* Reduced by 20% */
  left: -1.6px;
  right: -1.6px;
  bottom: -1.6px;
  background: linear-gradient(45deg, #ff6b35, #0ae7f7, #ff6b35, #0ae7f7);
  z-index: -1;
  border-radius: 9.6px; /* Reduced by 20% */
  animation: borderGlow 3s linear infinite;
  background-size: 400%;
}

.logo-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(10, 14, 41, 0.9);
  z-index: -1;
  border-radius: 8px; /* Reduced by 20% */
}

@keyframes borderGlow {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

/* Glow effect - 20% smaller */
.glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96%; /* Reduced by 20% */
  height: 96%;
  background: radial-gradient(circle, rgba(10, 231, 247, 0.2) 0%, transparent 70%);
  animation: pulse 4s infinite alternate;
}

@keyframes pulse {
  0% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(0.64); /* Reduced by 20% */
  }
  100% {
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(0.96); /* Reduced by 20% */
  }
}

/* Circuit lines - 20% smaller */
.circuit-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    linear-gradient(90deg, transparent 49%, rgba(10, 231, 247, 0.3) 50%, transparent 51%) 0 0 / 16px 16px repeat, /* Reduced grid size */
    linear-gradient(0deg, transparent 49%, rgba(10, 231, 247, 0.3) 50%, transparent 51%) 0 0 / 16px 16px repeat;
  animation: circuitFlow 10s linear infinite;
  border-radius: 8px; /* Reduced by 20% */
  opacity: 0.5;
}

@keyframes circuitFlow {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 16px 16px; /* Reduced movement */
  }
}

/* Main Logo Text - 20% smaller */
.logo {
  font-size: 2rem; /* Reduced from 2.5rem */
  font-weight: bold;
  background: linear-gradient(45deg, #ff6b35, #0ae7f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  z-index: 2;
  letter-spacing: 1.6px; /* Reduced by 20% */
  text-shadow: 0 0 8px rgba(10, 231, 247, 0.3); /* Reduced glow */
  text-align: center;
  line-height: 1.2;
}

/* AI Badge - Moved to bottom and enhanced */
.ai-badge {
  position: absolute;
  bottom: -12px; /* Moved to bottom with slight overlap */
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(45deg, #ff6b35, #0ae7f7);
  color: #0a0e29;
  font-size: 0.7rem; /* Slightly larger for better visibility */
  font-weight: bold;
  padding: 4px 12px; /* Increased padding for better appearance */
  border-radius: 10px; /* Slightly larger radius */
  animation: badgePulse 2s infinite alternate;
  z-index: 3;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

@keyframes badgePulse {
  0% {
    transform: translateX(-50%) scale(1);
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.4);
  }
  100% {
    transform: translateX(-50%) scale(1.05);
    box-shadow: 0 4px 16px rgba(10, 231, 247, 0.6);
  }
}

/* Adjust hero title container for smaller logo */
.tm-hero-text-container-inner {
  padding: 10px 0; /* Reduced padding to accommodate smaller logo */
}

.tm-hero-title {
  margin: 15px 0; /* Adjusted margin to accommodate bottom badge */
}