*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,p,ul{margin:0}
h1,h2,h3{font-size:inherit;font-weight:inherit}
ul{padding:0;list-style:none}
button{font:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;text-transform:none;-webkit-appearance:button;background:transparent;background-image:none}
video{display:block;max-width:100%;height:auto;vertical-align:middle}
body *::selection{color:#fff;background:#334155}
body::selection{color:#fff;background:#334155}

.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.-top-20{top:-5rem}
.bottom-4{bottom:1rem}
.left-1\/2{left:50%}
.left-8{left:2rem}
.right-4{right:1rem}
.right-8{right:2rem}
.top-6{top:1.5rem}
.z-50{z-index:50}
.mb-12{margin-bottom:3rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mr-2{margin-right:.5rem}
.mr-3{margin-right:.75rem}
.mr-4{margin-right:1rem}
.mt-1{margin-top:.25rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.inline-block{display:inline-block}
.flex{display:flex}
.h-2{height:.5rem}
.w-2{width:.5rem}
.w-full{width:100%}
.max-w-3xl{max-width:48rem}
.max-w-5xl{max-width:64rem}
.-translate-x-1\/2{transform:translateX(-50%)}
.select-none{user-select:none}
.list-none{list-style:none}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-l-2{border-left-width:2px}
.border-t{border-top-width:1px}
.border-slate-500{border-color:#64748b}
.border-slate-600{border-color:#475569}
.border-slate-700{border-color:#334155}
.bg-slate-500{background:#64748b}
.bg-slate-800\/50{background:rgba(30,41,59,.5)}
.p-8{padding:2rem}
.px-12{padding-left:3rem;padding-right:3rem}
.px-4{padding-left:1rem;padding-right:1rem}
.pb-2{padding-bottom:.5rem}
.pb-4{padding-bottom:1rem}
.pl-6{padding-left:1.5rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.text-center{text-align:center}
.text-right{text-align:right}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-\[10px\]{font-size:10px}
.text-\[10rem\]{font-size:10rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.font-bold{font-weight:700}
.font-light{font-weight:300}
.leading-relaxed{line-height:1.625}
.tracking-\[0\.2em\]{letter-spacing:.2em}
.tracking-\[0\.35em\]{letter-spacing:.35em}
.tracking-\[0\.3em\]{letter-spacing:.3em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.tracking-widest{letter-spacing:.1em}
.text-emerald-500{color:#10b981}
.text-slate-100{color:#f1f5f9}
.text-slate-200{color:#e2e8f0}
.text-slate-300{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}
.text-slate-600{color:#475569}
.text-slate-800{color:#1e293b}
.text-white{color:#fff}
.opacity-20{opacity:.2}
.opacity-30{opacity:.3}
.opacity-90{opacity:.9}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.transition-opacity{transition:opacity .15s cubic-bezier(.4,0,.2,1)}
.pointer-events-none{pointer-events:none}
.hover\:opacity-100:hover{opacity:1}

@media (min-width:768px){
  .md\:p-12{padding:3rem}
  .md\:px-12{padding-left:3rem;padding-right:3rem}
}