/* Critical CSS - Above the fold styles only */
/* This prevents render blocking by inlining essential styles */

/* Reset & base */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
body{margin:0;line-height:inherit}

/* Hero section critical styles */
.min-h-screen{min-height:100vh}
.relative{position:relative}
.absolute{position:absolute}
.inset-0{top:0;right:0;bottom:0;left:0}
.overflow-hidden{overflow:hidden}
.w-full{width:100%}
.h-full{height:100%}
.object-cover{object-fit:cover}

/* Layout */
.flex{display:flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}

/* Background */
.bg-slate-50{background-color:rgb(248 250 252)}
.bg-white{background-color:rgb(255 255 255)}

/* Text */
.text-white{color:rgb(255 255 255)}
.text-slate-900{color:rgb(15 23 42)}
.text-xs{font-size:0.75rem;line-height:1rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}

/* Spacing */
.p-4{padding:1rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.mt-2{margin-top:0.5rem}
.mb-3{margin-bottom:0.75rem}

/* Border & Shadow */
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.border{border-width:1px}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)}

/* Responsive */
@media(min-width:640px){
.sm\:py-16{padding-top:4rem;padding-bottom:4rem}
.sm\:text-sm{font-size:0.875rem;line-height:1.25rem}
}
@media(min-width:768px){
.md\:py-24{padding-top:6rem;padding-bottom:6rem}
}
@media(min-width:1024px){
.lg\:py-32{padding-top:8rem;padding-bottom:8rem}
}