*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',system-ui,sans-serif;background:#f8fafc;color:#334155;line-height:1.5}
img,picture,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
#header{position:fixed;top:1rem;left:0;right:0;z-index:50;padding:0 1rem}
#header>div{max-width:80rem;margin:0 auto;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:rgba(255,255,255,.92);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}
#hero{background-color:#111827;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;padding:8rem 0 6rem;position:relative}
#hero .max-w-7xl{max-width:80rem;margin:0 auto;padding:0 1rem;position:relative;z-index:10}
#hero-heading{color:#fff;font-weight:900;line-height:1.3;margin:0 0 2rem;font-size:1.875rem}
#hero-heading .text-emerald-500{color:#10b981}
#hero-heading .text-red-500{color:#ef4444}
#hero-heading .text-slate-300{color:#cbd5e1}
.bg-emerald-500{background-color:#10b981}
.text-white{color:#fff}
.rounded-xl{border-radius:.75rem}
.font-black{font-weight:900}
.font-bold{font-weight:700}
.w-8{width:2rem}.h-8{height:2rem}
.flex{display:flex}.inline-flex{display:inline-flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.gap-2{gap:.5rem}.gap-4{gap:1rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.text-center{text-align:center}
@media(min-width:768px){#hero-heading{font-size:3rem}.md\:text-right{text-align:right}}