/* /css/responsive/mobile-overrides.css */

@media (max-width:640px){

  /* API route */
  .api-route-prefix{ width:100%; }
  #po-api-route{
    width:100%;
    flex-basis:100%;
  }

  /* Hero typography */
  .hero h1{
    background:linear-gradient(
      130deg,
      var(--ink) 5%,
      var(--brand-600) 20%,
      var(--brand-purp) 45%
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }


  /* DNA loader */
  .dna-track{
    flex:1 1 100%;
    width:100%;
    display:flex;
    justify-content:center;
  }

  .dna-text{
    width:100%;
    align-items:center;
    text-align:center;
  }

  .dna-container{
    row-gap:14px;
  }

  /* Billing */
  .billing-actions{
    grid-template-columns:1fr !important;
  }

  .billing-actions button{
    grid-column:auto;
  }
}