/* AL10 Logo Styling */
.al10-logo {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.75rem;
  line-height: 1;
  text-decoration: none;
}

.al10-logo:hover {
  text-decoration: none;
}

.al10-logo .a-l {
  color: #183153; /* Deep blue */
}

.al10-logo .one {
  color: #D4A017; /* Gold */
}

.al10-logo .zero {
  color: #00C3E5; /* Teal/Cyan */
  position: relative;
}

.al10-logo .cloud {
  position: absolute;
  top: -10px;
  right: -2px;
  font-size: 0.8rem;
  color: #00C3E5; /* Teal/Cyan */
}

.al10-logo .ltd {
  color: #183153; /* Deep blue */
  font-size: 1rem;
  margin-left: 4px;
  align-self: flex-end;
  margin-bottom: 4px;
}

/* For smaller screens */
@media (max-width: 767.98px) {
  .al10-logo {
    font-size: 1.5rem;
  }
  
  .al10-logo .ltd {
    font-size: 0.9rem;
  }
  
  .al10-logo .cloud {
    top: -8px;
    font-size: 0.7rem;
  }
}