/* Static equivalents of the existing site's Tailwind navigation/footer utilities.
   Kept local so this page does not depend on Tailwind's runtime CDN compiler. */
*,::before,::after{box-sizing:border-box;border:0 solid #e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
small{font-size:80%}
button,input,select,textarea{font:inherit;color:inherit;margin:0;padding:0}
button{background:transparent;cursor:pointer}
button:disabled{cursor:default}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
ol,ul{list-style:none;margin:0;padding:0}
img,svg,video{display:block;vertical-align:middle;max-width:100%;height:auto}
[hidden]{display:none}

.relative{position:relative}
.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-4{margin-bottom:1rem}
.mr-3{margin-right:.75rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}
.block{display:block}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.h-10{height:2.5rem}
.h-16{height:4rem}
.w-10{width:2.5rem}
.max-w-7xl{max-width:80rem}
.max-w-sm{max-width:24rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.flex-col{flex-direction:column}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-10{gap:2.5rem}
.gap-4{gap:1rem}
.space-x-8>:not([hidden])~:not([hidden]){margin-left:2rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.rounded-xl{border-radius:.75rem}
.border-t{border-top-width:1px}
.border-gray-800{border-color:#1f2937}
.bg-gray-900{background:#111827}
.bg-white{background:#fff}
.px-4{padding-left:1rem;padding-right:1rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.pt-6{padding-top:1.5rem}
.text-center{text-align:center}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.font-medium{font-weight:500}
.leading-relaxed{line-height:1.625}
.text-gray-800{color:#1f2937}
.text-gray-600{color:#4b5563}
.text-gray-500{color:#6b7280}
.text-gray-400{color:#9ca3af}
.text-gray-300{color:#d1d5db}
.text-white{color:#fff}
.text-herdy-purple{color:#8e44ad}
.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}
.transition-colors{transition:color .15s,background-color .15s,border-color .15s}
.hover\:text-herdy-purple:hover{color:#8e44ad}
.hover\:text-white:hover{color:white}

@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.sm\:flex-row{flex-direction:row}
}

@media(min-width:768px){.md\:flex{display:flex}
.md\:hidden{display:none}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:text-left{text-align:left}
.md\:justify-start{justify-content:flex-start}
.md\:mx-0{margin-left:0;margin-right:0}
}

@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}
}