/* Landing Page Specific Styles */

/* Only add page-specific styles here that aren't part of the component library */
.landing-demo-bg {
  background-color: var(--landing-secondary-color);
}

/* Page-specific responsive adjustments */
@media (max-width: 480px) {
  .landing-steps {
    flex-direction: column;
  }
  
  .landing-step {
    flex: 1 1 100%;
  }
  
  .landing-demo-panel__brands {
    flex-wrap: wrap;
    justify-content: center;
  }
}