*,::before,::after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
}
::before,::after{
  --tw-content:'';
}

body{
  margin:0;
  line-height:inherit;
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem;
}
.font-bold{
  font-weight:700;
}
.text-gray-900{
  color:#111827;
}
.text-center{
  text-align:center;
}
.mb-16{
  margin-bottom:4rem;
}
.grid{
  display:grid;
}
.md\:grid-cols-3{
  grid-template-columns:repeat(1,minmax(0,1fr));
}
@media(min-width:768px){
  .md\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
.gap-12{
  gap:3rem;
}
.p-6{
  padding:1.5rem;
}
.rounded-2xl{
  border-radius:1rem;
}
.bg-gray-50{
  background-color:#f9fafb;
}
.hover\:bg-gray-100:hover{
  background-color:#f3f4f6;
}
.transition-all{
  transition:all 150ms cubic-bezier(0.4,0,0.2,1);
}
.mb-4{
  margin-bottom:1rem;
}
.text-xl{
  font-size:1.25rem;
  line-height:1.75rem;
}
.font-semibold{
  font-weight:600;
}
.mb-2{
  margin-bottom:0.5rem;
}
.text-gray-600{
  color:#4b5563;
}
.py-24{
  padding-top:6rem;
  padding-bottom:6rem;
}
.max-w-\[1200px\]{
  max-width:1200px;
}
.mx-auto{
  margin-left:auto;
  margin-right:auto;
}
.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem;
}
.mb-8{
  margin-bottom:2rem;
}
.max-w-\[600px\]{
  max-width:600px;
}
.max-w-4xl{
  max-width:56rem;
}
.mb-6{
  margin-bottom:1.5rem;
}
.w-full{
  width:100%;
}
.text-left{
  text-align:left;
}
.bg-white{
  background-color:#ffffff;
}
.rounded-xl{
  border-radius:0.75rem;
}
.shadow-sm{
  box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
}
.border{
  border-width:1px;
}
.border-gray-100{
  border-color:#f3f4f6;
}
.text-lg{
  font-size:1.125rem;
  line-height:1.75rem;
}
.pt-4{
  padding-top:1rem;
}
.border-t{
  border-top-width:1px;
}
.leading-relaxed{
  line-height:1.625;
}
.relative{
  position:relative;
}
.p-8{
  padding:2rem;
}
.h-full{
  height:100%;
}
.hover\:shadow-lg:hover{
  box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
}
.absolute{
  position:absolute;
}
.top-0{
  top:0px;
}
.left-8{
  left:2rem;
}
.-translate-y-1\/2{
  transform:translateY(-50%);
}
.bg-blue-500{
  background-color:#3b82f6;
}
.text-white{
  color:#ffffff;
}
.w-12{
  width:3rem;
}
.h-12{
  height:3rem;
}
.rounded-full{
  border-radius:9999px;
}
.flex{
  display:flex;
}
.items-center{
  align-items:center;
}
.justify-center{
  justify-content:center;
}
.mt-4{
  margin-top:1rem;
}
.aspect-video{
  aspect-ratio:16 / 9;
}
.bg-gray-100{
  background-color:#f3f4f6;
}
.rounded-lg{
  border-radius:0.5rem;
}
.text-gray-400{
  color:#9ca3af;
}
.fill-none{
  fill:none;
}
.stroke-currentColor{
  stroke:currentColor;
}