*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.navbar{z-index:50;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0}.container{max-width:1200px;margin:auto;padding:.3rem}.navbar-container{justify-content:space-between;align-items:center;display:flex}.brand h1{margin:0;font-size:2rem}.navbar-nav{align-items:center;gap:1.25rem;list-style:none;display:flex}.navbar-nav a{color:#000;text-decoration:none}.btn-primary{color:#fff;background:#000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.nav-dropdown{position:relative}.nav-dropdown-toggle{cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .6rem;transition:background .15s;display:flex}.nav-dropdown:hover .nav-dropdown-toggle{background:#f2f2f207}.nav-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:10px;min-width:210px;padding:.4rem;transition:opacity .15s,transform .15s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000026}.nav-dropdown-menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(6px)}.nav-dropdown-menu a{color:#000;border-radius:6px;align-items:center;gap:.75rem;padding:.55rem .65rem;text-decoration:none;transition:background .12s;display:flex}.nav-dropdown-menu a:hover{background:#f5f5f5}.mobile-toggle{background:0 0;border:none;display:none}.mobile-nav{opacity:0;pointer-events:none;z-index:100;background:#00000080;transition:all .3s;position:fixed;inset:0}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-panel{background:#fff;width:85%;max-width:350px;height:100%;padding:1rem;transition:all .3s;transform:translate(-100%)}.mobile-nav.open .mobile-panel{transform:translate(0)}.mobile-header{justify-content:space-between;align-items:center;display:flex}.mobile-links{padding:1rem 0;list-style:none}.mobile-links li{margin-bottom:.75rem}.mobile-links a{color:#000;gap:.75rem;text-decoration:none;display:flex}.divider{margin-top:1rem;font-weight:700}.mobile-cta{justify-content:center;width:100%;margin-top:1rem}@media (max-width:768px){.navbar-nav{display:none}.mobile-toggle{display:block}}