/* Official LiteLLM wordmark and workshop copy. Animation styles stay in motion.css. */
.litellm-logo { display: block; height: auto; object-fit: contain; }
.brand .litellm-logo { width: 132px; }
.hero-lockup .litellm-logo { width: 184px; }
.footer .litellm-logo { width: 96px; }
.hero-copy h2 { font-size: 27px; }
.hero-copy p { max-width: 470px; }
.hero-kicker > span:last-child { white-space: nowrap; }
.section-heading > p { max-width: 430px; }
@media(max-width:1100px) { .hero-copy h2 { font-size: 23px; } }
@media(max-width:680px) {
  .brand .litellm-logo { width: 117px; }
  .hero-lockup .litellm-logo { width: 165px; }
  .hero-copy h2 { font-size: 23px; max-width: 300px; margin-left: auto; margin-right: auto; }
  .hero-copy p { max-width: 285px; }
  .hero-kicker { font-size: 6px; }
  .logo-intro h2 { max-width: 150px; }
  .logo-intro h2 br { display: initial; }
}
.hero-copy .workshop-details, .console-copy > .workshop-details, .stack-hero-copy > .workshop-details { color: #f1f5ff; font-size: 12px; line-height: 1.5; margin: 0 0 10px; }
@media(max-width:680px) { .hero-copy .workshop-details, .console-copy > .workshop-details, .stack-hero-copy > .workshop-details { font-size: 10px; max-width: none; margin-bottom: 12px; } }

/* Keep workshop signup first, with Moyai as a supporting resource. */
.signup-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; flex-shrink: 0; }
.signup-actions .button { min-width: 178px; }
.moyai-secondary { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.moyai-secondary a { display: inline-flex; align-items: center; gap: 9px; color: #f1f5ff; font-size: 12px; font-weight: 500; line-height: 1.5; text-decoration: underline; text-decoration-color: #d5e2ff66; text-underline-offset: 4px; }
.moyai-secondary a:hover { text-decoration-color: #f1f5ff; }
.moyai-secondary a:focus-visible { outline: 2px solid #d8f6ff; outline-offset: 5px; }
.moyai-secondary > span { font-size: 10px; line-height: 1.5; color: #c1d2ff; }
@media(max-width:680px) {
  .hero-copy .signup-actions { align-items: center; gap: 10px; }
  .hero-copy .moyai-secondary { align-items: center; }
  .signup-actions .button { min-width: 160px; }
  .moyai-secondary a { font-size: 11px; }
  .moyai-secondary > span { font-size: 9px; }
}