/* ---- CorStation custom styles ---- */

/* Subtle depth behind the frosted cards (delete this block if you dislike it) */
body {
  background:
    radial-gradient(1200px 600px at 15% -10%, #1c2740 0%, rgba(28,39,64,0) 60%),
    #0b0f17 !important;
  background-attachment: fixed !important;
}

/* Smooth lift + glow on every card */
.service-card {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  border: 1px solid transparent;
}
.service-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(0,0,0,.45);
  border-color: rgba(99,179,237,.55);
}

/* Square tiles for the three utility groups */
#convertx .service-card,
#amp .service-card,
#cloud .service-card {
  aspect-ratio: 1 / 1;
  max-width: 200px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#convertx .service-title,
#amp .service-title,
#cloud .service-title {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: .5rem;
}