/* Critical above-the-fold CSS — fonts, nav icons, mega-menu, hero sizing */

@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:block;src:url('/fonts/material-symbols.woff2') format('woff2')}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}
h1,h2,h3,h4,.headline{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.icon-filled{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.mega-menu{opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s ease}
.group:hover .mega-menu,.group:focus-within .mega-menu,.mega-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.hero-section{min-height:420px}
@media(min-width:768px){.hero-section{height:500px;min-height:0}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:pl-6{padding-left:1.5rem}.md\:border-l{border-left-width:1px}.md\:h-8{height:2rem}.md\:inline-block{display:inline-block}}
.text-zinc-700{color:rgb(63 63 70)}