@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

.hm-nav, .hm-nav *, .hm-mobile-menu, .hm-mobile-menu * { box-sizing: border-box; font-family: 'Inter', sans-serif; }

.hm-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 50; margin: 0; text-align: left; line-height: 1.5; background: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid #f3f4f6; }
.hm-nav__inner { max-width: 80rem; margin: 0 auto; padding: 1rem 1.5rem; display: flex; justify-content: space-between; align-items: center; }
.hm-logo { display: flex; align-items: center; text-decoration: none; }
.hm-logo img { display: block; height: 1.75rem; width: auto; max-width: none; }
@media (min-width: 768px) { .hm-logo img { height: 2rem; } }

.hm-menu { display: flex; align-items: center; gap: 16px; white-space: nowrap; }
.hm-menu a { font-size: 13px; line-height: 1.5; color: #6b7280; text-decoration: none; transition: color .15s ease; }
.hm-menu a:not(.hm-cta):hover { color: #f97316; }

.hm-cta { padding: .5rem 1.25rem; background: #f97316; color: #fff !important; font-weight: 600; border-radius: 9999px; text-decoration: none; transition: background-color .15s ease; }
.hm-cta:hover { background: #ea580c; color: #fff !important; }

.hm-burger { display: none; background: transparent; border: 0; padding: 0; margin: 0; color: #374151; cursor: pointer; line-height: 1; }
.hm-burger svg, .hm-close svg { display: block; width: 1.5rem; height: 1.5rem; }

@media (max-width: 1360px) {
  .hm-menu { display: none; }
  .hm-burger { display: block; }
}

.hm-mobile-menu { position: fixed; top: 0; right: 0; height: 100%; width: 20rem; max-width: 88vw; overflow-y: auto; padding: 1.5rem; background: #fff; border-left: 1px solid #f3f4f6; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); z-index: 100; transform: translateX(100%); transition: transform .3s ease; }
.hm-mobile-menu.active { transform: translateX(0); }
.hm-close { position: absolute; top: 1rem; right: 1rem; background: transparent; border: 0; padding: 0; margin: 0; color: #374151; cursor: pointer; line-height: 1; }
.hm-mobile-links { display: flex; flex-direction: column; gap: 1rem; margin-top: 3rem; }
.hm-mobile-links a { padding: .5rem 0; font-size: 1rem; line-height: 1.5; font-weight: 500; color: #111827; text-decoration: none; transition: color .15s ease; }
.hm-mobile-links a:not(.hm-cta):hover { color: #f97316; }
.hm-mobile-links a.hm-cta { padding: .5rem 1.25rem; text-align: center; font-weight: 600; }

body.hm-nav-pad { padding-top: 65px; }
@media (max-width: 767px) { body.hm-nav-pad { padding-top: 61px; } }

@keyframes hm-pulse-glow { 0%, 100% { box-shadow: 0 0 20px rgba(249,115,22,.4); } 50% { box-shadow: 0 0 40px rgba(249,115,22,.6); } }
.hm-cta { animation: hm-pulse-glow 2s ease-in-out infinite; }