.brand{
  text-decoration:none;
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  gap:.625rem;
  min-height:30px;
  white-space:nowrap;
}

.brand-text{
  display:block;
  font-family:var(--font, system-ui, sans-serif);
  font-weight:700;
  font-size:1.2rem;
  letter-spacing:-.03em;
  line-height:1;
  transform:translateY(-1px);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.logo-mark{
  width:30px;
  height:30px;
  flex-shrink:0;
  display:block;
  border-radius:8px;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' rx='8' fill='%230D6B4F'/%3E%3Ctext x='15' y='19' text-anchor='middle' font-family='system-ui,sans-serif' font-size='15' font-weight='700' fill='white'%3ES%3C/text%3E%3C/svg%3E");
  background-size:100% 100%;
  background-repeat:no-repeat;
  user-select:none;
}

.main-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:58px;
  padding:0 2.5rem;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(250,250,249,.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}

.main-header--home{
  position:fixed;
  left:0;
  right:0;
  border-bottom-color:transparent;
  transition:border-color .3s;
}

.main-header--home.scrolled{
  border-bottom-color:var(--border);
}

.main-header-links{
  display:flex;
  gap:2rem;
  align-items:center;
}

.main-header-links > a{
  color:var(--ink3);
  font-family:var(--font, system-ui, sans-serif);
  text-decoration:none;
  font-size:.875rem;
  font-weight:500;
  line-height:1;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  transition:color .2s;
}

.main-header-links > a:not(.main-header-cta){
  font-weight:500;
}

.main-header-links > a:not(.main-header-cta):hover{
  color:var(--ink);
}

.main-header-cta{
  display:inline-flex;
  align-items:center;
  gap:.375rem;
  padding:.5rem 1.25rem;
  border-radius:8px;
  background:var(--accent);
  color:#fff;
  font-weight:600;
  font-size:.875rem;
  border:none;
  cursor:pointer;
  text-decoration:none;
  line-height:1;
  -webkit-font-smoothing:auto;
  transition:all .2s;
  font-family:var(--font, system-ui, sans-serif);
}

.main-header-links .main-header-cta{
  color:#fff;
  font-weight:600;
}

.main-header-cta:hover{
  background:#0A5A42;
  color:#fff;
  transform:translateY(-1px);
}

.page-with-fixed-header{
  padding-top:58px;
}

@media(max-width:640px){
  .main-header{
    height:54px;
    padding:0 1rem;
  }
  .main-header-links > a:not(.main-header-cta){display:none}
  .main-header-links{gap:.75rem}
  .page-with-fixed-header{padding-top:54px}
}