/* Preflight resets */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
img,svg,video,canvas{display:block;max-width:100%}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
button,input,select,textarea{font:inherit;color:inherit}
table{border-collapse:collapse;border-spacing:0}
.bg-white{background-color:#fff}.border-t{border-top-width:1px}.border-gray-100{border-color:#f3f4f6}.pt-16{padding-top:4rem}.pb-8{padding-bottom:2rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.px-6{padding-left:1.5rem;padding-right:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-12{gap:3rem}.mb-16{margin-bottom:4rem}.col-span-1{grid-column:span 1/span 1}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:0.5rem}.mb-4{margin-bottom:1rem}.w-8{width:2rem}.h-8{height:2rem}.bg-blue-600{background-color:#2563eb}.text-white{color:#fff}.rounded{border-radius:var(--radius-default, 0.25rem)}.justify-center{justify-content:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.text-gray-900{color:#111827}.text-gray-500{color:#6b7280}.text-sm{font-size:0.875rem;line-height:1.25rem}.leading-relaxed{line-height:var(--leading-relaxed,1.625)}.space-y-2>:not([hidden])~:not([hidden]){margin-top:0.5rem}.hover\:text-blue-600:hover{color:#2563eb}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--ease-default,cubic-bezier(0.4,0,0.2,1));transition-duration:var(--duration-normal,300ms)}.pt-8{padding-top:2rem}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.text-gray-400{color:#9ca3af}.fixed{position:fixed}.top-0{top:0px}.left-0{left:0px}.right-0{right:0px}.z-50{z-index:50}.transition-all{transition-property:all;transition-timing-function:var(--ease-default,cubic-bezier(0.4,0,0.2,1));transition-duration:var(--duration-normal,300ms)}.duration-300{transition-duration:300ms}.bg-transparent{background-color:transparent}.py-4{padding-top:1rem;padding-bottom:1rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.rounded-lg{border-radius:var(--radius-lg, 0.5rem)}.shadow-lg{box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0,0,0,0.1))}.transition-transform{transition-property:transform;transition-timing-function:var(--ease-default,cubic-bezier(0.4,0,0.2,1));transition-duration:var(--duration-normal,300ms)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.group:hover .group-hover\:rotate-3{--tw-rotate:3deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.text-xl{font-size:1.25rem;line-height:1.75rem}.tracking-tight{letter-spacing:var(--tracking-tight,-0.025em)}.group:hover .group-hover\:text-blue-600{color:#2563eb}.hidden{display:none}.gap-8{gap:2rem}.font-medium{font-weight:500}.text-gray-600{color:#4b5563}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.font-semibold{font-weight:600}.rounded-full{border-radius:9999px}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0,0,0,0.1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.duration-200{transition-duration:200ms}.p-2{padding:0.5rem}.border-0{border-width:0px}.cursor-pointer{cursor:pointer}.inset-0{inset:0px}.z-\[60\]{z-index:60}.p-6{padding:1.5rem}.absolute{position:absolute}.top-6{top:1.5rem}.right-6{right:1.5rem}.hover\:text-gray-900:hover{color:#111827}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-blue-600{color:#2563eb}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-gray-50{background-color:#f9fafb}.font-sans{font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji')}.selection\:bg-blue-100::selection{background-color:#dbeafe}.selection\:text-blue-900::selection{color:#1e3a8a}.relative{position:relative}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.pt-20{padding-top:5rem}.bg-slate-900\/80{background-color:color-mix(in srgb,#0f172a 80%,transparent)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.z-10{z-index:10}.inline-block{display:inline-block}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.bg-blue-500\/20{background-color:color-mix(in srgb,#3b82f6 20%,transparent)}.border{border-width:1px}.border-blue-400\/30{border-color:color-mix(in srgb,#60a5fa 30%,transparent)}.text-blue-300{color:#93c5fd}.mb-6{margin-bottom:1.5rem}.text-5xl{font-size:3rem;line-height:1}.mb-8{margin-bottom:2rem}.leading-tight{line-height:var(--leading-tight,1.25)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,0.03)) drop-shadow(0 8px 5px rgba(0,0,0,0.08));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.text-transparent{color:transparent}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.to-purple-400{--tw-gradient-to:#c084fc}.text-gray-300{color:#d1d5db}.max-w-2xl{max-width:42rem}.mb-12{margin-bottom:3rem}.w-full{width:100%}.px-8{padding-left:2rem;padding-right:2rem}.hover\:bg-blue-500:hover{background-color:#3b82f6}.hover\:shadow-\[0_0_30px_rgba\(37\,99\,235\,0\.5\)\]:hover{box-shadow:0 0 30px rgba(37,99,235,0.5)}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent)}.border-white\/20{border-color:color-mix(in srgb,#fff 20%,transparent)}.hover\:bg-white\/20:hover{background-color:color-mix(in srgb,#fff 20%,transparent)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.bottom-10{bottom:2.5rem}.left-1\/2{left:50%}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.text-white\/50{color:color-mix(in srgb,#fff 50%,transparent)}.animate-bounce{animation:bounce 1s infinite}.py-24{padding-top:6rem;padding-bottom:6rem}.mb-20{margin-bottom:5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.p-8{padding:2rem}.rounded-3xl{border-radius:1.5rem}.hover\:border-blue-200:hover{border-color:#bfdbfe}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0,0,0,0.1))}.hover\:shadow-blue-900\/5:hover{--tw-shadow-color:color-mix(in srgb,#1e3a8a 5%,transparent)}.w-14{width:3.5rem}.h-14{height:3.5rem}.bg-blue-100{background-color:#dbeafe}.rounded-2xl{border-radius:1rem}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.mb-3{margin-bottom:0.75rem}.hover\:border-purple-200:hover{border-color:#e9d5ff}.hover\:shadow-purple-900\/5:hover{--tw-shadow-color:color-mix(in srgb,#581c87 5%,transparent)}.bg-purple-100{background-color:#f3e8ff}.text-purple-600{color:#9333ea}.hover\:border-teal-200:hover{border-color:#99f6e4}.hover\:shadow-teal-900\/5:hover{--tw-shadow-color:color-mix(in srgb,#134e4a 5%,transparent)}.bg-teal-100{background-color:#ccfbf1}.text-teal-600{color:#0d9488}.bg-slate-900\/40{background-color:color-mix(in srgb,#0f172a 40%,transparent)}.tracking-wide{letter-spacing:var(--tracking-wide,0.025em)}.uppercase{text-transform:uppercase}.mb-2{margin-bottom:0.5rem}.block{display:block}.text-slate-300{color:#cbd5e1}.top-12{top:3rem}.left-\[16\%\]{left:16%}.right-\[16\%\]{right:16%}.h-0\.5{height:0.125rem}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.z-0{z-index:0}.w-24{width:6rem}.h-24{height:6rem}.bg-slate-800{background-color:#1e293b}.border-4{border-width:4px}.border-slate-700{border-color:#334155}.shadow-\[0_0_20px_rgba\(0\,0\,0\,0\.3\)\]{box-shadow:0 0 20px rgba(0,0,0,0.3)}.group:hover .group-hover\:border-blue-500{border-color:#3b82f6}.group:hover .group-hover\:shadow-\[0_0_30px_rgba\(37\,99\,235\,0\.4\)\]{box-shadow:0 0 30px rgba(37,99,235,0.4)}.text-6xl{font-size:3.75rem;line-height:1}.text-white\/5{color:color-mix(in srgb,#fff 5%,transparent)}.-top-4{top:-1rem}.right-1\/4{right:25%}.select-none{user-select:none}.pointer-events-none{pointer-events:none}.max-w-xs{max-width:20rem}.-top-8{top:-2rem}.text-white\/20{color:color-mix(in srgb,#fff 20%,transparent)}.group:hover .group-hover\:border-purple-500{border-color:#a855f7}.group:hover .group-hover\:shadow-\[0_0_30px_rgba\(147\,51\,234\,0\.4\)\]{box-shadow:0 0 30px rgba(147,51,234,0.4)}.group:hover .group-hover\:border-teal-500{border-color:#14b8a6}.group:hover .group-hover\:shadow-\[0_0_30px_rgba\(13\,148\,136\,0\.4\)\]{box-shadow:0 0 30px rgba(13,148,136,0.4)}.mt-16{margin-top:4rem}.inline-flex{display:inline-flex}.border-b{border-bottom-width:1px}.border-white\/30{border-color:color-mix(in srgb,#fff 30%,transparent)}.pb-1{padding-bottom:0.25rem}.hover\:text-blue-300:hover{color:#93c5fd}.hover\:border-blue-300:hover{border-color:#93c5fd}.w-4{width:1rem}.h-4{height:1rem}.max-w-6xl{max-width:72rem}.border-gray-200{border-color:#e5e7eb}.shadow-sm{box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0,0,0,0.05))}.order-2{order:2}.items-baseline{align-items:baseline}.gap-1{gap:0.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.gap-3{gap:0.75rem}.text-green-600{color:#16a34a}.flex-shrink-0{flex-shrink:0}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.rounded-xl{border-radius:var(--radius-xl, 0.75rem)}.bg-gray-100{background-color:#f3f4f6}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.bg-slate-900{background-color:#0f172a}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.border-2{border-width:2px}.border-blue-500{border-color:#3b82f6}.order-1{order:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.bg-blue-500{background-color:#3b82f6}.text-xs{font-size:0.75rem;line-height:1rem}.text-blue-200{color:#bfdbfe}.text-gray-200{color:#e5e7eb}.text-blue-400{color:#60a5fa}.hover\:shadow-blue-900\/50:hover{--tw-shadow-color:color-mix(in srgb,#1e3a8a 50%,transparent)}.order-3{order:3}.hover\:border-gray-400:hover{border-color:#9ca3af}.skew-y-3{--tw-skew-y:3deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.origin-top-left{transform-origin:top left}.translate-y-24{--tw-translate-y:6rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.gap-16{gap:4rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.items-start{align-items:flex-start}.w-12{width:3rem}.h-12{height:3rem}.mb-1{margin-bottom:0.25rem}.mt-1{margin-top:0.25rem}.shadow-xl{box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0,0,0,0.1))}.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}.text-gray-700{color:#374151}.px-4{padding-left:1rem;padding-right:1rem}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--c-primary-500,rgba(59,130,246,0.5))}.focus\:ring-blue-200:focus{box-shadow:0 0 0 3px #bfdbfe}.outline-none{outline:2px solid transparent;outline-offset:2px}.appearance-none{appearance:none}.resize-none{resize:none}.hover\:shadow-blue-500\/30:hover{--tw-shadow-color:color-mix(in srgb,#3b82f6 30%,transparent)}.mt-4{margin-top:1rem}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:w-auto{width:auto}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:flex-row{flex-direction:row}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:block{display:block}.md\:order-1{order:1}.md\:order-2{order:2}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}