/* Non-critical CSS - loaded after LCP */

/* Additional spacing */
.gap-2{gap:0.5rem}
.gap-8{gap:2rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.mb-4{margin-bottom:1rem}
.mb-12{margin-bottom:3rem}
.space-y-4>*+*{margin-top:1rem}
.space-y-6>*+*{margin-top:1.5rem}

/* Additional typography */
.text-sm{font-size:0.875rem;line-height:1.25rem}
.font-medium{font-weight:500}

/* Cards - heavily used across all pages */
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}
.border{border-width:1px}

/* Buttons - critical for CTAs */
.inline-flex{display:inline-flex}
.transition-colors{transition-property:color,background-color,border-color;transition-duration:150ms}
.bg-primary{background-color:hsl(var(--primary))}
.text-primary-foreground{color:hsl(var(--primary-foreground))}

/* Responsive design - mobile first */
@media (min-width: 768px) {
  .md\\:flex{display:flex}
  .md\\:text-5xl{font-size:3rem;line-height:1}
  .md\\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width: 1024px) {
  .lg\\:flex-row{flex-direction:row}
  .lg\\:text-5xl{font-size:3rem;line-height:1}
  .lg\\:w-80{width:20rem}
}